diff --git a/appchan-x.user.js b/appchan-x.user.js index 36e15777d..98172e9df 100644 --- a/appchan-x.user.js +++ b/appchan-x.user.js @@ -1110,7 +1110,6 @@ 'Input Border': 'rgba(51,51,51,1)', 'Checkbox Background': 'rgba(68,68,68,1)', 'Checkbox Border': 'rgba(68,68,68,1)', - 'Checkbox Checked Background': 'rgba(17,17,17,1)', 'Buttons Background': 'rgba(48,48,48,1)', 'Buttons Border': 'rgba(48,48,48,1)', 'Focused Input Background': 'rgba(63,63,63,1)', @@ -1161,7 +1160,6 @@ 'Input Border': 'rgba(204,204,204,1)', 'Checkbox Background': 'rgba(255,255,238,1)', 'Checkbox Border': 'rgba(204,204,204,1)', - 'Checkbox Checked Background': 'rgba(188,192,212,1)', 'Buttons Background': 'rgba(255,255,255,1)', 'Buttons Border': 'rgba(204,204,204,1)', 'Focused Input Background': 'rgba(255,255,255,1)', @@ -1212,7 +1210,6 @@ 'Focused Input Border': 'rgba(27,27,27,1)', 'Hovered Input Background': 'rgba(17,17,17,1)', 'Hovered Input Border': 'rgba(17,17,17,1)', - 'Checkbox Checked Background': 'rgba(17,17,17,1)', 'Buttons Background': 'rgba(27,27,27,1)', 'Buttons Border': 'rgba(27,27,27,1)', 'Navigation Background': 'rgba(45,45,45,0.9)', @@ -1259,7 +1256,6 @@ 'Focused Input Border': 'rgba(28,28,28,1)', 'Checkbox Background': 'rgba(0,0,0,1)', 'Checkbox Border': 'rgba(60,60,60,1)', - 'Checkbox Checked Background': 'rgba(60,60,60,1)', 'Buttons Background': 'rgba(24,24,24,1)', 'Buttons Border': 'rgba(24,24,24,1)', 'Navigation Background': 'rgba(16,16,16,0.9)', @@ -1307,7 +1303,6 @@ 'Focused Input Border': 'rgba(102,102,102,1)', 'Hovered Input Background': 'rgba(24,24,24,1)', 'Hovered Input Border': 'rgba(21,21,21,1)', - 'Checkbox Checked Background': 'rgba(57,57,57,1)', 'Buttons Background': 'rgba(32,32,32,1)', 'Buttons Border': 'rgba(16,16,16,1)', 'Navigation Background': 'rgba(26,26,26,0.9)', @@ -1356,7 +1351,6 @@ 'Hovered Input Border': 'rgba(0,0,0,0.4)', 'Focused Input Background': 'rgba(0,0,0,0.4)', 'Focused Input Border': 'rgba(0,0,0,0.4)', - 'Checkbox Checked Background': 'rgba(255,0,127,1)', 'Buttons Background': 'rgba(0,0,0,0.4)', 'Buttons Border': 'rgba(0,0,0,0.4)', 'Navigation Background': 'rgba(0,0,0,0.7)', @@ -1406,7 +1400,6 @@ 'Hovered Input Border': 'rgba(24,24,24,1)', 'Focused Input Background': 'rgba(32,32,32,1)', 'Focused Input Border': 'rgba(32,32,32,1)', - 'Checkbox Checked Background': 'rgba(34,34,34,1)', 'Buttons Background': 'rgba(32,32,32,1)', 'Buttons Border': 'rgba(32,32,32,1)', 'Navigation Background': 'rgba(16,16,16,0.9)', @@ -1447,7 +1440,6 @@ 'Backlinked Reply Outline': 'rgba(98,124,141,1)', 'Checkbox Background': 'rgba(255,255,238)', 'Checkbox Border': 'rgba(255,255,238)', - 'Checkbox Checked Background': 'rgba(188,192,212)', 'Input Background': 'rgba(255,255,255,1)', 'Input Border': 'rgba(204,204,204,1)', 'Hovered Input Background': 'rgba(204,204,204,1)', @@ -1503,7 +1495,6 @@ 'Focused Input Background': 'rgb(240,240,240)', 'Focused Input Border': 'rgb(220,210,210)', 'Checkbox Background': 'rgba(238,242,255,1)', - 'Checkbox Checked Background': 'rgba(255,255,255,1)', 'Checkbox Border': 'rgba(180,180,180,1)', 'Buttons Background': 'linear-gradient(rgb(222,222,222), rgb(240,240,240)), rgb(240,240,240)', 'Buttons Border': 'rgb(220,210,210)', @@ -1545,7 +1536,6 @@ 'Backlinked Reply Outline': 'rgba(98,124,141,1)', 'Checkbox Background': 'rgba(88,110,117,1)', 'Checkbox Border': 'rgba(88,110,117,1)', - 'Checkbox Checked Background': 'rgba(17,17,17,1)', 'Input Background': 'rgba(0,43,54,1)', 'Input Border': 'rgba(0,43,54,1)', 'Hovered Input Background': 'rgba(7,54,66,1)', @@ -1593,7 +1583,6 @@ 'Backlinked Reply Outline': 'rgba(98,124,141,1)', 'Checkbox Background': 'rgba(255,255,238,1)', 'Checkbox Border': 'rgba(217,191,183,1)', - 'Checkbox Checked Background': 'rgba(255,255,238,1)', 'Input Background': 'rgba(240,224,214,1)', 'Input Border': 'rgba(217,191,183,1)', 'Hovered Input Background': 'rgba(240,224,214,1)', @@ -1641,7 +1630,6 @@ 'Backlinked Reply Outline': 'rgba(98,124,141,1)', 'Checkbox Background': 'rgba(238,242,255,1)', 'Checkbox Border': 'rgba(183,197,217,1)', - 'Checkbox Checked Background': 'rgba(188,192,212,1)', 'Input Background': 'rgba(238,242,255,1)', 'Input Border': 'rgba(183,197,217,1)', 'Hovered Input Background': 'rgba(214,186,208,1)', @@ -1688,7 +1676,6 @@ 'Backlinked Reply Outline': 'rgba(98,124,141,1)', 'Checkbox Background': 'rgba(63,63,63,1)', 'Checkbox Border': 'rgba(136,136,136,1)', - 'Checkbox Checked Background': 'rgba(17,17,17,1)', 'Input Background': 'rgba(87,87,87,1)', 'Input Border': 'rgba(136,136,136,1)', 'Hovered Input Background': 'rgba(38,38,38,1)', @@ -1735,7 +1722,6 @@ "Backlinked Reply Outline": "rgb(191,122,180)", "Checkbox Background": "rgba(240,240,240,1.0)", "Checkbox Border": "rgb(222,222,222)", - "Checkbox Checked Background": "rgb(240,240,240)", "Input Background": "rgba(240,240,240,1.0)", "Input Border": "rgb(222,222,222)", "Hovered Input Background": "rgba(224,224,224,1.0)", @@ -1783,7 +1769,6 @@ "Backlinked Reply Outline": "rgb(150,37,148)", "Checkbox Background": "rgba(255,255,255,1.0)", "Checkbox Border": "rgb(202,183,217)", - "Checkbox Checked Background": "rgb(255,255,255)", "Input Background": "rgba(255,255,255,1.0)", "Input Border": "rgb(202,183,217)", "Hovered Input Background": "rgba(239,239,239,1.0)", @@ -1830,7 +1815,6 @@ "Backlinked Reply Outline": "rgb(83,189,177)", "Checkbox Background": "rgba(9,13,15,.9)", "Checkbox Border": "rgb(11,19,22)", - "Checkbox Checked Background": "rgb(9,13,15)", "Input Background": "rgba(9,13,15,.9)", "Input Border": "rgb(11,19,22)", "Hovered Input Background": "rgba(0,0,0,.9)", @@ -1877,7 +1861,6 @@ "Backlinked Reply Outline": "rgb(129,162,190)", "Checkbox Background": "rgba(40,42,46,.9)", "Checkbox Border": "rgb(29,31,33)", - "Checkbox Checked Background": "rgb(40,42,46)", "Input Background": "rgba(40,42,46,.9)", "Input Border": "rgb(29,31,33)", "Hovered Input Background": "rgba(24,26,30,.9)", @@ -1924,7 +1907,6 @@ "Backlinked Reply Outline": "rgb(108,113,196)", "Checkbox Background": "rgba(255,255,255,1.0)", "Checkbox Border": "rgb(204,204,204)", - "Checkbox Checked Background": "rgb(255,255,255)", "Input Background": "rgba(255,255,255,1.0)", "Input Border": "rgb(204,204,204)", "Hovered Input Background": "rgba(239,239,239,1.0)", @@ -1971,7 +1953,6 @@ "Backlinked Reply Outline": "rgb(188,49,42)", "Checkbox Background": "rgba(255,255,255,.9)", "Checkbox Border": "rgb(204,204,204)", - "Checkbox Checked Background": "rgb(255,255,255)", "Input Background": "rgba(255,255,255,.9)", "Input Border": "rgb(204,204,204)", "Hovered Input Background": "rgba(239,239,239,.9)", @@ -2018,7 +1999,6 @@ "Backlinked Reply Outline": "rgb(226,219,116)", "Checkbox Background": "rgba(32,33,28,1.0)", "Checkbox Border": "rgb(23,23,19)", - "Checkbox Checked Background": "rgb(32,33,28)", "Input Background": "rgba(32,33,28,1.0)", "Input Border": "rgb(23,23,19)", "Hovered Input Background": "rgba(16,17,12,1.0)", @@ -2069,7 +2049,6 @@ "Backlinked Reply Outline": "rgb(172,155,176)", "Checkbox Background": "rgba(24,25,26,.9)", "Checkbox Border": "rgb(18,19,20)", - "Checkbox Checked Background": "rgb(24,25,26)", "Input Background": "rgba(24,25,26,.9)", "Input Border": "rgb(18,19,20)", "Hovered Input Background": "rgba(8,9,10,.9)", @@ -2116,7 +2095,6 @@ "Backlinked Reply Outline": "rgb(251,222,45)", "Checkbox Background": "rgba(12,16,33,1.0)", "Checkbox Border": "rgb(8,11,22)", - "Checkbox Checked Background": "rgb(12,16,33)", "Input Background": "rgba(12,16,33,1.0)", "Input Border": "rgb(8,11,22)", "Hovered Input Background": "rgba(0,0,17,1.0)", @@ -2163,7 +2141,6 @@ "Backlinked Reply Outline": "rgba(191,127,63,0.5)", "Checkbox Background": "rgba(228,228,228,.9)", "Checkbox Border": "rgb(204,204,204)", - "Checkbox Checked Background": "rgb(228,228,228)", "Input Background": "rgba(244,244,244,0.9)", "Input Border": "rgb(204,204,204)", "Hovered Input Background": "rgba(212,212,212,.9)", @@ -2214,7 +2191,6 @@ "Backlinked Reply Outline": "rgb(221,221,221)", "Checkbox Background": "rgba(47,47,47,.9)", "Checkbox Border": "rgb(15,15,15)", - "Checkbox Checked Background": "rgb(47,47,47)", "Input Background": "rgba(47,47,47,.9)", "Input Border": "rgb(15,15,15)", "Hovered Input Background": "rgba(31,31,31,.9)", @@ -2265,7 +2241,6 @@ "Backlinked Reply Outline": "rgb(191,128,64)", "Checkbox Background": "rgba(204,204,204,.9)", "Checkbox Border": "rgb(187,187,187)", - "Checkbox Checked Background": "rgb(204,204,204)", "Input Background": "rgba(204,204,204,.9)", "Input Border": "rgb(187,187,187)", "Hovered Input Background": "rgba(188,188,188,.9)", @@ -2312,7 +2287,6 @@ "Backlinked Reply Outline": "rgb(42,127,160)", "Checkbox Background": "rgba(24,25,26,.9)", "Checkbox Border": "rgb(18,19,20)", - "Checkbox Checked Background": "rgb(24,25,26)", "Input Background": "rgba(24,25,26,.9)", "Input Border": "rgb(18,19,20)", "Hovered Input Background": "rgba(40,41,42,.9)", @@ -2361,7 +2335,6 @@ "Input Border": "#171717", "Checkbox Background": "#3c212a", "Checkbox Border": "#171717", - "Checkbox Checked Background": "rgba(17,17,17,1)", "Buttons Background": "#3c212a", "Buttons Border": "#171717", "Focused Input Background": "#3c212a", @@ -2394,6 +2367,57 @@ "Background Attachment": "", "Background Position": "", "Background Repeat": "" + }, + "White Rainbow": { + "Author": "Shiro", + "Author Tripcode": "!i.Neko0OEM", + "Background Image": "url('http://subtlepatterns.com/patterns/paper_fibers.png')", + "Background Attachment": "fixed", + "Background Position": "top left", + "Background Repeat": "repeat", + "Background Color": "rgb(255,255,255)", + "Dialog Background": "rgba(239,239,239,.98)", + "Dialog Border": "rgb(214,214,214)", + "Thread Wrapper Background": "rgba(239,239,239,.98)", + "Thread Wrapper Border": "rgba(214,214,214,.4)", + "Reply Background": "rgba(255,255,255,.90)", + "Reply Border": "rgb(214,214,214)", + "Highlighted Reply Background": "rgba(239,239,239,.90)", + "Highlighted Reply Border": "#b84818", + "Backlinked Reply Outline": "#b84818", + "Checkbox Background": "rgba(239,239,239,.98)", + "Checkbox Border": "rgb(187,187,187)", + "Checkbox Checked Background": "rgba(239,239,239,.98)", + "Input Background": "#fffffff", + "Input Border": "rgb(187,187,187)", + "Hovered Input Background": "#f0f0f0", + "Hovered Input Border": "rgb(187,187,187)", + "Focused Input Background": "#f0f0f0", + "Focused Input Border": "rgb(187,187,187)", + "Buttons Background": "rgba(239,239,239,.98)", + "Buttons Border": "rgb(187,187,187)", + "Navigation Background": "rgba(255,255,255,0.8)", + "Navigation Border": "rgb(239,239,239)", + "Quotelinks": "#7a2634", + "Links": "#7a2634", + "Hovered Links": "#c24646", + "Navigation Links": "#404d41", + "Hovered Navigation Links": "#527054", + "Subjects": "#5533ff", + "Names": "#242ca3", + "Sage": "#6910ad", + "Tripcodes": "#0c76ab", + "Emails": "#0c76ab", + "Post Numbers": "#b86e2e", + "Text": "#242423", + "Backlinks": "#7a2634", + "Greentext": "#10610a", + "Board Title": "#000000", + "Timestamps": "#00913f", + "Inputs": "#242423", + "Warnings": "rgb(200,40,41)", + "Shadow Color": "#b0b0b0", + "Custom CSS": ".thread {\n padding: 1px;\n}\n.rice {\n box-shadow:rgba(255,255,255,.3) 0 1px;\n}\ninput[type=password]:hover,\ninput[type=text]:not([disabled]):hover,\ninput#fs_search:hover,\ninput.field:hover,\n.webkit select:hover,\ntextarea:hover,\n#options input:not([type=checkbox]):hover {\n box-shadow: inset rgba(0,0,0,.2) 0 1px 2px;\n}\ninput[type=password]:focus,\ninput[type=text]:focus,\ninput#fs_search:focus,\ninput.field:focus,\n.webkit select:focus,\ntextarea:focus,\n#options input:focus {\n box-shadow: inset rgba(200,200,200,.2) 0 1px 2px;\n}\nbutton,\ninput,\ntextarea,\n.rice {\n transition: background .2s,box-shadow .2s;\n}" } }; @@ -3474,7 +3498,7 @@ "under post form": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 140px; width: " + width + "px;", "at top": " margin: 12px 0;", "hide": " display: none;" - }[_conf["Board Title"]] + "\n}\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\n/* Dialogs */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .fullSize {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Updater */\n#updater {\n position: fixed;\n z-index: 10;\n padding: 0 1px 1px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#updater:hover {\n z-index: 30;\n} \n#updater:not(:hover) > div:not(.move) {\n display: none;\n}\n#updater input {\n text-align: right;\n}\n#updater .field {\n width: 50px;\n}\n/* Stats */\n#thread-stats {\n position: fixed;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n z-index: 10;\n}\n/* Image Expansion */\n#imgControls .menu-button {\n margin: 0;\n}\n#imgControls .dropmarker {\n margin: 1px;\n border-top-width: 13px;\n border-right-width: 7px;\n border-left-width: 7px;\n}\n.fitwidth .fullSize {\n max-width: 100%;\n width: 100%;\n}\n" + (_conf['Images Overlap Post Form'] ? ".fullSize { position: relative; z-index: 22;}" : "") + "\n/* Prefetcher */\n#prefetch {\n z-index: 9;\n position: fixed;\n}\n/* Delete Buttons */\n" + (_conf['Hide Delete UI'] ? ".deleteform,.post .rice { display: none;}.postInfo { padding: 0 0 0 3px;}" : ".deleteform { position: fixed; z-index: 18; width: 0; bottom: 0; right: 0; border-width: 1px 0 0 1px; border-style: solid; font-size: 0; color: transparent;}.deleteform:hover { width: auto;}.deleteform::before { z-index: 18; border-width: 1px 0 0 1px; border-style: solid; content: 'X'; display: block; position: fixed; bottom: 0; right: 0; font-size: " + _conf['Font Size'] + "px; " + Style.sizing + ": border-box; height: 1.6em; width: 1.4em; text-align: center;}.deleteform:hover::before { display: none;}.deleteform input { margin: 0 1px 0 0;}") + "\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n width: " + width + "px;\n " + Style.sidebarLocation[0] + ": 2px;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n " + Style.sizing + ": border-box;\n}\n#boardNavDesktopFoot a,\n#boardNavDesktopFoot a::after,\n#boardNavDesktopFoot a::before {\n font-size: " + _conf['Font Size'] + "px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n" + { + }[_conf["Board Title"]] + "\n}\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\n/* Dialogs */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .fullSize {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Updater */\n#updater {\n position: fixed;\n z-index: 10;\n padding: 0 1px 1px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#updater:hover {\n z-index: 30;\n} \n#updater:not(:hover) > div:not(.move) {\n display: none;\n}\n#updater input {\n text-align: right;\n}\n#updater .field {\n width: 50px;\n}\n/* Stats */\n#thread-stats {\n position: fixed;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n z-index: 10;\n}\n/* Image Expansion */\n#imgControls a.menu-button {\n margin: 0;\n margin: 1px;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n " + Style.sizing + ": border-box;\n}\n#imgControls .menu-button::after {\n content: '';\n font-size: 10px;\n position: absolute;\n bottom: 50%;\n right: 50%;\n " + agent + "transform: translate(50%, 60%);\n display: block;\n border-top: 6px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n}\n.fitwidth .fullSize {\n max-width: 100%;\n width: 100%;\n}\n" + (_conf['Images Overlap Post Form'] ? ".fullSize { position: relative; z-index: 22;}" : "") + "\n/* Prefetcher */\n#prefetch {\n z-index: 9;\n position: fixed;\n}\n/* Delete Buttons */\n" + (_conf['Hide Delete UI'] ? ".deleteform,.post .rice { display: none;}.postInfo { padding: 0 0 0 3px;}" : ".deleteform { position: fixed; z-index: 18; width: 0; bottom: 0; right: 0; border-width: 1px 0 0 1px; border-style: solid; font-size: 0; color: transparent;}.deleteform:hover { width: auto;}.deleteform::before { z-index: 18; border-width: 1px 0 0 1px; border-style: solid; content: 'X'; display: block; position: fixed; bottom: 0; right: 0; font-size: " + _conf['Font Size'] + "px; " + Style.sizing + ": border-box; height: 1.6em; width: 1.4em; text-align: center;}.deleteform:hover::before { display: none;}.deleteform input { margin: 0 1px 0 0;}") + "\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n width: " + width + "px;\n " + Style.sidebarLocation[0] + ": 2px;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n " + Style.sizing + ": border-box;\n}\n#boardNavDesktopFoot a,\n#boardNavDesktopFoot a::after,\n#boardNavDesktopFoot a::before {\n font-size: " + _conf['Font Size'] + "px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n" + { compact: "#boardNavDesktopFoot { word-spacing: 1px;}", list: "#boardNavDesktopFoot a { display: block;}#boardNavDesktopFoot:hover { max-height: 400px;}#boardNavDesktopFoot a::after { content: ' - ' attr(title);}#boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,#boardNavDesktopFoot a[href*='//rs.4chan.org/']::after { content: '/ - ' attr(title);}#boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,#boardNavDesktopFoot a[href*='//rs.4chan.org/']::before { content: '/';}", hide: "#boardNavDesktopFoot { display: none;}" @@ -3490,7 +3514,7 @@ "slideout": "#qr { top: auto !important; bottom: 1.7em !important; " + Style.sidebarLocation[0] + ": -" + (233 + Style.sidebarOffset.W) + "px !important; " + Style.sidebarLocation[1] + ": auto !important;}#qr:hover,#qr.focus,#qr.dump { " + agent + "transform: translate(" + (xOffset + (233 + Style.sidebarOffset.W)) + "px);}", "tabbed slideout": "#qr { top: auto !important; bottom: 1.7em !important; " + Style.sidebarLocation[0] + ": -" + (252 + Style.sidebarOffset.W) + "px !important; " + Style.sidebarLocation[1] + ": auto !important;}#qr:hover,#qr.focus,#qr.dump { " + agent + "transform: translate(" + (xOffset + (252 + Style.sidebarOffset.W)) + "px);}#qrtab { " + agent + "transform: rotate(" + (Style.sidebarLocation[0] === "left" ? "" : "-") + "90deg); " + agent + "transform-origin: bottom " + Style.sidebarLocation[0] + "; position: absolute; top: 0; " + Style.sidebarLocation[0] + ": 100%; width: 110px; text-align: center; border-width: 1px 1px 0 1px; cursor: default;}#qr:hover #qrtab,#qr.focus #qrtab,#qr.dump #qrtab { opacity: 0; " + Style.sidebarLocation[0] + ": " + (252 + Style.sidebarOffset.W) + "px;}#qrtab input,#qrtab .close,#qrtab .rice,#qrtab span { display: none;}", "transparent fade": "#qr { overflow: visible; top: auto !important; bottom: 1.7em !important; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; opacity: 0.2; " + agent + "transition: opacity .3s ease-in-out 1s;}#qr:hover,#qr.focus,#qr.dump { opacity: 1; " + agent + "transition: opacity .3s linear;}" - }[_conf['Post Form Style']] || "") + "\n\n" + (_conf['Post Form Style'] !== 'tabbed slideout' ? (!(_conf['Post Form Style'] === 'float' || _conf['Show Post Form Header']) ? "#qrtab { display: none; }" : _conf['Post Form Style'] !== 'slideout' ? ".autohide:not(:hover) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { " + agent + "transition: " + agent + "transform .3s ease-in-out 1s;}#qr:hover,#qr.focus,#qr.dump { " + agent + "transition: " + agent + "transform .3s linear;}#qrtab { " + agent + "transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { " + agent + "transition: opacity .3s linear;}" : "") + "\n\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-button {\n width: 10%;\n margin: 0;\n}\n\n" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 29.6%; margin: 0 0 0 0.4%;}#qr textarea.field { height: 14.8em; min-height: 9em;}#qr.captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}.persona input.field[name='name'] { width: 89.6%; margin: 0 0 0 0.4%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? "input.field.tripped:not(:hover):not(:focus) { color: transparent !important; text-shadow: none !important;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captchaimg {\n margin: 1px 0 0;\n text-align: center;\n}\n.captchaimg img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captchainput .field {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n " + Style.sizing + ": border-box;\n font-size: " + (parseInt(_conf['Font Size'], 10)) + "px;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n#showQR {\n display: " + (_conf["Hide Show Post Form"] ? "none" : "block") + ";\n z-index: 4;\n " + Style.sidebarLocation[0] + ": 2px;\n width: " + width + "px;\n background-color: transparent;\n text-align: center;\n position: fixed;\n top: auto;\n}\n/* Fake File Input */\n#qr-filename,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n#qr-filename-container {\n " + Style.sizing + ": border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n#qr-filerm {\n position: absolute;\n right: 3px;\n top: 2px;\n}\n/* Thread Select / Spoiler Label */\n#qr-thread-select {\n vertical-align: bottom;\n width: 49%;\n display: inline-block;\n}\n#qr-spoiler-label {\n vertical-align: bottom;\n width: 49%;\n display: inline-block;\n text-align: right;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: pre;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n " + Style.sizing + ": border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n " + agent + "transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n " + agent + "transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n " + agent + "transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n" + (_conf["Block Ads"] ? "/* AdBlock Minus */.bottomad + hr,.topad img,.middlead img,.bottomad img { display: none;}" : "") + "\n" + (_conf["Shrink Ads"] ? ".topad a img,.middlead a img,.bottomad a img { width: 500px; height: auto;}" : "") + "\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: absolute;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#appchanx-settings h3,\n.keybinds_tab,\n.mascots_tab,\n.main_tab,\n.style_tab {\n text-align: center;\n}\n.keybinds_tab table,\n.main_tab ul,\n.style_tab ul {\n text-align: left;\n}\n#appchanx-settings ul {\n padding: 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list label {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n.sections-list label {\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.main_tab li,\n.style_tab li,\n.rice_tab li {\n overflow: visible;\n padding: 0 5px 0 7px;\n list-style-type: none;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.main_tab li:nth-of-type(2n+1),\n.rice_tab li:nth-of-type(2n+1),\n.style_tab li:nth-of-type(2n+1),\n.keybinds_tab li:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n#appchanx-settings .style_tab ul,\n#appchanx-settings .main_tab ul {\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n}\n.main_tab li,\n.styleoption {\n text-align: left;\n}\n.style_tab .suboptions ul {\n width: 370px;\n}\n.main_tab ul {\n width: 200px;\n}\n.suboptions,\n#mascotcontent,\n#themecontent {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n.mAlign {\n height: 250px;\n vertical-align: middle;\n display: table-cell;\n}\n#themecontent {\n top: 1.7em;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.style_tab .suboptions {\n bottom: 0;\n}\n#appchanx-settingsContent textarea {\n font-family: monospace;\n min-height: 350px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 32;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots {\n padding: 0;\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.mascotname,\n.mascotoptions {\n padding: 0;\n width: 100%;\n}\n.mascot .mascotoptions {\nopacity: 0;\n " + agent + "transition: opacity .3s linear;\n}\n.mascot:hover .mascotoptions {\n opacity: 1;\n}\n.mascotoptions {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.mascotoptions a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n.theme_tab h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n " + agent + "transition: all .2s ease-in-out;\n opacity: 0;\n}\n.theme_tab .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#themeContainer {\n margin-bottom: 3px;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n " + Style.sidebarLocation[1] + ": 2px;\n " + Style.sidebarLocation[0] + ": auto;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n#themebar input {\n width: 30%;\n}\n.color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n " + Style.sizing + ": border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#settings .selectrice {\n width: 100px;\n display: inline-block;\n}\n#post-preview {\n position: absolute;\n z-index: 22;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin-top: 5px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n margin: 0 auto;\n width: 1000px;\n position: relative;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n float: right;\n position: relative;\n}\n#optionssmenu {\n top: 100% !important;\n left: 0 !important;\n}\n#boards .column {\n " + Style.sizing + ": border-box;\n display: inline-block;\n width: 16em;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.bd ul {\n margin: 0;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 475px;\n margin: 10px;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}"; + }[_conf['Post Form Style']] || "") + "\n\n" + (_conf['Post Form Style'] !== 'tabbed slideout' ? (!(_conf['Post Form Style'] === 'float' || _conf['Show Post Form Header']) ? "#qrtab { display: none; }" : _conf['Post Form Style'] !== 'slideout' ? ".autohide:not(:hover) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { " + agent + "transition: " + agent + "transform .3s ease-in-out 1s;}#qr:hover,#qr.focus,#qr.dump { " + agent + "transition: " + agent + "transform .3s linear;}#qrtab { " + agent + "transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { " + agent + "transition: opacity .3s linear;}" : "") + "\n\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-button {\n width: 10%;\n margin: 0;\n}\n\n" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 29.6%; margin: 0 0 0 0.4%;}#qr textarea.field { height: 14.8em; min-height: 9em;}#qr.captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}.persona input.field[name='name'] { width: 89.6%; margin: 0 0 0 0.4%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? "input.field.tripped:not(:hover):not(:focus) { color: transparent !important; text-shadow: none !important;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captchaimg {\n margin: 1px 0 0;\n text-align: center;\n}\n.captchaimg img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captchainput .field {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n " + Style.sizing + ": border-box;\n font-size: " + (parseInt(_conf['Font Size'], 10)) + "px;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n#showQR {\n display: " + (_conf["Hide Show Post Form"] ? "none" : "block") + ";\n z-index: 4;\n " + Style.sidebarLocation[0] + ": 2px;\n width: " + width + "px;\n background-color: transparent;\n text-align: center;\n position: fixed;\n top: auto;\n}\n/* Fake File Input */\n#qr-filename,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n#qr-filename-container {\n " + Style.sizing + ": border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n#qr-filerm {\n position: absolute;\n right: 3px;\n top: 2px;\n}\n/* Thread Select / Spoiler Label */\n#qr-thread-select {\n vertical-align: bottom;\n width: 49%;\n display: inline-block;\n}\n#qr-spoiler-label {\n vertical-align: bottom;\n width: 49%;\n display: inline-block;\n text-align: right;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: pre;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n " + Style.sizing + ": border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n " + agent + "transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n " + agent + "transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n " + agent + "transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n" + (_conf["Block Ads"] ? "/* AdBlock Minus */.bottomad + hr,.topad img,.middlead img,.bottomad img { display: none;}" : "") + "\n" + (_conf["Shrink Ads"] ? ".topad a img,.middlead a img,.bottomad a img { width: 500px; height: auto;}" : "") + "\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: absolute;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#appchanx-settings h3,\n.keybinds_tab,\n.mascots_tab,\n.main_tab,\n.style_tab {\n text-align: center;\n}\n.keybinds_tab table,\n.main_tab ul,\n.style_tab ul {\n text-align: left;\n}\n#appchanx-settings ul {\n padding: 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list label {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n.sections-list label {\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.main_tab li,\n.style_tab li,\n.rice_tab li {\n overflow: visible;\n padding: 0 5px 0 7px;\n list-style-type: none;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.main_tab li:nth-of-type(2n+1),\n.rice_tab li:nth-of-type(2n+1),\n.style_tab li:nth-of-type(2n+1),\n.keybinds_tab li:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n#appchanx-settings .style_tab ul,\n#appchanx-settings .main_tab ul {\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n}\n.main_tab li,\n.styleoption {\n text-align: left;\n}\n.style_tab .suboptions ul {\n width: 370px;\n}\n.main_tab ul {\n width: 200px;\n}\n.suboptions,\n#mascotcontent,\n#themecontent {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n.mAlign {\n height: 250px;\n vertical-align: middle;\n display: table-cell;\n}\n#themecontent {\n top: 1.7em;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.style_tab .suboptions {\n bottom: 0;\n}\n#appchanx-settingsContent textarea {\n font-family: monospace;\n min-height: 350px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 32;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots {\n padding: 0;\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.mascotname,\n.mascotoptions {\n padding: 0;\n width: 100%;\n}\n.mascot .mascotoptions {\nopacity: 0;\n " + agent + "transition: opacity .3s linear;\n}\n.mascot:hover .mascotoptions {\n opacity: 1;\n}\n.mascotoptions {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.mascotoptions a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n.theme_tab h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n " + agent + "transition: all .2s ease-in-out;\n opacity: 0;\n}\n.theme_tab .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#themeContainer {\n margin-bottom: 3px;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n " + Style.sidebarLocation[1] + ": 2px;\n " + Style.sidebarLocation[0] + ": auto;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n#themebar input {\n width: 30%;\n}\n.color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n " + Style.sizing + ": border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#settings .selectrice {\n width: 100px;\n display: inline-block;\n}\n#post-preview {\n position: absolute;\n z-index: 22;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin-top: 5px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n margin: 0 auto;\n width: 1000px;\n position: relative;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n float: right;\n position: relative;\n}\n#optionssmenu {\n top: 100% !important;\n left: 0 !important;\n}\n#boards .column {\n " + Style.sizing + ": border-box;\n display: inline-block;\n width: 16em;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.bd ul {\n margin: 0;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 475px;\n margin: 10px;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}"; }, theme: function(theme) { var agent, backgroundC, bgColor, css, icons, _conf; @@ -3500,7 +3524,7 @@ bgColor = new Style.color(Style.colorToHex(backgroundC = theme["Background Color"])); Style.lightTheme = bgColor.isLight(); icons = "data:image/png;base64," + Icons[_conf["Icons"]]; - return css = ".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.mascotname,\n.mascotoptions {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.opContainer.filter_highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.filter_highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n::" + agent + "selection {\n background: " + theme["Text"] + ";\n color: " + backgroundC + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\na[style=\"cursor: pointer; float: right;\"] + div[style^=\"width: 100%;\"] > table > tbody > tr > td {\n background: " + backgroundC + " !important;\n border: 1px solid " + theme["Reply Border"] + " !important;\n}\n#fs_status {\n background: " + theme["Dialog Background"] + " !important;\n}\n#fs_data tr[style=\"background-color: #EA8;\"] {\n background: " + theme["Reply Background"] + " !important;\n}\n#fs_data,\n#fs_data * {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n#appchanx-settingsContent,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n#selected_tab {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captchaimg img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n#prefetch,\n#showQR,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel,' : '') + "\n#thread-stats {\n text-shadow:\n 1px 1px 0 " + backgroundC + ",\n -1px -1px 0 " + backgroundC + ",\n 1px -1px 0 " + backgroundC + ",\n -1px 1px 0 " + backgroundC + ",\n 0 1px 0 " + backgroundC + ",\n 0 -1px 0 " + backgroundC + ",\n 1px 0 0 " + backgroundC + ",\n -1px 0 0 " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 5px " + theme['Text'] + ";" : ";") + "\n}\n/* Fixes text spoilers */\n" + (_conf['Remove Spoilers'] && _conf['Indicate Spoilers'] ? ".spoiler::before,s::before { content: '[spoiler]';}.spoiler::after,s::after { content: '[/spoiler]';}" : !_conf['Remove Spoilers'] ? ".spoiler:not(:hover) *,s:not(:hover) * { color: rgb(0,0,0) !important; text-shadow: none !important;}.spoiler:not(:hover),s:not(:hover) { background-color: rgb(0,0,0); color: rgb(0,0,0) !important; text-shadow: none !important;}" : "") + "\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n" + (_conf["Post Form Decorations"] ? "#qr," : "") + "\n#updater,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captchaimg,\n.dump #dump:not(:hover):not(:focus),\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#mouseover,\n#post-preview,\n#qp .post,\n#xupdater,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#boardNavDesktop,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-style: solid;\n border-color: " + theme["Navigation Border"] + ";\n}\n.thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascotConf,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.submenu,\na[style=\"cursor: pointer; float: right;\"] ~ div[style^=\"width: 100%;\"] > table {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n#imgControls .dropmarker,\n#imgControls .dropmarker:hover {\n border-top-color: rgb(130,130,130);\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #count:not(.new)::after,\n#showQR,\n#updater,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings ul,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n#menu,\n#post-preview,\n#qp .opContainer,\n#qp .replyContainer,\n.submenu {\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n#updater input,\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#boardNavDesktop a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice {\n background: " + theme["Checkbox Checked Background"] + ";\n background-image: url(data:image/png;base64," + (Style.lightTheme ? "AkAAAAJCAMAAADXT/YiAAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg==" : "AkAAAAJCAMAAADXT/YiAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg==") + ");\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.sideArrows a:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#boardNavDesktop a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.inline .post {\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n.placeholder,\n#qr input::" + agent + "placeholder,\n#qr textarea::" + agent + "placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:" + agent + "placeholder,\n#qr textarea:" + agent + "placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings ul,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#appchanOptions,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\na[style=\"cursor: pointer; float: right;\"]::after,\n#imgControls .expand-all-shortcut,\n#imgControls .contract-all-shortcut,\n#catalog::after,\n#fappeTyme {\n background-image: url('" + icons + "');\n" + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n" + theme["Custom CSS"]; + return css = ".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.mascotname,\n.mascotoptions {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.opContainer.filter_highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.filter_highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n::" + agent + "selection {\n background: " + theme["Text"] + ";\n color: " + backgroundC + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\na[style=\"cursor: pointer; float: right;\"] + div[style^=\"width: 100%;\"] > table > tbody > tr > td {\n background: " + backgroundC + " !important;\n border: 1px solid " + theme["Reply Border"] + " !important;\n}\n#fs_status {\n background: " + theme["Dialog Background"] + " !important;\n}\n#fs_data tr[style=\"background-color: #EA8;\"] {\n background: " + theme["Reply Background"] + " !important;\n}\n#fs_data,\n#fs_data * {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n#appchanx-settingsContent,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n#selected_tab {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captchaimg img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n#prefetch,\n#showQR,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel,' : '') + "\n#thread-stats {\n text-shadow:\n 1px 1px 0 " + backgroundC + ",\n -1px -1px 0 " + backgroundC + ",\n 1px -1px 0 " + backgroundC + ",\n -1px 1px 0 " + backgroundC + ",\n 0 1px 0 " + backgroundC + ",\n 0 -1px 0 " + backgroundC + ",\n 1px 0 0 " + backgroundC + ",\n -1px 0 0 " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 5px " + theme['Text'] + ";" : ";") + "\n}\n/* Fixes text spoilers */\n" + (_conf['Remove Spoilers'] && _conf['Indicate Spoilers'] ? ".spoiler::before,s::before { content: '[spoiler]';}.spoiler::after,s::after { content: '[/spoiler]';}" : !_conf['Remove Spoilers'] ? ".spoiler:not(:hover) *,s:not(:hover) * { color: rgb(0,0,0) !important; text-shadow: none !important;}.spoiler:not(:hover),s:not(:hover) { background-color: rgb(0,0,0); color: rgb(0,0,0) !important; text-shadow: none !important;}" : "") + "\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n" + (_conf["Post Form Decorations"] ? "#qr," : "") + "\n#updater,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captchaimg,\n.dump #dump:not(:hover):not(:focus),\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n#mouseover,\n#post-preview,\n#qp .post,\n#xupdater,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#boardNavDesktop,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-style: solid;\n border-color: " + theme["Navigation Border"] + ";\n}\n.thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascotConf,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.submenu,\na[style=\"cursor: pointer; float: right;\"] ~ div[style^=\"width: 100%;\"] > table {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n#imgControls .menu-button {\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #count:not(.new)::after,\n#showQR,\n#updater,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings ul,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n#menu,\n#post-preview,\n#qp .opContainer,\n#qp .replyContainer,\n.submenu {\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n#updater input,\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#boardNavDesktop a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice {\n position: relative;\n}\ninput[type=checkbox]:checked + .rice::after {\n content: \"\";\n display: block;\n width: 5px;\n height: 12px;\n border-radius: 1px;\n border: solid rgb(50, 50, 50);\n border-width: 0 3px 3px 0;\n " + agent + "transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\n " + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.sideArrows a:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#boardNavDesktop a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.inline .post {\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n.placeholder,\n#qr input::" + agent + "placeholder,\n#qr textarea::" + agent + "placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:" + agent + "placeholder,\n#qr textarea:" + agent + "placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings ul,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#appchanOptions,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\na[style=\"cursor: pointer; float: right;\"]::after,\n#imgControls .expand-all-shortcut,\n#imgControls .contract-all-shortcut,\n#catalog::after,\n#fappeTyme {\n background-image: url('" + icons + "');\n" + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n" + theme["Custom CSS"]; }, iconPositions: function() { var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, _conf; @@ -7237,11 +7261,9 @@ id: 'navlinks' }); prev = $.el('a', { - textContent: '▲', href: 'javascript:;' }); next = $.el('a', { - textContent: '▼', href: 'javascript:;' }); $.on(prev, 'click', this.prev); @@ -8694,7 +8716,7 @@ } wrapper = $.el('div', { id: 'imgControls', - innerHTML: "\n" + innerHTML: "\n" }); this.EAI = wrapper.firstElementChild; $.on(this.EAI, 'click', ImageExpand.cb.toggleAll); diff --git a/css/layout.css b/css/layout.css index ed6c246cc..727974cdc 100644 --- a/css/layout.css +++ b/css/layout.css @@ -440,14 +440,26 @@ else " z-index: 10; } /* Image Expansion */ -#imgControls .menu-button { +#imgControls a.menu-button { margin: 0; -} -#imgControls .dropmarker { margin: 1px; - border-top-width: 13px; - border-right-width: 7px; - border-left-width: 7px; + border: 2px solid; + border-radius: 10px; + height: 14px; + width: 14px; + #{Style.sizing}: border-box; +} +#imgControls .menu-button::after { + content: ''; + font-size: 10px; + position: absolute; + bottom: 50%; + right: 50%; + #{agent}transform: translate(50%, 60%); + display: block; + border-top: 6px solid rgb(130, 130, 130); + border-left: 3px solid transparent; + border-right: 3px solid transparent; } .fitwidth .fullSize { max-width: 100%; @@ -1259,6 +1271,7 @@ input:not([type=radio]) { display: none; position: relative; overflow-y: hidden; + margin-top: 1px; } #dump-list { overflow-x: auto; diff --git a/css/theme.css b/css/theme.css index 8ae15d07b..df2a2f7dd 100644 --- a/css/theme.css +++ b/css/theme.css @@ -211,9 +211,9 @@ a[style="cursor: pointer; float: right;"] ~ div[style^="width: 100%;"] > table { #navlinks a:last-of-type { border-top: 11px solid rgb(130,130,130); } -#imgControls .dropmarker, -#imgControls .dropmarker:hover { - border-top-color: rgb(130,130,130); +#imgControls .menu-button { + border-color: rgb(130,130,130); + color: rgb(130,130,130); } #charCount { color: #{(if Style.lightTheme then "rgba(0,0,0,0.7)" else "rgba(255,255,255,0.7)")}; @@ -292,13 +292,28 @@ textarea { color: #{theme["Navigation Links"]}; } input[type=checkbox]:checked + .rice { - background: #{theme["Checkbox Checked Background"]}; - background-image: url(data:image/png;base64,#{ - if Style.lightTheme - "AkAAAAJCAMAAADXT/YiAAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg==" - else - "AkAAAAJCAMAAADXT/YiAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg==" -}); + position: relative; +} +input[type=checkbox]:checked + .rice::after { + content: ""; + display: block; + width: 5px; + height: 12px; + border-radius: 1px; + border: solid rgb(50, 50, 50); + border-width: 0 3px 3px 0; + #{agent}transform: rotate(45deg); + position: absolute; + left: 2px; + bottom: -1px; + #{unless Style.lightTheme then " +filter: url(\" +data:image/svg+xml,#filters +\");" else ""} } #addReply, #dump, diff --git a/src/features.coffee b/src/features.coffee index 98203acbc..943c69518 100644 --- a/src/features.coffee +++ b/src/features.coffee @@ -1909,10 +1909,8 @@ Nav = span = $.el 'span', id: 'navlinks' prev = $.el 'a', - textContent: '▲' href: 'javascript:;' next = $.el 'a', - textContent: '▼' href: 'javascript:;' $.on prev, 'click', @prev @@ -3171,7 +3169,7 @@ ImageExpand = id: 'imgControls' innerHTML: """ - + """ @EAI = wrapper.firstElementChild $.on @EAI, 'click', ImageExpand.cb.toggleAll diff --git a/src/globals.coffee b/src/globals.coffee index 6f6370674..bd2a0e9ac 100644 --- a/src/globals.coffee +++ b/src/globals.coffee @@ -647,7 +647,6 @@ Themes = 'Input Border' : 'rgba(51,51,51,1)' 'Checkbox Background' : 'rgba(68,68,68,1)' 'Checkbox Border' : 'rgba(68,68,68,1)' - 'Checkbox Checked Background' : 'rgba(17,17,17,1)' 'Buttons Background' : 'rgba(48,48,48,1)' 'Buttons Border' : 'rgba(48,48,48,1)' 'Focused Input Background' : 'rgba(63,63,63,1)' @@ -698,7 +697,6 @@ Themes = 'Input Border' : 'rgba(204,204,204,1)' 'Checkbox Background' : 'rgba(255,255,238,1)' 'Checkbox Border' : 'rgba(204,204,204,1)' - 'Checkbox Checked Background' : 'rgba(188,192,212,1)' 'Buttons Background' : 'rgba(255,255,255,1)' 'Buttons Border' : 'rgba(204,204,204,1)' 'Focused Input Background' : 'rgba(255,255,255,1)' @@ -773,7 +771,6 @@ Themes = 'Focused Input Border' : 'rgba(27,27,27,1)' 'Hovered Input Background' : 'rgba(17,17,17,1)' 'Hovered Input Border' : 'rgba(17,17,17,1)' - 'Checkbox Checked Background' : 'rgba(17,17,17,1)' 'Buttons Background' : 'rgba(27,27,27,1)' 'Buttons Border' : 'rgba(27,27,27,1)' 'Navigation Background' : 'rgba(45,45,45,0.9)' @@ -838,7 +835,6 @@ Themes = 'Focused Input Border' : 'rgba(28,28,28,1)' 'Checkbox Background' : 'rgba(0,0,0,1)' 'Checkbox Border' : 'rgba(60,60,60,1)' - 'Checkbox Checked Background' : 'rgba(60,60,60,1)' 'Buttons Background' : 'rgba(24,24,24,1)' 'Buttons Border' : 'rgba(24,24,24,1)' 'Navigation Background' : 'rgba(16,16,16,0.9)' @@ -886,7 +882,6 @@ Themes = 'Focused Input Border' : 'rgba(102,102,102,1)' 'Hovered Input Background' : 'rgba(24,24,24,1)' 'Hovered Input Border' : 'rgba(21,21,21,1)' - 'Checkbox Checked Background' : 'rgba(57,57,57,1)' 'Buttons Background' : 'rgba(32,32,32,1)' 'Buttons Border' : 'rgba(16,16,16,1)' 'Navigation Background' : 'rgba(26,26,26,0.9)' @@ -994,7 +989,6 @@ div.post:hover .name { 'Hovered Input Border' : 'rgba(0,0,0,0.4)' 'Focused Input Background' : 'rgba(0,0,0,0.4)' 'Focused Input Border' : 'rgba(0,0,0,0.4)' - 'Checkbox Checked Background' : 'rgba(255,0,127,1)' 'Buttons Background' : 'rgba(0,0,0,0.4)' 'Buttons Border' : 'rgba(0,0,0,0.4)' 'Navigation Background' : 'rgba(0,0,0,0.7)' @@ -1053,7 +1047,6 @@ div.post:hover .name { 'Hovered Input Border' : 'rgba(24,24,24,1)' 'Focused Input Background' : 'rgba(32,32,32,1)' 'Focused Input Border' : 'rgba(32,32,32,1)' - 'Checkbox Checked Background' : 'rgba(34,34,34,1)' 'Buttons Background' : 'rgba(32,32,32,1)' 'Buttons Border' : 'rgba(32,32,32,1)' 'Navigation Background' : 'rgba(16,16,16,0.9)' @@ -1214,7 +1207,6 @@ a.forwardlink{ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)' 'Checkbox Background' : 'rgba(255,255,238)' 'Checkbox Border' : 'rgba(255,255,238)' - 'Checkbox Checked Background' : 'rgba(188,192,212)' 'Input Background' : 'rgba(255,255,255,1)' 'Input Border' : 'rgba(204,204,204,1)' 'Hovered Input Background' : 'rgba(204,204,204,1)' @@ -1282,7 +1274,6 @@ a.forwardlink{ 'Focused Input Background' : 'rgb(240,240,240)' 'Focused Input Border' : 'rgb(220,210,210)' 'Checkbox Background' : 'rgba(238,242,255,1)' - 'Checkbox Checked Background' : 'rgba(255,255,255,1)' 'Checkbox Border' : 'rgba(180,180,180,1)' 'Buttons Background' : 'linear-gradient(rgb(222,222,222), rgb(240,240,240)), rgb(240,240,240)' 'Buttons Border' : 'rgb(220,210,210)' @@ -1410,7 +1401,6 @@ a.forwardlink{ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)' 'Checkbox Background' : 'rgba(88,110,117,1)' 'Checkbox Border' : 'rgba(88,110,117,1)' - 'Checkbox Checked Background' : 'rgba(17,17,17,1)' 'Input Background' : 'rgba(0,43,54,1)' 'Input Border' : 'rgba(0,43,54,1)' 'Hovered Input Background' : 'rgba(7,54,66,1)' @@ -1463,7 +1453,6 @@ a.forwardlink{ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)' 'Checkbox Background' : 'rgba(255,255,238,1)' 'Checkbox Border' : 'rgba(217,191,183,1)' - 'Checkbox Checked Background' : 'rgba(255,255,238,1)' 'Input Background' : 'rgba(240,224,214,1)' 'Input Border' : 'rgba(217,191,183,1)' 'Hovered Input Background' : 'rgba(240,224,214,1)' @@ -1519,7 +1508,6 @@ a.forwardlink{ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)' 'Checkbox Background' : 'rgba(238,242,255,1)' 'Checkbox Border' : 'rgba(183,197,217,1)' - 'Checkbox Checked Background' : 'rgba(188,192,212,1)' 'Input Background' : 'rgba(238,242,255,1)' 'Input Border' : 'rgba(183,197,217,1)' 'Hovered Input Background' : 'rgba(214,186,208,1)' @@ -1574,7 +1562,6 @@ a.forwardlink{ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)' 'Checkbox Background' : 'rgba(63,63,63,1)' 'Checkbox Border' : 'rgba(136,136,136,1)' - 'Checkbox Checked Background' : 'rgba(17,17,17,1)' 'Input Background' : 'rgba(87,87,87,1)' 'Input Border' : 'rgba(136,136,136,1)' 'Hovered Input Background' : 'rgba(38,38,38,1)' @@ -1621,7 +1608,6 @@ a.forwardlink{ "Backlinked Reply Outline" : "rgb(191,122,180)" "Checkbox Background" : "rgba(240,240,240,1.0)" "Checkbox Border" : "rgb(222,222,222)" - "Checkbox Checked Background" : "rgb(240,240,240)" "Input Background" : "rgba(240,240,240,1.0)" "Input Border" : "rgb(222,222,222)" "Hovered Input Background" : "rgba(224,224,224,1.0)" @@ -1705,7 +1691,6 @@ textarea, "Backlinked Reply Outline" : "rgb(150,37,148)" "Checkbox Background" : "rgba(255,255,255,1.0)" "Checkbox Border" : "rgb(202,183,217)" - "Checkbox Checked Background" : "rgb(255,255,255)" "Input Background" : "rgba(255,255,255,1.0)" "Input Border" : "rgb(202,183,217)" "Hovered Input Background" : "rgba(239,239,239,1.0)" @@ -1794,7 +1779,6 @@ textarea, "Backlinked Reply Outline" : "rgb(83,189,177)" "Checkbox Background" : "rgba(9,13,15,.9)" "Checkbox Border" : "rgb(11,19,22)" - "Checkbox Checked Background" : "rgb(9,13,15)" "Input Background" : "rgba(9,13,15,.9)" "Input Border" : "rgb(11,19,22)" "Hovered Input Background" : "rgba(0,0,0,.9)" @@ -1872,7 +1856,6 @@ textarea, "Backlinked Reply Outline" : "rgb(129,162,190)" "Checkbox Background" : "rgba(40,42,46,.9)" "Checkbox Border" : "rgb(29,31,33)" - "Checkbox Checked Background" : "rgb(40,42,46)" "Input Background" : "rgba(40,42,46,.9)" "Input Border" : "rgb(29,31,33)" "Hovered Input Background" : "rgba(24,26,30,.9)" @@ -1950,7 +1933,6 @@ textarea, "Backlinked Reply Outline" : "rgb(108,113,196)" "Checkbox Background" : "rgba(255,255,255,1.0)" "Checkbox Border" : "rgb(204,204,204)" - "Checkbox Checked Background" : "rgb(255,255,255)" "Input Background" : "rgba(255,255,255,1.0)" "Input Border" : "rgb(204,204,204)" "Hovered Input Background" : "rgba(239,239,239,1.0)" @@ -2036,7 +2018,6 @@ textarea, "Backlinked Reply Outline" : "rgb(188,49,42)" "Checkbox Background" : "rgba(255,255,255,.9)" "Checkbox Border" : "rgb(204,204,204)" - "Checkbox Checked Background" : "rgb(255,255,255)" "Input Background" : "rgba(255,255,255,.9)" "Input Border" : "rgb(204,204,204)" "Hovered Input Background" : "rgba(239,239,239,.9)" @@ -2128,7 +2109,6 @@ div.reply a.quotelink{ "Backlinked Reply Outline" : "rgb(226,219,116)" "Checkbox Background" : "rgba(32,33,28,1.0)" "Checkbox Border" : "rgb(23,23,19)" - "Checkbox Checked Background" : "rgb(32,33,28)" "Input Background" : "rgba(32,33,28,1.0)" "Input Border" : "rgb(23,23,19)" "Hovered Input Background" : "rgba(16,17,12,1.0)" @@ -2207,7 +2187,6 @@ textarea, "Backlinked Reply Outline" : "rgb(172,155,176)" "Checkbox Background" : "rgba(24,25,26,.9)" "Checkbox Border" : "rgb(18,19,20)" - "Checkbox Checked Background" : "rgb(24,25,26)" "Input Background" : "rgba(24,25,26,.9)" "Input Border" : "rgb(18,19,20)" "Hovered Input Background" : "rgba(8,9,10,.9)" @@ -2285,7 +2264,6 @@ textarea, "Backlinked Reply Outline" : "rgb(251,222,45)" "Checkbox Background" : "rgba(12,16,33,1.0)" "Checkbox Border" : "rgb(8,11,22)" - "Checkbox Checked Background" : "rgb(12,16,33)" "Input Background" : "rgba(12,16,33,1.0)" "Input Border" : "rgb(8,11,22)" "Hovered Input Background" : "rgba(0,0,17,1.0)" @@ -2367,7 +2345,6 @@ textarea, "Backlinked Reply Outline" : "rgba(191,127,63,0.5)" "Checkbox Background" : "rgba(228,228,228,.9)" "Checkbox Border" : "rgb(204,204,204)" - "Checkbox Checked Background" : "rgb(228,228,228)" "Input Background" : "rgba(244,244,244,0.9)" "Input Border" : "rgb(204,204,204)" "Hovered Input Background" : "rgba(212,212,212,.9)" @@ -2464,7 +2441,6 @@ textarea, "Backlinked Reply Outline" : "rgb(221,221,221)" "Checkbox Background" : "rgba(47,47,47,.9)" "Checkbox Border" : "rgb(15,15,15)" - "Checkbox Checked Background" : "rgb(47,47,47)" "Input Background" : "rgba(47,47,47,.9)" "Input Border" : "rgb(15,15,15)" "Hovered Input Background" : "rgba(31,31,31,.9)" @@ -2566,7 +2542,6 @@ a:not([href='javascript:;']){ "Backlinked Reply Outline" : "rgb(191,128,64)" "Checkbox Background" : "rgba(204,204,204,.9)" "Checkbox Border" : "rgb(187,187,187)" - "Checkbox Checked Background" : "rgb(204,204,204)" "Input Background" : "rgba(204,204,204,.9)" "Input Border" : "rgb(187,187,187)" "Hovered Input Background" : "rgba(188,188,188,.9)" @@ -2643,7 +2618,6 @@ textarea, "Backlinked Reply Outline" : "rgb(42,127,160)" "Checkbox Background" : "rgba(24,25,26,.9)" "Checkbox Border" : "rgb(18,19,20)" - "Checkbox Checked Background" : "rgb(24,25,26)" "Input Background" : "rgba(24,25,26,.9)" "Input Border" : "rgb(18,19,20)" "Hovered Input Background" : "rgba(40,41,42,.9)" @@ -2722,7 +2696,6 @@ textarea, "Input Border" : "#171717" "Checkbox Background" : "#3c212a" "Checkbox Border" : "#171717" - "Checkbox Checked Background" : "rgba(17,17,17,1)" "Buttons Background" : "#3c212a" "Buttons Border" : "#171717" "Focused Input Background" : "#3c212a" @@ -2756,6 +2729,87 @@ textarea, "Background Position" : "" "Background Repeat" : "" + "White Rainbow": + "Author" : "Shiro" + "Author Tripcode" : "!i.Neko0OEM" + "Background Image" : "url('http://subtlepatterns.com/patterns/paper_fibers.png')" + "Background Attachment" : "fixed" + "Background Position" : "top left" + "Background Repeat" : "repeat" + "Background Color" : "rgb(255,255,255)" + "Dialog Background" : "rgba(239,239,239,.98)" + "Dialog Border" : "rgb(214,214,214)" + "Thread Wrapper Background" : "rgba(239,239,239,.98)" + "Thread Wrapper Border" : "rgba(214,214,214,.4)" + "Reply Background" : "rgba(255,255,255,.90)" + "Reply Border" : "rgb(214,214,214)" + "Highlighted Reply Background": "rgba(239,239,239,.90)" + "Highlighted Reply Border" : "#b84818" + "Backlinked Reply Outline" : "#b84818" + "Checkbox Background" : "rgba(239,239,239,.98)" + "Checkbox Border" : "rgb(187,187,187)" + "Checkbox Checked Background" : "rgba(239,239,239,.98)" + "Input Background" : "#fffffff" + "Input Border" : "rgb(187,187,187)" + "Hovered Input Background" : "#f0f0f0" + "Hovered Input Border" : "rgb(187,187,187)" + "Focused Input Background" : "#f0f0f0" + "Focused Input Border" : "rgb(187,187,187)" + "Buttons Background" : "rgba(239,239,239,.98)" + "Buttons Border" : "rgb(187,187,187)" + "Navigation Background" : "rgba(255,255,255,0.8)" + "Navigation Border" : "rgb(239,239,239)" + "Quotelinks" : "#7a2634" + "Links" : "#7a2634" + "Hovered Links" : "#c24646" + "Navigation Links" : "#404d41" + "Hovered Navigation Links" : "#527054" + "Subjects" : "#5533ff" + "Names" : "#242ca3" + "Sage" : "#6910ad" + "Tripcodes" : "#0c76ab" + "Emails" : "#0c76ab" + "Post Numbers" : "#b86e2e" + "Text" : "#242423" + "Backlinks" : "#7a2634" + "Greentext" : "#10610a" + "Board Title" : "#000000" + "Timestamps" : "#00913f" + "Inputs" : "#242423" + "Warnings" : "rgb(200,40,41)" + "Shadow Color" : "#b0b0b0" + "Custom CSS" : """ +.thread { + padding: 1px; +} +.rice { + box-shadow:rgba(255,255,255,.3) 0 1px; +} +input[type=password]:hover, +input[type=text]:not([disabled]):hover, +input#fs_search:hover, +input.field:hover, +.webkit select:hover, +textarea:hover, +#options input:not([type=checkbox]):hover { + box-shadow: inset rgba(0,0,0,.2) 0 1px 2px; +} +input[type=password]:focus, +input[type=text]:focus, +input#fs_search:focus, +input.field:focus, +.webkit select:focus, +textarea:focus, +#options input:focus { + box-shadow: inset rgba(200,200,200,.2) 0 1px 2px; +} +button, +input, +textarea, +.rice { + transition: background .2s,box-shadow .2s; +}""" + Icons = oneechan: '<%= grunt.file.read("img/icons/oneechan.png", {encoding: "base64"}) %>' "4chan SS": '<%= grunt.file.read("img/icons/4chanSS.png", {encoding: "base64"}) %>'