diff --git a/LICENSE b/LICENSE
index 42d1cc656..aed317a4a 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,5 +1,5 @@
/*
-* appchan x - Version 2.0.6 - 2013-05-30
+* appchan x - Version 2.0.6 - 2013-05-31
*
* Licensed under the MIT license.
* https://github.com/zixaphir/appchan-x/blob/master/LICENSE
diff --git a/builds/appchan-x.js b/builds/appchan-x.js
index 39a68d454..62db62127 100644
--- a/builds/appchan-x.js
+++ b/builds/appchan-x.js
@@ -20,7 +20,7 @@
// ==/UserScript==
/*
-* appchan x - Version 2.0.6 - 2013-05-30
+* appchan x - Version 2.0.6 - 2013-05-31
*
* Licensed under the MIT license.
* https://github.com/zixaphir/appchan-x/blob/master/LICENSE
@@ -11371,7 +11371,9 @@
var cat, hyphenated, name, setting, title, _ref;
$.addClass(doc, 'presto');
+ $.addClass(doc, 'fourchan-x');
$.addClass(doc, 'appchan-x');
+ $.addClass(doc, g.VIEW);
_ref = Config.style;
for (title in _ref) {
cat = _ref[title];
@@ -11547,10 +11549,9 @@
return "filter: url(\"data:image/svg+xml,#filters\");";
},
layout: function() {
- var css, editSpace, width, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11558,8 +11559,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
- width = _conf["Sidebar"] === "large" ? 299 : 248;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11571,36 +11570,12 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n -moz-box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -moz-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n -moz-box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist,\n.pagination-on-side.post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + {
- "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;",
- "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;",
- "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" + (!_conf['Board Subtitle'] ? ".boardSubtitle { display: none; }" : "") + "\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n" + (_conf['Images Overlap Post Form'] ? ".full-image { position: relative; z-index: 21;}" : "") + "\n/* Delete Buttons */\n" + (_conf['Hide Delete UI'] ? ".deleteform,.post:not(#exlinks-options) .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; -moz-box-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 -moz-box-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;}"
- }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher { width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-box-sizing: border-box;}#watcher .move { cursor: default; text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div { overflow: hidden;}#watcher:hover { overflow-y: auto;}#watcher:not(:hover) { height: 0; overflow: hidden; border: 0 none; padding: 0;}" : "#watcher { width: 200px;}#watcher:not(:hover) { max-height: 200px; overflow: hidden;}") + "\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
- 'slideout': "#globalMessage { position: fixed; padding: 2px; width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 { margin: 0;}#globalMessage:hover { -moz-box-sizing: border-box; overflow-y: auto;}#globalMessage:not(:hover) { height: 0; overflow: hidden; padding: 0; border: 0 none;}",
- 'hide': "#globalMessage { display: none !important;}"
- }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.post,\n.summary,\n.threadContainer {\n margin-bottom: " + Style.replyMargin + "px;\n}\n.replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -moz-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n" + (_conf['Color user IDs'] ? ".posteruid .hand { padding: .1em .3em; border-radius: 1em; font-size: 80%;}" : "") + "\n.postInfo > span {\n vertical-align: bottom;\n}\n.subject,\n.name {\n " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post { display: block; overflow: hidden;}.expanded-image .reply.post,.hasInline .reply.post { width: 100%;}" : ".reply.post { display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer { margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.post {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after { display: block; content: ' '; clear: both;}" : "") + "\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post { -moz-box-sizing: border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.quotelink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: underline;\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n border-left: 1px solid;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.backlink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink { display: none;}" : void 0) + "\n" + {
- "lower left": ".container { padding: 0 5px; max-width: 100%;}.reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; left: 0; bottom: 0; padding: 0 5px;}.reply .container::before { content: 'REPLIES: ';}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; max-width: 100%;}.inline .container::before { content: '';}",
- 'lower right': ".reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; right: 0; bottom: 0;}.container::before { content: 'REPLIES: ';}.container { max-width: 100%; padding: 0 5px;}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; float: none;}.inline .container::before { content: '';}",
- 'default': ""
- }[_conf["Backlinks Position"]] + "\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n" + (_conf['Fit Width Replies'] ? ".stub { display: block; text-align: right;}" : "") + "\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "") + "\n/* Element Replacing */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n " + (_conf["Rounded Edges"] ? "border-radius: 2px;" : "") + "\n " + (_conf["Circle Checkboxes"] ? "border-radius: 6px;" : "") + "\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: " + width + "px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n#qrtab {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n\n" + ({
- "fixed": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important;}",
- "slideout": "#qrtab input,#qrtab .rice { display: none;}#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-transform: translateX(" + xOffset + "93%);}#qr:hover,#qr.has-focus,#qr.dump { -moz-transform: translate(0);}",
- "tabbed slideout": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-transform: translateX(" + xOffset + "100%);}#qr:hover,#qr.has-focus,#qr.dump { -moz-transform: translateX(0);}#qrtab { -moz-transform: rotate(" + (Style.sidebarLocation[0] === "left" ? "" : "-") + "90deg); -moz-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.has-focus #qrtab,#qr.dump #qrtab { opacity: 0;}#qrtab input,#qrtab .close,#qrtab .rice,#qrtab .selectrice,#qrtab span { display: none;}",
- "transparent fade": "#qr { overflow: visible; top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; opacity: 0.2; -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { opacity: 1; -moz-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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 -moz-box-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 -moz-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 -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 -moz-box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 -moz-box-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}";
+ return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n -moz-box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -moz-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n -moz-box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side..post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side...post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side..post-form-style-fixed .pagelist,\n.pagination-on-side..post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large.icon-orientation-vertical #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 21px;\n}\n.board-title-at-sidebar-bottom .boardBanner {\n bottom: 280px;\n}\n.board-title-under-post-form .boardBanner {\n bottom: 140px;\n}\n/* Hover UI */\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: 'X';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n -moz-box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\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.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto;\n right: 2px;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto;\n left: 2px;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n -moz-box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n.rounded-edges .board > .thread{\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .replyContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -moz-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n -moz-box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\nbacklinks-position-lower-left .container,\nbacklinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply.quoted,\nbacklinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\nbacklinks-position-lower-right .reply .container,\nbacklinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply .container {\n left: 0;\n}\nbacklinks-position-lower-right .reply .container {\n right: 0;\n}\nbacklinks-position-lower-right .container::before,\nbacklinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\nbacklinks-position-lower-left #qp .container,\nbacklinks-position-lower-left .inline .container,\nbacklinks-position-lower-right .inline .container,\nbacklinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\nbacklinks-position-lower-left #qp .container::before,\nbacklinks-position-lower-left .inline .container::before,\nbacklinks-position-lower-right #qp .container::before,\nbacklinks-position-lower-right .inline .container::before {\n content: '';\n}\nbacklinks-position-lower-right .inline .container {\n float: none;\n}\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: 248px;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0;\n}\n.fourchan-ss-navigation:not(.post-form-style-float).fixed.bottom #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n -moz-transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n -moz-transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n -moz-transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n -moz-transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n -moz-transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n -moz-transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 110px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.post-form-style-transparent-fade #qr {\n overflow: visible;\n top: auto !important;\n opacity: 0.2;\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-style-transparent-fade #qr:hover,\n.post-form-style-transparent-fade #qr.has-focus,\n.post-form-style-transparent-fade #qr.dump {\n opacity: 1;\n -moz-transition: opacity .3s linear;\n}\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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 -moz-box-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 -moz-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 -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 -moz-box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 -moz-box-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}";
},
dynamic: function() {
- var css, editSpace, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11608,7 +11583,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11620,8 +11594,7 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}";
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\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}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
@@ -11630,7 +11603,7 @@
bgColor = new Style.color(Style.colorToHex(backgroundC = theme["Background Color"]) || 'aaaaaa');
Style.lightTheme = bgColor.isLight();
icons = "data:image/png;base64," + Icons[_conf["Icons"]];
- 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-moz-placeholder,\n#qr textarea::-moz-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-moz-placeholder,\n#qr textarea:-moz-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
+ 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-style: solid;\n border-color: " + theme["Navigation Border"] + ";\n}\n.board > .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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-moz-placeholder,\n#qr textarea::-moz-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-moz-placeholder,\n#qr textarea:-moz-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
css += (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}\n" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}\n");
if (_conf["Alternate Post Colors"]) {
css += ".replyContainer:not(.hidden):nth-of-type(2n+1) .post {\n background-image: -moz-linear-gradient(" + (Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n";
diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js
index 32b5fb448..5eed1e512 100644
--- a/builds/appchan-x.user.js
+++ b/builds/appchan-x.user.js
@@ -20,7 +20,7 @@
// ==/UserScript==
/*
-* appchan x - Version 2.0.6 - 2013-05-30
+* appchan x - Version 2.0.6 - 2013-05-31
*
* Licensed under the MIT license.
* https://github.com/zixaphir/appchan-x/blob/master/LICENSE
@@ -11365,7 +11365,9 @@
var cat, hyphenated, name, setting, title, _ref;
$.addClass(doc, 'gecko');
+ $.addClass(doc, 'fourchan-x');
$.addClass(doc, 'appchan-x');
+ $.addClass(doc, g.VIEW);
_ref = Config.style;
for (title in _ref) {
cat = _ref[title];
@@ -11541,10 +11543,9 @@
return "filter: url(\"data:image/svg+xml,#filters\");";
},
layout: function() {
- var css, editSpace, width, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11552,8 +11553,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
- width = _conf["Sidebar"] === "large" ? 299 : 248;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11565,36 +11564,12 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n -moz-box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -moz-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n -moz-box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist,\n.pagination-on-side.post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection .boardBanner::after {\n background-image: -moz-element(#Banner);\n bottom: -100%;\n content: '';\n left: 0;\n mask: url(\"data:image/svg+xml,#mask\");\n opacity: 0.3;\n position: absolute;\n right: 0;\n top: 100%;\n -moz-transform: scaleY(-1);\n z-index: -1;\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + {
- "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;",
- "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;",
- "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" + (!_conf['Board Subtitle'] ? ".boardSubtitle { display: none; }" : "") + "\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n" + (_conf['Images Overlap Post Form'] ? ".full-image { position: relative; z-index: 21;}" : "") + "\n/* Delete Buttons */\n" + (_conf['Hide Delete UI'] ? ".deleteform,.post:not(#exlinks-options) .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; -moz-box-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 -moz-box-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;}"
- }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher { width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-box-sizing: border-box;}#watcher .move { cursor: default; text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div { overflow: hidden;}#watcher:hover { overflow-y: auto;}#watcher:not(:hover) { height: 0; overflow: hidden; border: 0 none; padding: 0;}" : "#watcher { width: 200px;}#watcher:not(:hover) { max-height: 200px; overflow: hidden;}") + "\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
- 'slideout': "#globalMessage { position: fixed; padding: 2px; width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 { margin: 0;}#globalMessage:hover { -moz-box-sizing: border-box; overflow-y: auto;}#globalMessage:not(:hover) { height: 0; overflow: hidden; padding: 0; border: 0 none;}",
- 'hide': "#globalMessage { display: none !important;}"
- }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.post,\n.summary,\n.threadContainer {\n margin-bottom: " + Style.replyMargin + "px;\n}\n.replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -moz-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n" + (_conf['Color user IDs'] ? ".posteruid .hand { padding: .1em .3em; border-radius: 1em; font-size: 80%;}" : "") + "\n.postInfo > span {\n vertical-align: bottom;\n}\n.subject,\n.name {\n " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post { display: block; overflow: hidden;}.expanded-image .reply.post,.hasInline .reply.post { width: 100%;}" : ".reply.post { display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer { margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.post {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after { display: block; content: ' '; clear: both;}" : "") + "\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post { -moz-box-sizing: border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.quotelink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: underline;\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n border-left: 1px solid;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.backlink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink { display: none;}" : void 0) + "\n" + {
- "lower left": ".container { padding: 0 5px; max-width: 100%;}.reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; left: 0; bottom: 0; padding: 0 5px;}.reply .container::before { content: 'REPLIES: ';}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; max-width: 100%;}.inline .container::before { content: '';}",
- 'lower right': ".reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; right: 0; bottom: 0;}.container::before { content: 'REPLIES: ';}.container { max-width: 100%; padding: 0 5px;}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; float: none;}.inline .container::before { content: '';}",
- 'default': ""
- }[_conf["Backlinks Position"]] + "\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n" + (_conf['Fit Width Replies'] ? ".stub { display: block; text-align: right;}" : "") + "\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "") + "\n/* Element Replacing */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n " + (_conf["Rounded Edges"] ? "border-radius: 2px;" : "") + "\n " + (_conf["Circle Checkboxes"] ? "border-radius: 6px;" : "") + "\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: " + width + "px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n#qrtab {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n\n" + ({
- "fixed": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important;}",
- "slideout": "#qrtab input,#qrtab .rice { display: none;}#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-transform: translateX(" + xOffset + "93%);}#qr:hover,#qr.has-focus,#qr.dump { -moz-transform: translate(0);}",
- "tabbed slideout": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -moz-transform: translateX(" + xOffset + "100%);}#qr:hover,#qr.has-focus,#qr.dump { -moz-transform: translateX(0);}#qrtab { -moz-transform: rotate(" + (Style.sidebarLocation[0] === "left" ? "" : "-") + "90deg); -moz-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.has-focus #qrtab,#qr.dump #qrtab { opacity: 0;}#qrtab input,#qrtab .close,#qrtab .rice,#qrtab .selectrice,#qrtab span { display: none;}",
- "transparent fade": "#qr { overflow: visible; top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; opacity: 0.2; -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { opacity: 1; -moz-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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 -moz-box-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 -moz-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 -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 -moz-box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 -moz-box-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}";
+ return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n -moz-box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -moz-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n -moz-box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side..post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side...post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side..post-form-style-fixed .pagelist,\n.pagination-on-side..post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection .boardBanner::after {\n background-image: -moz-element(#Banner);\n bottom: -100%;\n content: '';\n left: 0;\n mask: url(\"data:image/svg+xml,#mask\");\n opacity: 0.3;\n position: absolute;\n right: 0;\n top: 100%;\n -moz-transform: scaleY(-1);\n z-index: -1;\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large.icon-orientation-vertical #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 21px;\n}\n.board-title-at-sidebar-bottom .boardBanner {\n bottom: 280px;\n}\n.board-title-under-post-form .boardBanner {\n bottom: 140px;\n}\n/* Hover UI */\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: 'X';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n -moz-box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\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.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto;\n right: 2px;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto;\n left: 2px;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n -moz-box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n.rounded-edges .board > .thread{\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .replyContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -moz-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n -moz-box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\nbacklinks-position-lower-left .container,\nbacklinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply.quoted,\nbacklinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\nbacklinks-position-lower-right .reply .container,\nbacklinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply .container {\n left: 0;\n}\nbacklinks-position-lower-right .reply .container {\n right: 0;\n}\nbacklinks-position-lower-right .container::before,\nbacklinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\nbacklinks-position-lower-left #qp .container,\nbacklinks-position-lower-left .inline .container,\nbacklinks-position-lower-right .inline .container,\nbacklinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\nbacklinks-position-lower-left #qp .container::before,\nbacklinks-position-lower-left .inline .container::before,\nbacklinks-position-lower-right #qp .container::before,\nbacklinks-position-lower-right .inline .container::before {\n content: '';\n}\nbacklinks-position-lower-right .inline .container {\n float: none;\n}\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: 248px;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0;\n}\n.fourchan-ss-navigation:not(.post-form-style-float).fixed.bottom #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n -moz-transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n -moz-transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n -moz-transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n -moz-transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n -moz-transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n -moz-transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 110px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n -moz-transform: rotate(90deg);\n -moz-transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n -moz-transform: rotate(-90deg);\n -moz-transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.post-form-style-transparent-fade #qr {\n overflow: visible;\n top: auto !important;\n opacity: 0.2;\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-style-transparent-fade #qr:hover,\n.post-form-style-transparent-fade #qr.has-focus,\n.post-form-style-transparent-fade #qr.dump {\n opacity: 1;\n -moz-transition: opacity .3s linear;\n}\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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 -moz-box-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 -moz-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 -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 -moz-box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 -moz-box-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}";
},
dynamic: function() {
- var css, editSpace, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11602,7 +11577,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11614,8 +11588,7 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}";
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\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}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
@@ -11624,7 +11597,7 @@
bgColor = new Style.color(Style.colorToHex(backgroundC = theme["Background Color"]) || 'aaaaaa');
Style.lightTheme = bgColor.isLight();
icons = "data:image/png;base64," + Icons[_conf["Icons"]];
- 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-moz-placeholder,\n#qr textarea::-moz-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-moz-placeholder,\n#qr textarea:-moz-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
+ 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-style: solid;\n border-color: " + theme["Navigation Border"] + ";\n}\n.board > .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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-moz-placeholder,\n#qr textarea::-moz-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-moz-placeholder,\n#qr textarea:-moz-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
css += (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}\n" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}\n");
if (_conf["Alternate Post Colors"]) {
css += ".replyContainer:not(.hidden):nth-of-type(2n+1) .post {\n background-image: -moz-linear-gradient(" + (Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n";
diff --git a/builds/crx/script.js b/builds/crx/script.js
index 374f5a4e3..5595d160c 100644
--- a/builds/crx/script.js
+++ b/builds/crx/script.js
@@ -1,6 +1,6 @@
// Generated by CoffeeScript
/*
-* appchan x - Version 2.0.6 - 2013-05-30
+* appchan x - Version 2.0.6 - 2013-05-31
*
* Licensed under the MIT license.
* https://github.com/zixaphir/appchan-x/blob/master/LICENSE
@@ -11349,7 +11349,9 @@
$.addClass(doc, 'webkit');
$.addClass(doc, 'blink');
+ $.addClass(doc, 'fourchan-x');
$.addClass(doc, 'appchan-x');
+ $.addClass(doc, g.VIEW);
_ref = Config.style;
for (title in _ref) {
cat = _ref[title];
@@ -11525,10 +11527,9 @@
return "filter: url(\"data:image/svg+xml,#filters\");";
},
layout: function() {
- var css, editSpace, width, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11536,8 +11537,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
- width = _conf["Sidebar"] === "large" ? 299 : 248;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11549,36 +11548,12 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -webkit-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -webkit-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side.post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist,\n.pagination-on-side.post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -webkit-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -webkit-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + {
- "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;",
- "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;",
- "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" + (!_conf['Board Subtitle'] ? ".boardSubtitle { display: none; }" : "") + "\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n" + (_conf['Images Overlap Post Form'] ? ".full-image { position: relative; z-index: 21;}" : "") + "\n/* Delete Buttons */\n" + (_conf['Hide Delete UI'] ? ".deleteform,.post:not(#exlinks-options) .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; box-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 box-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;}"
- }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher { width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; box-sizing: border-box;}#watcher .move { cursor: default; text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div { overflow: hidden;}#watcher:hover { overflow-y: auto;}#watcher:not(:hover) { height: 0; overflow: hidden; border: 0 none; padding: 0;}" : "#watcher { width: 200px;}#watcher:not(:hover) { max-height: 200px; overflow: hidden;}") + "\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
- 'slideout': "#globalMessage { position: fixed; padding: 2px; width: " + width + "px; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 { margin: 0;}#globalMessage:hover { box-sizing: border-box; overflow-y: auto;}#globalMessage:not(:hover) { height: 0; overflow: hidden; padding: 0; border: 0 none;}",
- 'hide': "#globalMessage { display: none !important;}"
- }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.post,\n.summary,\n.threadContainer {\n margin-bottom: " + Style.replyMargin + "px;\n}\n.replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -webkit-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n" + (_conf['Color user IDs'] ? ".posteruid .hand { padding: .1em .3em; border-radius: 1em; font-size: 80%;}" : "") + "\n.postInfo > span {\n vertical-align: bottom;\n}\n.subject,\n.name {\n " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n box-sizing: border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post { display: block; overflow: hidden;}.expanded-image .reply.post,.hasInline .reply.post { width: 100%;}" : ".reply.post { display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer { margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.post {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after { display: block; content: ' '; clear: both;}" : "") + "\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post { box-sizing: border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.quotelink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: underline;\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n border-left: 1px solid;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.backlink {\n text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink { display: none;}" : void 0) + "\n" + {
- "lower left": ".container { padding: 0 5px; max-width: 100%;}.reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; left: 0; bottom: 0; padding: 0 5px;}.reply .container::before { content: 'REPLIES: ';}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; max-width: 100%;}.inline .container::before { content: '';}",
- 'lower right': ".reply.quoted { position: relative; padding-bottom: 1.7em;}.reply .container { position: absolute; right: 0; bottom: 0;}.container::before { content: 'REPLIES: ';}.container { max-width: 100%; padding: 0 5px;}#qp .container { position: static; max-width: 100%;}#qp .container::before { content: '';}.inline .container { position: static; float: none;}.inline .container::before { content: '';}",
- 'default': ""
- }[_conf["Backlinks Position"]] + "\n/* Code */\n.prettyprint {\n box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n" + (_conf['Fit Width Replies'] ? ".stub { display: block; text-align: right;}" : "") + "\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "") + "\n/* Element Replacing */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n " + (_conf["Rounded Edges"] ? "border-radius: 2px;" : "") + "\n " + (_conf["Circle Checkboxes"] ? "border-radius: 6px;" : "") + "\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: " + width + "px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n#qrtab {\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n}\n\n" + ({
- "fixed": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important;}",
- "slideout": "#qrtab input,#qrtab .rice { display: none;}#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -webkit-transform: translateX(" + xOffset + "93%);}#qr:hover,#qr.has-focus,#qr.dump { -webkit-transform: translate(0);}",
- "tabbed slideout": "#qr { top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 0 !important; " + Style.sidebarLocation[1] + ": auto !important; -webkit-transform: translateX(" + xOffset + "100%);}#qr:hover,#qr.has-focus,#qr.dump { -webkit-transform: translateX(0);}#qrtab { -webkit-transform: rotate(" + (Style.sidebarLocation[0] === "left" ? "" : "-") + "90deg); -webkit-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.has-focus #qrtab,#qr.dump #qrtab { opacity: 0;}#qrtab input,#qrtab .close,#qrtab .rice,#qrtab .selectrice,#qrtab span { display: none;}",
- "transparent fade": "#qr { overflow: visible; top: auto !important; bottom: " + Style.pfOffset + "em !important; " + Style.sidebarLocation[0] + ": 2px !important; " + Style.sidebarLocation[1] + ": auto !important; opacity: 0.2; -webkit-transition: opacity .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { opacity: 1; -webkit-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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -webkit-transition: -webkit-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -webkit-transition: -webkit-transform .3s linear;}#qrtab { -webkit-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -webkit-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 box-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 -webkit-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 -webkit-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -webkit-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -webkit-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -webkit-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 box-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}";
+ return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -webkit-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -webkit-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Main Menu */\n#main-menu {\n margin: 0;\n border: 2px solid;\n border-radius: 10px;\n height: 14px;\n width: 14px;\n box-sizing: border-box;\n border-color: rgb(130,130,130);\n color: rgb(130,130,130);\n}\n#main-menu::after {\n content: '';\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-60%, -50%);\n display: block;\n border-top: 5px solid rgb(130, 130, 130);\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n width: 7px;\n box-sizing: border-box;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.fourchan-ss-navigation .pagelist {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {\n bottom: 23.3em;\n}\n.pagination-on-side..post-form-style-fixed.show-post-form-header .pagelist,\n.pagination-on-side..post-form-style-transparent-fade.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side..post-form-style-fixed.post-form-decorations .pagelist,\n.pagination-on-side...post-form-style-transparent-fade.post-form-decorations .pagelist {\n bottom: 21.8em;\n}\n.pagination-on-side..post-form-style-fixed .pagelist,\n.pagination-on-side..post-form-style-transparent-fade .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -webkit-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -webkit-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large.icon-orientation-vertical #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-top.icon-orientation-vertical #boardTitle {\n top: 21px;\n}\n.board-title-at-sidebar-bottom .boardBanner {\n bottom: 280px;\n}\n.board-title-under-post-form .boardBanner {\n bottom: 140px;\n}\n/* Hover UI */\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 .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: 'X';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\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.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto;\n right: 2px;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto;\n left: 2px;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n} \n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n.rounded-edges .board > .thread{\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .replyContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n -webkit-transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\nbacklinks-position-lower-left .container,\nbacklinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply.quoted,\nbacklinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\nbacklinks-position-lower-right .reply .container,\nbacklinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\nbacklinks-position-lower-left .reply .container {\n left: 0;\n}\nbacklinks-position-lower-right .reply .container {\n right: 0;\n}\nbacklinks-position-lower-right .container::before,\nbacklinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\nbacklinks-position-lower-left #qp .container,\nbacklinks-position-lower-left .inline .container,\nbacklinks-position-lower-right .inline .container,\nbacklinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\nbacklinks-position-lower-left #qp .container::before,\nbacklinks-position-lower-left .inline .container::before,\nbacklinks-position-lower-right #qp .container::before,\nbacklinks-position-lower-right .inline .container::before {\n content: '';\n}\nbacklinks-position-lower-right .inline .container {\n float: none;\n}\n/* Code */\n.prettyprint {\n box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n padding: 1px;\n border: 1px solid transparent;\n min-width: 248px;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0;\n}\n.fourchan-ss-navigation:not(.post-form-style-float).fixed.bottom #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n -webkit-transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n -webkit-transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 110px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.post-form-style-transparent-fade #qr {\n overflow: visible;\n top: auto !important;\n opacity: 0.2;\n -webkit-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-style-transparent-fade #qr:hover,\n.post-form-style-transparent-fade #qr.has-focus,\n.post-form-style-transparent-fade #qr.dump {\n opacity: 1;\n -webkit-transition: opacity .3s linear;\n}\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):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -webkit-transition: -webkit-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -webkit-transition: -webkit-transform .3s linear;}#qrtab { -webkit-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -webkit-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" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n box-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.selectrice {\n padding-right: 1.6em;\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/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n box-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/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\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: nowrap;\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 box-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 -webkit-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 -webkit-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -webkit-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,.middlead,.bottomad { 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: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\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 > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\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.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr: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.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\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-container {\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.export-button,\n.mascotname,\n#mascot-options {\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -webkit-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options 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#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -webkit-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\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.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .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 box-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#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.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\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 box-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}";
},
dynamic: function() {
- var css, editSpace, xOffset, _conf;
+ var css, editSpace, _conf;
_conf = Conf;
- xOffset = _conf["Sidebar Location"] === "left" ? '-' : '';
Style.pfOffset = _conf['4chan SS Navigation'] && ((_conf['Bottom Header'] && _conf['Fixed Header']) || (g.VIEW === 'index' && _conf['Pagination'] === 'sticky bottom')) ? 1.5 : 0;
Style.sidebar = {
minimal: 20,
@@ -11586,7 +11561,6 @@
normal: 252,
large: 303
}[_conf['Sidebar']];
- Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0;
Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"];
if (_conf['editMode'] === "theme") {
editSpace = {};
@@ -11598,8 +11572,7 @@
right: 0
};
}
- Style.replyMargin = _conf["Post Spacing"];
- return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}";
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\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}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n left: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\n right: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\n left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n/* Emoji */\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
@@ -11608,7 +11581,7 @@
bgColor = new Style.color(Style.colorToHex(backgroundC = theme["Background Color"]) || 'aaaaaa');
Style.lightTheme = bgColor.isLight();
icons = "data:image/png;base64," + Icons[_conf["Icons"]];
- 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -webkit-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-webkit-placeholder,\n#qr textarea::-webkit-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-webkit-placeholder,\n#qr textarea:-webkit-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
+ 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.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\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.panel,\n.section-container,\n#exlinks-options-content,\n#mascotcontent,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n padding: 5px;\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n border-style: solid;\n}\n.captcha-img img {\n " + (Style.filter(theme["Text"], theme["Input Background"])) + "\n}\n#boardTitle,\n" + (!_conf["Post Form Decorations"] ? '#spoilerLabel' : '') + " {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + "\n " + (_conf["Sidebar Glow"] ? ", 0 2px 4px rgba(0,0,0,.6), 0 0 10px rgba(0,0,0,.6);" : ";") + "\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," : "") + "\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.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\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}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container: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 outline: none;\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\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#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-style: solid;\n border-color: " + theme["Navigation Border"] + ";\n}\n.board > .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.dialog,\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.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\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#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 #update-status:not(.new)::after,\n#showQR,\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 fieldset,\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.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar 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: 4px;\n height: 10px;\n border: solid " + theme["Inputs"] + ";\n border-width: 0 3px 3px 0;\n -webkit-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar 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::-webkit-placeholder,\n#qr textarea::-webkit-placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:-webkit-placeholder,\n#qr textarea:-webkit-placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\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#img-controls,\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"];
css += (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}\n" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}\n");
if (_conf["Alternate Post Colors"]) {
css += ".replyContainer:not(.hidden):nth-of-type(2n+1) .post {\n background-image: -webkit-linear-gradient(" + (Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n";
diff --git a/src/General/css/dynamic.css b/src/General/css/dynamic.css
index f38c8ed43..7b6b329c9 100644
--- a/src/General/css/dynamic.css
+++ b/src/General/css/dynamic.css
@@ -1,7 +1,6 @@
-body {
- padding: 0 #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px 0 #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]}px;
-}
+#boardNavDesktopFoot a,
#header-bar a,
+.deleteform::before,
.hide-navigation-decorations .pages a,
body,
button,
@@ -9,12 +8,36 @@ input,
textarea {
font-size: #{parseInt _conf["Font Size"], 10}px;
}
+#boardTitle,
+.boardTitle a {
+ font-size: #{parseInt(_conf["Font Size"], 10) + 10}px;
+}
+.boardSubtitle,
+.boardSubtitle a {
+ font-size: #{parseInt(_conf["Font Size"], 10) - 1}px;
+}
body,
button,
input,
textarea {
font-family: #{_conf["Font"]};
}
+body {
+ padding: 0 #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px 0 #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]}px;
+}
+.board > .thread {
+ margin: #{parseInt _conf["Top Thread Padding"], 10}px 0 #{parseInt _conf["Bottom Thread Padding"], 10}px 0;
+}
+.post,
+.summary {
+ margin-bottom: #{Conf["Post Spacing"]}px;
+}
+.thread > .threadContainer:last-of-type {
+ margin-bottom: -#{Conf["Post Spacing"]}px;
+}
+.postMessage {
+ margin: #{_conf['Vertical Post Padding']}px #{_conf['Horizontal Post Padding']}px;
+}
.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {
left: #{303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px;
right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;"
@@ -78,4 +101,6 @@ textarea {
.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {
right: #{2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px;
left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;"
-}
\ No newline at end of file
+}
+/* Emoji */
+#{unless _conf["Emoji"] is "disable" then Emoji.css _conf["Emoji Position"] else ""}
\ No newline at end of file
diff --git a/src/General/css/layout.css b/src/General/css/layout.css
index d9484d179..02cd45a0f 100644
--- a/src/General/css/layout.css
+++ b/src/General/css/layout.css
@@ -403,20 +403,20 @@ th {
border: 0 none !important;
text-align: right;
}
-.pagination-on-side.post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,
-.pagination-on-side.post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {
+.pagination-on-side..post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist,
+.pagination-on-side..post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist {
bottom: 23.3em;
}
-.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist,
-.pagination-on-side.post-form-style-transparent-fade.show-post-form-header .pagelist {
+.pagination-on-side..post-form-style-fixed.show-post-form-header .pagelist,
+.pagination-on-side..post-form-style-transparent-fade.show-post-form-header .pagelist {
bottom: 23.1em;
}
-.pagination-on-side.post-form-style-fixed.post-form-decorations .pagelist,
-.pagination-on-side..post-form-style-transparent-fade.post-form-decorations .pagelist {
+.pagination-on-side..post-form-style-fixed.post-form-decorations .pagelist,
+.pagination-on-side...post-form-style-transparent-fade.post-form-decorations .pagelist {
bottom: 21.8em;
}
-.pagination-on-side.post-form-style-fixed .pagelist,
-.pagination-on-side.post-form-style-transparent-fade .pagelist {
+.pagination-on-side..post-form-style-fixed .pagelist,
+.pagination-on-side..post-form-style-transparent-fade .pagelist {
bottom: 21.6em;
}
.sidebar-location-left.pagination-on-side .pagelist {
@@ -470,7 +470,7 @@ th {
display: inline-block;
margin: 0 3px;
}
-/* Banner */
+/* Banner & Board Title */
.boardBanner {
line-height: 0;
}
@@ -490,7 +490,7 @@ th {
bottom: -100%;
content: '';
left: 0;
- mask: url(\"data:image/svg+xml,#mask\");
+ mask: url("data:image/svg+xml,#mask");
opacity: 0.3;
position: absolute;
right: 0;
@@ -517,21 +517,33 @@ th {
.fourchan-banner-under-post-form .boardBanner {
bottom: 130px;
}
+.board-title-at-sidebar-top.sidebar-location-right #boardTitle,
+.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,
+.board-title-under-post-form.sidebar-location-right #boardTitle,
.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,
.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,
.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {
right: 2px;
}
+.board-title-at-sidebar-top.sidebar-location-left #boardTitle,
+.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,
+.board-title-under-post-form.sidebar-location-left #boardTitle,
.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,
.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,
.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {
left: 2px;
}
+.board-title-at-sidebar-top #boardTitle,
+.board-title-at-sidebar-bottom #boardTitle,
+.board-title-under-post-form #boardTitle,
.fourchan-banner-at-sidebar-top .boardBanner img,
.fourchan-banner-at-sidebar-bottom .boardBanner img,
.fourchan-banner-under-post-form .boardBanner img {
width: 248px;
}
+.board-title-at-sidebar-top.sidebar-large #boardTitle,
+.board-title-at-sidebar-bottom.sidebar-large #boardTitle,
+.board-title-under-post-form.sidebar-large #boardTitle,
.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,
.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,
.fourchan-banner-under-post-form.sidebar-large .boardBanner img {
@@ -543,53 +555,39 @@ th {
margin: 12px auto;
text-align: center;
}
-fourchan-banner-hide .boardBanner {
+:root:not(.board-subtitle) .boardSubtitle,
+.board-title-hide #boardTitle,
+.fourchan-banner-hide .boardBanner {
display: none;
}
-/* Board Title */
#boardTitle {
- font-size: #{parseInt(_conf["Font Size"], 10) + 10}px;
text-align: center;
z-index: 4;
-#{{
-"at sidebar top": "
+}
+.board-title-at-sidebar-top #boardTitle,
+.board-title-at-sidebar-bottom #boardTitle,
+.board-title-under-post-form #boardTitle {
position: fixed;
- #{Style.sidebarLocation[0]}: 2px;
- top: #{(if Style.logoOffset is 0 and _conf["Icon Orientation"] isnt "vertical" then 40 else 21) + Style.logoOffset}px;
- width: #{width}px;
-"
-
-"at sidebar bottom": "
- position: fixed;
- #{Style.sidebarLocation[0]}: 2px;
+}
+.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large.icon-orientation-vertical #boardTitle {
+ top: 121px;
+}
+.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.icon-orientation-vertical #boardTitle {
+ top: 104px;
+}
+.board-title-at-sidebar-top #boardTitle {
+ top: 40px;
+}
+.board-title-at-sidebar-top.icon-orientation-vertical #boardTitle {
+ top: 21px;
+}
+.board-title-at-sidebar-bottom .boardBanner {
bottom: 280px;
- width: #{width}px;
-"
-
-"under post form": "
- position: fixed;
- #{Style.sidebarLocation[0]}: 2px;
+}
+.board-title-under-post-form .boardBanner {
bottom: 140px;
- width: #{width}px;
-"
-
-"at top": "
- margin: 12px 0;
-"
-
-"hide": "
- display: none;
-"}[_conf["Board Title"]]}
}
-.boardTitle a {
- font-size: #{parseInt(_conf["Font Size"], 10) + 10}px;
-}
-.boardSubtitle,
-.boardSubtitle a {
- font-size: #{parseInt(_conf["Font Size"], 10) - 1}px;
-}
-#{unless _conf['Board Subtitle'] then ".boardSubtitle { display: none; }" else ""}
-/* Dialogs */
+/* Hover UI */
.move {
cursor: pointer;
}
@@ -623,22 +621,18 @@ fourchan-banner-hide .boardBanner {
max-width: 100%;
width: 100%;
}
-#{if _conf['Images Overlap Post Form'] then "
-.full-image {
+.images-overlap-post-form .full-image {
position: relative;
z-index: 21;
-}" else ""
}
/* Delete Buttons */
-#{if _conf['Hide Delete UI'] then "
-.deleteform,
-.post:not(#exlinks-options) .rice {
+.hide-delete-ui .deleteform,
+.hide-delete-ui .post:not(#exlinks-options) .rice {
display: none;
}
-.postInfo {
+.hide-delete-ui .postInfo {
padding: 0 0 0 3px;
}
-" else "
.deleteform {
position: fixed;
z-index: 18;
@@ -662,7 +656,6 @@ fourchan-banner-hide .boardBanner {
position: fixed;
bottom: 0;
right: 0;
- font-size: #{_conf['Font Size']}px;
<%= sizing %>: border-box;
height: 1.6em;
width: 1.4em;
@@ -673,22 +666,25 @@ fourchan-banner-hide .boardBanner {
}
.deleteform input {
margin: 0 1px 0 0;
-}"}
+}
/* Slideout Navigation */
#boardNavDesktopFoot {
position: fixed;
- width: #{width}px;
- #{Style.sidebarLocation[0]}: 2px;
text-align: center;
font-size: 0;
color: transparent;
overflow: hidden;
<%= sizing %>: border-box;
+ width: 248px;
}
-#boardNavDesktopFoot a,
-#boardNavDesktopFoot a::after,
-#boardNavDesktopFoot a::before {
- font-size: #{_conf['Font Size']}px;
+.sidebar-large #boardNavDesktopFoot {
+ width: 299px;
+}
+.sidebar-location-right #boardNavDesktopFoot {
+ right: 2px;
+}
+.sidebar-location-left #boardNavDesktopFoot {
+ left: 2px;
}
#boardNavDesktopFoot:hover {
overflow-y: auto;
@@ -702,69 +698,35 @@ fourchan-banner-hide .boardBanner {
padding: 0;
border: 0 none;
}
-#{{
-compact: "
-#boardNavDesktopFoot {
+.slideout-navigation-compact #boardNavDesktopFoot {
word-spacing: 1px;
}
-"
-list: "
-#boardNavDesktopFoot a {
+.slideout-navigation-list #boardNavDesktopFoot a {
display: block;
}
-#boardNavDesktopFoot:hover {
+.slideout-navigation-list #boardNavDesktopFoot:hover {
max-height: 400px;
}
-#boardNavDesktopFoot a::after {
+.slideout-navigation-list #boardNavDesktopFoot a::after {
content: ' - ' attr(title);
}
-#boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,
-#boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {
+.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,
+.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {
content: '/ - ' attr(title);
}
-#boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,
-#boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {
+.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,
+.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {
content: '/';
}
-"
-hide: "
-#boardNavDesktopFoot {
+.slideout-navigation-hide #boardNavDesktopFoot {
display: none;
-}"}[_conf["Slideout Navigation"]]}
+}
/* Watcher */
#watcher {
position: fixed;
z-index: 14;
padding: 2px;
- #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
}
-#watcher > div {
- max-height: 1.3em;
- overflow: hidden;
-}
-#{if _conf['Slideout Watcher'] then "
-#watcher {
- width: #{width}px;
- #{Style.sidebarLocation[0]}: 2px !important;
- #{Style.sidebarLocation[1]}: auto !important;
- <%= sizing %>: border-box;
-}
-#watcher .move {
- cursor: default;
- text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
-}
-#watcher > div {
- overflow: hidden;
-}
-#watcher:hover {
- overflow-y: auto;
-}
-#watcher:not(:hover) {
- height: 0;
- overflow: hidden;
- border: 0 none;
- padding: 0;
-}" else "
#watcher {
width: 200px;
}
@@ -772,7 +734,46 @@ hide: "
max-height: 200px;
overflow: hidden;
}
-"}
+.rounded-edges #watcher {
+ border-radius: 3px;
+}
+#watcher > div {
+ max-height: 1.3em;
+ overflow: hidden;
+}
+.slideout-watcher #watcher {
+ <%= sizing %>: border-box;
+ width: 248px;
+}
+.slideout-watcher.sidebar-large #boardNavDesktopFoot {
+ width: 299px;
+}
+.slideout-watcher.sidebar-location-right #watcher {
+ left: auto;
+ right: 2px;
+}
+.slideout-watcher.sidebar-location-left #watcher {
+ right: auto;
+ left: 2px;
+}
+.slideout-watcher #watcher .move {
+ cursor: default;
+}
+.slideout-watcher.underline-links #watcher .move {
+ text-decoration: underline;
+}
+.slideout-watcher #watcher > div {
+ overflow: hidden;
+}
+.slideout-watcher #watcher:hover {
+ overflow-y: auto;
+}
+.slideout-watcher #watcher:not(:hover) {
+ height: 0;
+ overflow: hidden;
+ border: 0 none;
+ padding: 0;
+}
.watch-thread-link {
padding-top: 18px;
width: 18px;
@@ -789,42 +790,49 @@ hide: "
/* Announcements */
#globalMessage {
text-align: center;
- #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
}
-#{{
-'slideout': "
-#globalMessage {
+.rounded-edges #globalMessage {
+ border-radius: 3px;
+}
+.announcements-slideout #globalMessage {
position: fixed;
padding: 2px;
- width: #{width}px;
- #{Style.sidebarLocation[0]}: 2px !important;
- #{Style.sidebarLocation[1]}: auto !important;
+ width: 248px;
}
-#globalMessage h3 {
+.announcements-slideout.sidebar-location-right #globalMessage {
+ left: auto;
+ right: 2px;
+}
+.announcements-slideout.sidebar-location-left #globalMessage {
+ right: auto;
+ left: 2px;
+}
+.announcements-slideout.sidebar-large #globalMessage {
+ width: 299px;
+}
+.announcements-slideout #globalMessage h3 {
margin: 0;
}
-#globalMessage:hover {
+.announcements-slideout #globalMessage:hover {
<%= sizing %>: border-box;
overflow-y: auto;
}
-#globalMessage:not(:hover) {
+.announcements-slideout #globalMessage:not(:hover) {
height: 0;
overflow: hidden;
padding: 0;
border: 0 none;
-}"
-'hide': "
-#globalMessage {
+}
+.announcements-hide #globalMessage {
display: none !important;
}
-"}[_conf['Announcements']] or ""}
/* Threads */
-.thread {
- margin: #{parseInt _conf["Top Thread Padding"], 10}px 0 #{parseInt _conf["Bottom Thread Padding"], 10}px 0;
- #{if _conf["Rounded Edges"] then "border-radius: 4px;" else ""}
+.rounded-edges .board > .thread{
+ border-radius: 4px;
}
/* Thread Clearfix */
-.thread > div:last-of-type::after {
+.thread > .threadContainer:last-of-type::after,
+.thread > .replyContainer:last-of-type::after {
display: block;
content: ' ';
clear: both;
@@ -842,12 +850,7 @@ hide: "
.expanded-image > .post > .file > .fileThumb > .full-image {
display: block;
}
-.post,
-.summary,
-.threadContainer {
- margin-bottom: #{Style.replyMargin}px;
-}
-.replyContainer:last-of-type .post {
+.thread > .replyContainer:last-of-type .post {
margin-bottom: 0;
}
.menu-button {
@@ -880,24 +883,23 @@ hide: "
.hidden_thread {
text-align: right;
}
-#{if _conf['Color user IDs'] then "
-.posteruid .hand {
+.color-user-ids .posteruid .hand {
padding: .1em .3em;
border-radius: 1em;
font-size: 80%;
-}" else ""}
+}
.postInfo > span {
vertical-align: bottom;
}
-.subject,
-.name {
- #{if _conf["Bolds"] then 'font-weight: 600;' else ''}
+.bolds .subject,
+.bolds .name {
+ font-weight: 600;
}
-.postertrip {
- #{if _conf["Italics"] then 'font-style: italic;' else ''}
+.italics .postertrip {
+ font-style: italic;
}
-.replylink {
- text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+.underline-links .replylink {
+ text-decoration: underline;
}
.fileInfo {
padding: 0 3px;
@@ -909,37 +911,29 @@ hide: "
}
.reply.post {
<%= sizing %>: border-box;
+ display: inline-block;
}
-#{if _conf["Fit Width Replies"] then "
-.reply.post {
+.fit-width-replies .reply.post {
display: block;
overflow: hidden;
}
-.expanded-image .reply.post,
-.hasInline .reply.post {
+.fit-width-replies .expanded-image .reply.post,
+.fit-width-replies .hasInline .reply.post {
width: 100%;
}
-" else "
-.reply.post {
- display: inline-block;
-}
-"}
-#{if _conf["Indent Replies"] then "
-.thread > .replyContainer,
-.threadContainer > .replyContainer {
+.indent-replies #unread-line,
+.indent-replies .thread > .replyContainer,
+.indent-replies .threadContainer > .replyContainer {
margin-left: 2em;
-}" else ''}
+}
.expanded-image .reply.post,
.hasInline .reply.post {
display: inline-block;
overflow: visible;
clear: both;
}
-.post {
- #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
-}
-.postMessage {
- margin: #{_conf['Vertical Post Padding']}px #{_conf['Horizontal Post Padding']}px;
+.rounded-edges .post {
+ border-radius: 3px;
}
.spoiler,
s {
@@ -949,27 +943,22 @@ s {
.reply.post .postMessage {
clear: right;
}
-#{if _conf['Force Reply Break'] or _conf["OP Background"] then "
-.op.post .postMessage::after {
+.op-background .op.post .postMessage::after,
+.force-reply-break .op.post .postMessage::after {
display: block;
content: ' ';
clear: both;
}
-" else ""
-}
/* OP */
.favicon {
vertical-align: bottom;
}
-#{if _conf["OP Background"] then "
-.op.post {
+.op-background .op.post {
<%= sizing %>: border-box;
-}" else ""}
+}
/* Summary */
-#{
-if _conf["Force Reply Break"]
- ".summary { clear: both;}"
-else ""
+.force-reply-break .summary {
+ clear: both;
}
/* Inlined */
.inline {
@@ -991,12 +980,11 @@ else ""
.inlined {
opacity: .5;
}
-.quotelink {
- text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+.underline-links .quotelink {
+ text-decoration: underline;
}
.filtered,
.quotelink.filtered {
- text-decoration: underline;
text-decoration: line-through !important;
}
.inline + .hashlink {
@@ -1004,92 +992,68 @@ else ""
}
/* Quote Threading */
.threadContainer {
- #{if _conf["Indent Replies"] then "margin" else "padding"}-left: 2em;
+ padding-left: 2em;
border-left: 1px solid;
}
+.indent-replies .threadContainer {
+ margin-left: 2em;
+ padding-left: 0;
+}
.threadOP {
clear: both;
}
/* Backlinks */
-.backlink {
- text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+.underline-links .backlink {
+ text-decoration: underline;
}
.backlink.dead {
text-decoration: none;
}
-#{
-if _conf["Filtered Backlinks"] then "
-.filtered.backlink {
+.filtered-backlinks .filtered.backlink {
display: none;
-}"
}
-#{{
-"lower left": "
-.container {
- padding: 0 5px;
+backlinks-position-lower-left .container,
+backlinks-position-lower-right .container {
max-width: 100%;
+ padding: 0 5px;
}
-.reply.quoted {
+backlinks-position-lower-left .reply.quoted,
+backlinks-position-lower-right .reply.quoted {
position: relative;
padding-bottom: 1.7em;
}
-.reply .container {
+backlinks-position-lower-right .reply .container,
+backlinks-position-lower-left .reply .container {
position: absolute;
+ bottom: 0;
+ padding: 0 5px;
+}
+backlinks-position-lower-left .reply .container {
left: 0;
- bottom: 0;
- padding: 0 5px;
}
-.reply .container::before {
- content: 'REPLIES: ';
-}
-#qp .container {
- position: static;
- max-width: 100%;
-}
-#qp .container::before {
- content: '';
-}
-.inline .container {
- position: static;
- max-width: 100%;
-}
-.inline .container::before {
- content: '';
-}"
-
-'lower right': "
-.reply.quoted {
- position: relative;
- padding-bottom: 1.7em;
-}
-.reply .container {
- position: absolute;
+backlinks-position-lower-right .reply .container {
right: 0;
- bottom: 0;
}
-.container::before {
+backlinks-position-lower-right .container::before,
+backlinks-position-lower-left .reply .container::before {
content: 'REPLIES: ';
}
-.container {
- max-width: 100%;
- padding: 0 5px;
-}
-#qp .container {
+backlinks-position-lower-left #qp .container,
+backlinks-position-lower-left .inline .container,
+backlinks-position-lower-right .inline .container,
+backlinks-position-lower-right #qp .container {
position: static;
max-width: 100%;
}
-#qp .container::before {
+backlinks-position-lower-left #qp .container::before,
+backlinks-position-lower-left .inline .container::before,
+backlinks-position-lower-right #qp .container::before,
+backlinks-position-lower-right .inline .container::before {
content: '';
}
-.inline .container {
- position: static;
+backlinks-position-lower-right .inline .container {
float: none;
}
-.inline .container::before {
- content: '';
-}"
-
-'default': ""}[_conf["Backlinks Position"]]}
/* Code */
.prettyprint {
<%= sizing %>: border-box;
@@ -1135,14 +1099,11 @@ if _conf["Filtered Backlinks"] then "
display: block;
}
/* Stubs */
-#{if _conf['Fit Width Replies'] then "
-.stub {
+.fit-width-replies .stub {
display: block;
text-align: right;
-}" else ""}
-/* Emoji */
-#{unless _conf["Emoji"] is "disable" then Emoji.css _conf["Emoji Position"] else ""}
-/* Element Replacing */
+}
+/* Element Replacing: */
/* Checkboxes */
.rice {
cursor: pointer;
@@ -1151,8 +1112,12 @@ if _conf["Filtered Backlinks"] then "
margin: 2px 3px 3px;
display: inline-block;
vertical-align: bottom;
- #{if _conf["Rounded Edges"] then "border-radius: 2px;" else ""}
- #{if _conf["Circle Checkboxes"] then "border-radius: 6px;" else ""}
+}
+.rounded-edges .rice {
+ border-radius: 2px;}
+}
+.circle-checkboxes .rice {
+ border-radius: 6px;}
}
input:checked + .rice {
background-attachment: scroll;
@@ -1207,94 +1172,107 @@ input:checked + .rice {
position: fixed;
padding: 1px;
border: 1px solid transparent;
- min-width: #{width}px;
- #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}
+ min-width: 248px;
}
-#qrtab {
- #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}
+.sidebar-large #qr {
+ min-width: 299px;
}
-
-#{{
-"fixed": "
-#qr {
+.rounded-edges #qr,
+.rounded-edges #qrtab {
+ border-radius: 3px 3px 0 0;
+}
+.post-form-style-fixed #qr {
top: auto !important;
- bottom: #{Style.pfOffset}em !important;
- #{Style.sidebarLocation[0]}: 0 !important;
- #{Style.sidebarLocation[1]}: auto !important;
-}"
-
-"slideout": "
-#qrtab input,
-#qrtab .rice {
- display: none;
}
-#qr {
+.sidebar-location-left:not(.post-form-style-float) #qr {
+ left: 0 !important;
+ right: auto !important;
+}
+.sidebar-location-right:not(.post-form-style-float) #qr {
+ right: 0 !important;
+ left: auto !important;
+}
+:root:not(.post-form-style-float) #qr {
+ bottom: 0;
+}
+.fourchan-ss-navigation:not(.post-form-style-float).fixed.bottom #qr,
+.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {
+ bottom: 1.5em;
+}
+.post-form-style-slideout #qr {
top: auto !important;
- bottom: #{Style.pfOffset}em !important;
- #{Style.sidebarLocation[0]}: 0 !important;
- #{Style.sidebarLocation[1]}: auto !important;
- <%= agent %>transform: translateX(#{xOffset}93%);
}
-#qr:hover,
-#qr.has-focus,
-#qr.dump {
+.post-form-style-slideout.sidebar-location-left #qr {
+ <%= agent %>transform: translateX(-93%);
+}
+.post-form-style-slideout.sidebar-location-right #qr {
+ <%= agent %>transform: translateX(93%);
+}
+.post-form-style-slideout #qr:hover,
+.post-form-style-slideout #qr.has-focus,
+.post-form-style-slideout #qr.dump {
<%= agent %>transform: translate(0);
-}"
-
-"tabbed slideout": "
-#qr {
- top: auto !important;
- bottom: #{Style.pfOffset}em !important;
- #{Style.sidebarLocation[0]}: 0 !important;
- #{Style.sidebarLocation[1]}: auto !important;
- <%= agent %>transform: translateX(#{xOffset}100%);
}
-#qr:hover,
-#qr.has-focus,
-#qr.dump {
+.post-form-style-tabbed-slideout #qr {
+ top: auto !important;
+}
+.post-form-style-tabbed-slideout.sidebar-location-left #qr {
+ <%= agent %>transform: translateX(-100%);
+}
+.post-form-style-tabbed-slideout.sidebar-location-right #qr {
+ <%= agent %>transform: translateX(100%);
+}
+.post-form-style-tabbed-slideout #qr:hover,
+.post-form-style-tabbed-slideout #qr.has-focus,
+.post-form-style-tabbed-slideout #qr.dump {
<%= agent %>transform: translateX(0);
}
-#qrtab {
- <%= agent %>transform: rotate(#{(if Style.sidebarLocation[0] is "left" then "" else "-")}90deg);
- <%= agent %>transform-origin: bottom #{Style.sidebarLocation[0]};
+.post-form-style-tabbed-slideout #qrtab {
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.has-focus #qrtab,
-#qr.dump #qrtab {
+.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {
+ <%= agent %>transform: rotate(90deg);
+ <%= agent %>transform-origin: bottom right;
+ left: 100%;
+}
+.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {
+ <%= agent %>transform: rotate(-90deg);
+ <%= agent %>transform-origin: bottom right;
+ right: 100%;
+}
+.post-form-style-tabbed-slideout #qr:hover #qrtab,
+.post-form-style-tabbed-slideout #qr.has-focus #qrtab,
+.post-form-style-tabbed-slideout #qr.dump #qrtab {
opacity: 0;
}
-#qrtab input,
-#qrtab .close,
-#qrtab .rice,
-#qrtab .selectrice,
-#qrtab span {
+.post-form-style-slideout #qrtab input,
+.post-form-style-slideout #qrtab .rice,
+.post-form-style-tabbed-slideout #qrtab input,
+.post-form-style-tabbed-slideout #qrtab .close,
+.post-form-style-tabbed-slideout #qrtab .rice,
+.post-form-style-tabbed-slideout #qrtab span {
display: none;
-}"
-
-"transparent fade": "
-#qr {
+}
+.post-form-style-tabbed-slideout #qrtab .selectrice {
+ text-align: center;
+}
+.post-form-style-transparent-fade #qr {
overflow: visible;
top: auto !important;
- bottom: #{Style.pfOffset}em !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.has-focus,
-#qr.dump {
+.post-form-style-transparent-fade #qr:hover,
+.post-form-style-transparent-fade #qr.has-focus,
+.post-form-style-transparent-fade #qr.dump {
opacity: 1;
<%= agent %>transition: opacity .3s linear;
-}"
-}[_conf['Post Form Style']] or ""}
+}
#{
unless _conf['Post Form Style'] is 'tabbed slideout'
diff --git a/src/General/css/theme.css b/src/General/css/theme.css
index c4fd2d0a4..078c7e005 100644
--- a/src/General/css/theme.css
+++ b/src/General/css/theme.css
@@ -176,7 +176,7 @@ textarea.field:focus {
border-style: solid;
border-color: #{theme["Navigation Border"]};
}
-.thread {
+.board > .thread {
background: #{theme["Thread Wrapper Background"]};
border: 1px solid #{theme["Thread Wrapper Border"]};
}
diff --git a/src/Theming/Style.coffee b/src/Theming/Style.coffee
index 887d6a35a..9d516d7f3 100644
--- a/src/Theming/Style.coffee
+++ b/src/Theming/Style.coffee
@@ -13,7 +13,9 @@ Style =
<% } else { %>
$.addClass doc, 'gecko'
<% } %>
+ $.addClass doc, 'fourchan-x'
$.addClass doc, 'appchan-x'
+ $.addClass doc, g.VIEW
for title, cat of Config.style
for name, setting of cat
@@ -161,8 +163,7 @@ Style =
layout: ->
# Remove after classes rewrite
- _conf = Conf
- xOffset = if _conf["Sidebar Location"] is "left" then '-' else ''
+ _conf = Conf
Style.pfOffset = if _conf['4chan SS Navigation'] and
((_conf['Bottom Header'] and _conf['Fixed Header']) or
@@ -178,21 +179,6 @@ Style =
large: 303
}[_conf['Sidebar']]
- Style.logoOffset =
- if _conf["4chan Banner"] is "at sidebar top"
- if _conf["Sidebar"] is "large"
- 100
- else
- 83
- else
- 0
-
- width =
- if _conf["Sidebar"] is "large"
- 299
- else
- 248
-
Style.sidebarLocation = if _conf["Sidebar Location"] is "left"
["left", "right"]
else
@@ -207,13 +193,10 @@ Style =
left: 0
right: 0
- Style.replyMargin = _conf["Post Spacing"]
-
css = """<%= grunt.file.read('src/General/css/layout.css') %>"""
dynamic: ->
_conf = Conf
- xOffset = if _conf["Sidebar Location"] is "left" then '-' else ''
Style.pfOffset = if _conf['4chan SS Navigation'] and
((_conf['Bottom Header'] and _conf['Fixed Header']) or
@@ -229,15 +212,6 @@ Style =
large: 303
}[_conf['Sidebar']]
- Style.logoOffset =
- if _conf["4chan Banner"] is "at sidebar top"
- if _conf["Sidebar"] is "large"
- 100
- else
- 83
- else
- 0
-
Style.sidebarLocation = if _conf["Sidebar Location"] is "left"
["left", "right"]
else
@@ -252,8 +226,6 @@ Style =
left: 0
right: 0
- Style.replyMargin = _conf["Post Spacing"]
-
css = """<%= grunt.file.read('src/General/css/dynamic.css') %>"""
theme: (theme) ->