// ==UserScript==
// @name         Bitcointalk Mobile
// @namespace    https://bitcointalk.org
// @version      1.0
// @description  Improves readability on bitcointalk.org for mobile
// @author       Royal Cap
// @match        https://bitcointalk.org/*
// @grant        GM_addStyle
// @run-at document-start
// ==/UserScript==

(function () {
    'use strict';

    GM_addStyle(`
        html, body {
            width: 100% !important;
            max-width: 100vw !important;
            overflow-x: hidden !important;
            margin: 0 !important;
            padding: 5px !important;
        }

        @media screen and (max-width: 768px) {
            head {
                display: contents;
            }
            head::before {
                content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
            }
        }

        body, p, td, tr, div, span, a {
            font-size: 105% !important;
            line-height: 1.4 !important;
        }

        a:link, a:visited {
            text-decoration: underline !important;
        }

        a:hover {
            text-decoration: none !important;
        }


        .post h4, .post h5 {
            font-size: 22px !important;
            font-weight: bold !important;
        }

        .smalltext, .quote, .code  {
            font-size: 20px !important;
        }

        .quote, .code {
            border: 1px solid #ccc !important;
            padding: 10px !important;
        }

        table {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        td {
            word-wrap: break-word !important;
            max-width: 100% !important;
        }

        img {
            max-width: 100% !important;
            height: auto !important;
        }

        .nav, #header, #footer {
            font-size: 18px !important;
            width: 100% !important;
        }

        input, textarea, select {
            border: 1px solid #aaa !important;
            padding-right: 30px !important;
        }

        textarea {
            font-size: 100%;
            font-family: verdana, sans-serif;
            width: 70% !important;
        }

        element.style {
            width: 10ex;
        }

        .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
            font-style: normal;
            border-bottom: none;
            border-top: none;
            padding-left: 0;
            padding-right: 0;
        }
    span.prevnext a:link {
        font-size: 400% !important;
    }
    `);
})();

// ==UserScript==
// @name         Bitcointalk Mobile (Dark Mode)
// @namespace    https://bitcointalk.org
// @version      1.0
// @description  Improves readability on bitcointalk.org for mobile and applies a dark theme
// @author       Royal Cap
// @match        https://bitcointalk.org/*
// @grant        GM_addStyle
// @run-at document-start
// ==/UserScript==

(function () {
    'use strict';

    GM_addStyle(`
        html, body {
            width: 100% !important;
            max-width: 100vw !important;
            overflow-x: hidden !important;
            margin: 0 !important;
            padding: 5px !important;
            background-color: #121212 !important;
            color: #e0e0e0 !important;

        }

        @media screen and (max-width: 768px) {
            head {
                display: contents;
            }
            head::before {
                content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
            }
        }

        body, p, td, tr, div, span, a {
            font-size: 105% !important;
            line-height: 1.4 !important;
            color: #e0e0e0 !important;
            background-color: #1e1e1e !important;
          
        }

        a:link, a:visited {
            color: #81d4fa !important;
        }

        a:hover {
            color: #ffffff !important;
        }

        .windowbg, .windowbg2, .post, .tborder, .titlebg, .windowbg3, .maintab_back, .middletext, .titlebg, .titlebg2, .td, .catbg2  {
            background-color: #1e1e1e !important;
            color: #e0e0e0 !important;
            background: #1e1e1e !important;

        }

        .post h4, .post h5 {
            font-size: 22px !important;
            font-weight: bold !important;
            color: #ffffff !important;
        }

        .smalltext, .quote, .code  {
            font-size: 20px !important;
            color: #b0b0b0 !important;
            background-color: #1e1e1e !important;
        }

        .quote, .code {
            background-color: #2c2c2c !important;
            border: 1px solid #444 !important;
            padding: 10px !important;
        }

        table {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        td {
            word-wrap: break-word !important;
            max-width: 100% !important;
        }

        img {
            max-width: 100% !important;
            height: auto !important;
        }

        .nav, #header, #footer {
            font-size: 18px !important;
            width: 100% !important;
            background-color: #1a1a1a !important;
            color: #ccc !important;
        }

        input, textarea, select {
            background-color: #2a2a2a !important;
            color: #e0e0e0 !important;
            border: 1px solid #555 !important;
           padding-right: 30px !important;
        }

        textarea {
          font-size: 100%;
          color: #000000;
          font-family: verdana, sans-serif;
          width: 70% !important;
        }

       .catbg, tr.catbg td, .catbg3, tr.catbg3 td {
        background: #1e1e1e !important;
        }
        element.style {
            width: 10ex;
        }


    .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
        color: black;
        font-style: normal;
        background: inherit;
        background-color: #15181a;
        border-bottom: none;
        border-top: none;
        padding-left: 0;
        padding-right: 0;
      }
    span.prevnext a:link {
          font-size: 400% !important;
      }

    `);
})();

// ==UserScript==
// @name         Bitcointalk Mobile
// @namespace    https://bitcointalk.org
// @version      1.0
// @description  Improves readability on bitcointalk.org for mobile
// @author       Royal Cap
// @match        https://bitcointalk.org/*
// @grant        GM_addStyle
// @run-at document-start
// ==/UserScript==

(function () {
    'use strict';

    GM_addStyle(`
        html, body {
            width: 100% !important;
            max-width: 100vw !important;
            overflow-x: hidden !important;
            margin: 0 !important;
            padding: 5px !important;
        }

        @media screen and (max-width: 768px) {
            head {
                display: contents;
            }
            head::before {
                content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
            }
        }

        body, p, td, tr, div, span, a {
            font-size: 105% !important;
            line-height: 1.4 !important;
        }

        a:link, a:visited {
            text-decoration: underline !important;
        }

        a:hover {
            text-decoration: none !important;
        }


        .post h4, .post h5 {
            font-size: 22px !important;
            font-weight: bold !important;
        }

        .smalltext, .quote, .code  {
            font-size: 20px !important;
        }

        .quote, .code {
            border: 1px solid #ccc !important;
            padding: 10px !important;
        }

        table {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        td {
            word-wrap: break-word !important;
            max-width: 100% !important;
        }

        img {
            max-width: 100% !important;
            height: auto !important;
        }

        .nav, #header, #footer {
            font-size: 18px !important;
            width: 100% !important;
        }

        input, textarea, select {
            border: 1px solid #aaa !important;
            padding-right: 30px !important;
        }

        textarea {
            font-size: 100%;
            font-family: verdana, sans-serif;
            width: 70% !important;
        }

        element.style {
            width: 10ex;
        }

        .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
            font-style: normal;
            border-bottom: none;
            border-top: none;
            padding-left: 0;
            padding-right: 0;
        }
    span.prevnext a:link {
        font-size: 400% !important;
    }
    `);
})();

// ==UserScript==
// @name         Bitcointalk Mobile (Dark Mode)
// @namespace    https://bitcointalk.org
// @version      1.0
// @description  Improves readability on bitcointalk.org for mobile and applies a dark theme
// @author       Royal Cap
// @match        https://bitcointalk.org/*
// @grant        GM_addStyle
// @run-at document-start
// ==/UserScript==

(function () {
    'use strict';

    GM_addStyle(`
        html, body {
            width: 100% !important;
            max-width: 100vw !important;
            overflow-x: hidden !important;
            margin: 0 !important;
            padding: 5px !important;
            background-color: #121212 !important;
            color: #e0e0e0 !important;

        }

        @media screen and (max-width: 768px) {
            head {
                display: contents;
            }
            head::before {
                content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
            }
        }

        body, p, td, tr, div, span, a {
            font-size: 105% !important;
            line-height: 1.4 !important;
            color: #e0e0e0 !important;
            background-color: #1e1e1e !important;
          
        }

        a:link, a:visited {
            color: #81d4fa !important;
        }

        a:hover {
            color: #ffffff !important;
        }

        .windowbg, .windowbg2, .post, .tborder, .titlebg, .windowbg3, .maintab_back, .middletext, .titlebg, .titlebg2, .td, .catbg2  {
            background-color: #1e1e1e !important;
            color: #e0e0e0 !important;
            background: #1e1e1e !important;

        }

        .post h4, .post h5 {
            font-size: 22px !important;
            font-weight: bold !important;
            color: #ffffff !important;
        }

        .smalltext, .quote, .code  {
            font-size: 20px !important;
            color: #b0b0b0 !important;
            background-color: #1e1e1e !important;
        }

        .quote, .code {
            background-color: #2c2c2c !important;
            border: 1px solid #444 !important;
            padding: 10px !important;
        }

        table {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        td {
            word-wrap: break-word !important;
            max-width: 100% !important;
        }

        img {
            max-width: 100% !important;
            height: auto !important;
        }

        .nav, #header, #footer {
            font-size: 18px !important;
            width: 100% !important;
            background-color: #1a1a1a !important;
            color: #ccc !important;
        }

        input, textarea, select {
            background-color: #2a2a2a !important;
            color: #e0e0e0 !important;
            border: 1px solid #555 !important;
           padding-right: 30px !important;
        }

        textarea {
          font-size: 100%;
          color: #000000;
          font-family: verdana, sans-serif;
          width: 70% !important;
        }

       .catbg, tr.catbg td, .catbg3, tr.catbg3 td {
        background: #1e1e1e !important;
        }
        element.style {
            width: 10ex;
        }


    .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
        color: black;
        font-style: normal;
        background: inherit;
        background-color: #15181a;
        border-bottom: none;
        border-top: none;
        padding-left: 0;
        padding-right: 0;
      }
    span.prevnext a:link {
          font-size: 400% !important;
      }

    `);
})();