diff --git a/builds/appchan-x.js b/builds/appchan-x.js
index fc65c5d67..caa3dfeef 100644
--- a/builds/appchan-x.js
+++ b/builds/appchan-x.js
@@ -11570,7 +11570,7 @@
right: 0
};
}
- 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -moz-transition: -moz-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -moz-transition: -moz-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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 .forwardlink,\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}\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-width: 0 3px 3px 0;\n border-style: solid;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -moz-transition: -moz-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -moz-transition: -moz-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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, _conf;
@@ -11594,45 +11594,15 @@
right: 0
};
}
- return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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"]) : "");
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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 */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
- var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
+ var background, backgroundC, bgColor, css, fileHeading, replyHeading, _conf;
_conf = Conf;
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.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";
- }
- if (_conf["Color Reply Headings"]) {
- css += ".postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["Color File Info"]) {
- css += ".file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["OP Background"]) {
- css += ".op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op.post:target\n.op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n";
- }
- if (_conf["4chan SS Sidebar"]) {
- background = new Style.color(Style.colorToHex(theme["Reply Background"]));
- css += "body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + (background.shiftRGB(-18)) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n box-shadow:\n " + (_conf["Sidebar Location"] === "right" ? "inset" : "") + " 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n " + (_conf["Sidebar Location"] === "left" ? "inset" : "") + " -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n";
- }
- css += {
- text: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n",
- image: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n margin-" + (_conf["Sage Highlight Position"] === "before" ? "right" : "left") + ": " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n",
- none: ""
- }[_conf["Sage Highlighting"]];
- if (_conf["Announcements"] === "slideout") {
- css += "#globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n";
- }
- if (_conf["Post Form Decorations"]) {
- css += "#qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n";
- }
- return css;
+ return css = (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.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 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::after {\n border-color: " + theme["Inputs"] + ";\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.quote-shadows .inline .post {\n box-shadow: 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.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #appchanOptions,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['4chan SS'] + "\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #appchanOptions,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['oneechan'] + "\");\n" + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n.alternate-post-colors .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.color-reply-headings .postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-ss-sidebar body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n}\n.fourchan-ss-sidebar.sidebar-location-right {\n box-shadow:\n inset 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left {\n box-shadow:\n 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n inset -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after{\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations #qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n}\n.post-form-decorations.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom 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}" : ".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}");
},
iconPositions: function() {
var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, psa, _conf;
diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js
index d2acf53e4..f395b0bfe 100644
--- a/builds/appchan-x.user.js
+++ b/builds/appchan-x.user.js
@@ -11564,7 +11564,7 @@
right: 0
};
}
- 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -moz-transition: -moz-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -moz-transition: -moz-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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 .forwardlink,\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}\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-width: 0 3px 3px 0;\n border-style: solid;\n -moz-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -moz-transition: -moz-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -moz-transition: -moz-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -moz-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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, _conf;
@@ -11588,45 +11588,15 @@
right: 0
};
}
- return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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"]) : "");
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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 */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
- var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
+ var background, backgroundC, bgColor, css, fileHeading, replyHeading, _conf;
_conf = Conf;
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.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";
- }
- if (_conf["Color Reply Headings"]) {
- css += ".postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["Color File Info"]) {
- css += ".file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["OP Background"]) {
- css += ".op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op.post:target\n.op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n";
- }
- if (_conf["4chan SS Sidebar"]) {
- background = new Style.color(Style.colorToHex(theme["Reply Background"]));
- css += "body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + (background.shiftRGB(-18)) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n box-shadow:\n " + (_conf["Sidebar Location"] === "right" ? "inset" : "") + " 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n " + (_conf["Sidebar Location"] === "left" ? "inset" : "") + " -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n";
- }
- css += {
- text: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n",
- image: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n margin-" + (_conf["Sage Highlight Position"] === "before" ? "right" : "left") + ": " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n",
- none: ""
- }[_conf["Sage Highlighting"]];
- if (_conf["Announcements"] === "slideout") {
- css += "#globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n";
- }
- if (_conf["Post Form Decorations"]) {
- css += "#qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n";
- }
- return css;
+ return css = (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.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 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::after {\n border-color: " + theme["Inputs"] + ";\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.quote-shadows .inline .post {\n box-shadow: 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.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #appchanOptions,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['4chan SS'] + "\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #appchanOptions,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['oneechan'] + "\");\n" + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n.alternate-post-colors .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.color-reply-headings .postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-ss-sidebar body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n}\n.fourchan-ss-sidebar.sidebar-location-right {\n box-shadow:\n inset 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left {\n box-shadow:\n 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n inset -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after{\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations #qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n}\n.post-form-decorations.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom 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}" : ".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}");
},
iconPositions: function() {
var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, psa, _conf;
diff --git a/builds/crx/script.js b/builds/crx/script.js
index 2a52cc6ff..168694e69 100644
--- a/builds/crx/script.js
+++ b/builds/crx/script.js
@@ -11548,7 +11548,7 @@
right: 0
};
}
- 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -webkit-transition: -webkit-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -webkit-transition: -webkit-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -webkit-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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 #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\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 .forwardlink,\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}\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-width: 0 3px 3px 0;\n border-style: solid;\n -webkit-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\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:root:not(.show-post-form-header):not(.post-form-style-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) > form,\n.show-post-form-header.post-form-style-transparent-fade .autohide:not(:hover):not(.has-focus) > form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n -webkit-transition: -webkit-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump {\n -webkit-transition: -webkit-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n -webkit-transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n -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.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:not(:first-child) {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\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 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/* AdBlock Minus */\n.block-ads .bottomad + hr,\n.block-ads .topad,\n.block-ads .middlead,\n.block-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\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}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n 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 vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\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}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\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}\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 top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\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}\n.rounded-edges #post-preview {\n 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, _conf;
@@ -11572,45 +11572,15 @@
right: 0
};
}
- return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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"]) : "");
+ return css = "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.selectrice,\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 */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : "");
},
theme: function(theme) {
- var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf;
+ var background, backgroundC, bgColor, css, fileHeading, replyHeading, _conf;
_conf = Conf;
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.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";
- }
- if (_conf["Color Reply Headings"]) {
- css += ".postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["Color File Info"]) {
- css += ".file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n";
- }
- if (_conf["OP Background"]) {
- css += ".op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op.post:target\n.op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n";
- }
- if (_conf["4chan SS Sidebar"]) {
- background = new Style.color(Style.colorToHex(theme["Reply Background"]));
- css += "body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + (background.shiftRGB(-18)) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n box-shadow:\n " + (_conf["Sidebar Location"] === "right" ? "inset" : "") + " 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n " + (_conf["Sidebar Location"] === "left" ? "inset" : "") + " -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n";
- }
- css += {
- text: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n",
- image: "a.useremail[href*=\"sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"Sage\"]:last-of-type::" + _conf["Sage Highlight Position"] + ",\na.useremail[href*=\"SAGE\"]:last-of-type::" + _conf["Sage Highlight Position"] + " {\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n margin-" + (_conf["Sage Highlight Position"] === "before" ? "right" : "left") + ": " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n",
- none: ""
- }[_conf["Sage Highlighting"]];
- if (_conf["Announcements"] === "slideout") {
- css += "#globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n";
- }
- if (_conf["Post Form Decorations"]) {
- css += "#qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n box-shadow: " + (_conf['Quote Shadows'] ? "5px 5px 5px " + theme['Shadow Color'] : "") + ";\n}\n";
- }
- return css;
+ return css = (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.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 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::after {\n border-color: " + theme["Inputs"] + ";\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.quote-shadows .inline .post {\n box-shadow: 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.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #appchanOptions,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['4chan SS'] + "\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #appchanOptions,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan a[style=\"cursor: pointer; float: right;\"]::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64," + Icons['oneechan'] + "\");\n" + (!Style.lightTheme ? "filter: url(\"data:image/svg+xml,#filters\");" : "") + "\n}\n.alternate-post-colors .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.color-reply-headings .postInfo {\n background: " + ((replyHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (replyHeading.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + ((fileHeading = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? "rgba(" + (fileHeading.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-ss-sidebar body::before {\n z-index: -1;\n background: none repeat scroll 0% 0% rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n border-" + Style.sidebarLocation[1] + ": 2px solid " + backgroundC + ";\n}\n.fourchan-ss-sidebar.sidebar-location-right {\n box-shadow:\n inset 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left {\n box-shadow:\n 1px 0 0 " + theme["Thread Wrapper Border"] + ",\n inset -1px 0 0 " + theme["Thread Wrapper Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after{\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations #qr {\n border-color: " + theme["Buttons Border"] + ";\n background: " + backgroundC + ";\n}\n.post-form-decorations.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom 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}" : ".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}");
},
iconPositions: function() {
var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, psa, _conf;
diff --git a/src/General/css/dynamic.css b/src/General/css/dynamic.css
index 9ce843b5d..e9ffb9986 100644
--- a/src/General/css/dynamic.css
+++ b/src/General/css/dynamic.css
@@ -105,4 +105,10 @@ body {
left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;"
}
/* Emoji */
+a.useremail:last-of-type::before {
+ margin-right: #{parseInt _conf['Emoji Spacing']}px;
+}
+a.useremail:last-of-type::after {
+ margin-left: #{parseInt _conf['Emoji Spacing']}px;
+}
#{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 c0b992220..11d5333af 100644
--- a/src/General/css/layout.css
+++ b/src/General/css/layout.css
@@ -1003,6 +1003,7 @@ s {
clear: both;
}
/* Backlinks */
+.underline-links .forwardlink,
.underline-links .backlink {
text-decoration: underline;
}
@@ -1113,6 +1114,21 @@ backlinks-position-lower-right .inline .container {
display: inline-block;
vertical-align: bottom;
}
+input[type=checkbox]:checked + .rice {
+ position: relative;
+}
+input[type=checkbox]:checked + .rice::after {
+ content: "";
+ display: block;
+ width: 4px;
+ height: 10px;
+ border-width: 0 3px 3px 0;
+ border-style: solid;
+ <%= agent %>transform: rotate(45deg);
+ position: absolute;
+ left: 2px;
+ bottom: -1px;
+}
.rounded-edges .rice {
border-radius: 2px;}
}
diff --git a/src/General/css/theme.css b/src/General/css/theme.css
index 078c7e005..7bf13a683 100644
--- a/src/General/css/theme.css
+++ b/src/General/css/theme.css
@@ -1,4 +1,3 @@
-
.hide_thread_button span > span,
.hide_reply_button span > span {
background-color: #{theme["Links"]};
@@ -256,7 +255,6 @@ textarea {
color: #{theme["Greentext"]};
}
.forwardlink {
- text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
border-bottom: 1px dashed #{theme["Backlinks"]};
}
.container::before {
@@ -287,20 +285,8 @@ textarea {
#header-bar a {
color: #{theme["Navigation Links"]};
}
-input[type=checkbox]:checked + .rice {
- position: relative;
-}
input[type=checkbox]:checked + .rice::after {
- content: "";
- display: block;
- width: 4px;
- height: 10px;
- border: solid #{theme["Inputs"]};
- border-width: 0 3px 3px 0;
- <%= agent %>transform: rotate(45deg);
- position: absolute;
- left: 2px;
- bottom: -1px;
+ border-color: #{theme["Inputs"]};
}
#addReply,
#dump,
@@ -353,8 +339,8 @@ a .name {
border-color: #{theme["Backlinked Reply Outline"]};
background: #{theme["Highlighted Reply Background"]};
}
-.inline .post {
- box-shadow: #{if _conf['Quote Shadows'] then "5px 5px 5px #{theme['Shadow Color']}" else ""};
+.quote-shadows .inline .post {
+ box-shadow: 5px 5px 5px #{theme['Shadow Color']};
}
.placeholder,
#qr input::<%= agent %>placeholder,
@@ -375,17 +361,29 @@ a .name {
#selectrice li:not(:first-of-type) {
border-top: 1px solid #{if Style.lightTheme then "rgba(0,0,0,0.05)" else "rgba(255,255,255,0.025)"};
}
-#navtopright .exlinksOptionsLink::after,
-#appchanOptions,
-.navLinks > a:first-of-type::after,
-#watcher::after,
-#globalMessage::after,
-#boardNavDesktopFoot::after,
-a[style="cursor: pointer; float: right;"]::after,
-#img-controls,
-#catalog::after,
-#fappeTyme {
- background-image: url('#{icons}');
+.icons-4chan-ss #navtopright .exlinksOptionsLink::after,
+.icons-4chan-ss #appchanOptions,
+.icons-4chan-ss .navLinks > a:first-of-type::after,
+.icons-4chan-ss #watcher::after,
+.icons-4chan-ss #globalMessage::after,
+.icons-4chan-ss #boardNavDesktopFoot::after,
+.icons-4chan-ss a[style="cursor: pointer; float: right;"]::after,
+.icons-4chan-ss #img-controls,
+.icons-4chan-ss #catalog::after,
+.icons-4chan-ss #fappeTyme {
+ background-image: url("data:image/png;base64,#{Icons['4chan SS']}");
+}
+.icons-oneechan #navtopright .exlinksOptionsLink::after,
+.icons-oneechan #appchanOptions,
+.icons-oneechan .navLinks > a:first-of-type::after,
+.icons-oneechan #watcher::after,
+.icons-oneechan #globalMessage::after,
+.icons-oneechan #boardNavDesktopFoot::after,
+.icons-oneechan a[style="cursor: pointer; float: right;"]::after,
+.icons-oneechan #img-controls,
+.icons-oneechan #catalog::after,
+.icons-oneechan #fappeTyme {
+ background-image: url("data:image/png;base64,#{Icons['oneechan']}");
#{unless Style.lightTheme then "
filter: url(\"
data:image/svg+xml,#filters
\");" else ""}
}
+.alternate-post-colors .replyContainer:not(.hidden):nth-of-type(2n+1) .post {
+ background-image: <%= agent %>linear-gradient(#{if Style.lightTheme then "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" else "rgba(255,255,255,0.02), rgba(255,255,255,0.02)"});
+}
+.color-reply-headings .postInfo {
+ background: #{if (replyHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (replyHeading.shiftRGB -12, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
+ border-bottom: 1px solid #{theme["Reply Border"]}
+}
+.color-file-info .file {
+ background: #{if (fileHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (fileHeading.shiftRGB -8, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
+ border-bottom: 1px solid #{theme["Reply Border"]}
+ border-top: 1px solid #{theme["Reply Border"]}
+}
+.color-reply.headings.color-file-info {
+ border-top: none;
+}
+.op-background .op.post {
+ background: #{theme["Reply Background"]};
+ border: 1px solid #{theme["Reply Border"]};
+}
+.op-background .op.post:target
+.op-background .op.post.highlight {
+ background: #{theme["Highlighted Reply Background"]};
+ border: 1px solid #{theme["Highlighted Reply Border"]};
+}
+.fourchan-ss-sidebar body::before {
+ z-index: -1;
+ background: none repeat scroll 0% 0% rgba(#{if background = new Style.color Style.colorToHex theme["Reply Background"] then background.shiftRGB -18}, 0.8);
+ border-#{Style.sidebarLocation[1]}: 2px solid #{backgroundC};
+}
+.fourchan-ss-sidebar.sidebar-location-right {
+ box-shadow:
+ inset 1px 0 0 #{theme["Thread Wrapper Border"]},
+ -1px 0 0 #{theme["Thread Wrapper Border"]};
+}
+.fourchan-ss-sidebar.sidebar-location-left {
+ box-shadow:
+ 1px 0 0 #{theme["Thread Wrapper Border"]},
+ inset -1px 0 0 #{theme["Thread Wrapper Border"]};
+}
+.sage-highlighting-text.sage-highlight-position-before a.useremail[href*="sage"]:last-of-type::before,
+.sage-highlighting-text.sage-highlight-position-before a.useremail[href*="Sage"]:last-of-type::before,
+.sage-highlighting-text.sage-highlight-position-before a.useremail[href*="SAGE"]:last-of-type::before,
+.sage-highlighting-text.sage-highlight-position-after a.useremail[href*="sage"]:last-of-type::after,
+.sage-highlighting-text.sage-highlight-position-after a.useremail[href*="Sage"]:last-of-type::after,
+.sage-highlighting-text.sage-highlight-position-after a.useremail[href*="SAGE"]:last-of-type::after {
+ content: " (sage) ";
+ color: #{theme["Sage"]};
+}
+.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="sage"]:last-of-type::before,
+.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="Sage"]:last-of-type::before,
+.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="SAGE"]:last-of-type::before,
+.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="sage"]:last-of-type::after,
+.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="Sage"]:last-of-type::after,
+.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="SAGE"]:last-of-type::after{
+ content: url("data:image/png;base64,<%= grunt.file.read("src/General/img/emoji/sage.png", {encoding: "base64"}) %>");
+ vertical-align: top;
+}
+.announcements-slideout #globalMessage {
+ background: #{theme["Dialog Background"]};
+ border: 1px solid #{theme["Dialog Border"]};
+}
+.post-form-decorations #qr {
+ border-color: #{theme["Buttons Border"]};
+ background: #{backgroundC};
+}
+.post-form-decorations.quote-shadows #qr {
+ box-shadow: 5px 5px 5px #{theme['Shadow Color']};
+}
#{theme["Custom CSS"]}
\ No newline at end of file
diff --git a/src/General/css/themeoptions.css b/src/General/css/themeoptions.css
index 5e81fce0c..b12952d53 100644
--- a/src/General/css/themeoptions.css
+++ b/src/General/css/themeoptions.css
@@ -1,5 +1,4 @@
-
- css += (if Style.lightTheme then """
+(if Style.lightTheme then """
.prettyprint {
background-color: #e7e7e7;
border: 1px solid #dcdcdc;
@@ -26,7 +25,7 @@
}
.lit {
color: #368c72;
-}\n
+}
""" else """
.prettyprint {
background-color: rgba(0,0,0,.1);
@@ -54,87 +53,5 @@
}
.lit {
color: #558773;
-}\n
-""")
-
- if _conf["Alternate Post Colors"]
- css += """
-.replyContainer:not(.hidden):nth-of-type(2n+1) .post {
- background-image: <%= agent %>linear-gradient(#{if Style.lightTheme then "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" else "rgba(255,255,255,0.02), rgba(255,255,255,0.02)"});
-}\n
-"""
-
- if _conf["Color Reply Headings"]
- css += """
-.postInfo {
- background: #{if (replyHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (replyHeading.shiftRGB -12, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
- border-bottom: 1px solid #{theme["Reply Border"]}
-}\n"""
-
- if _conf["Color File Info"]
- css += """
-.file {
- background: #{if (fileHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (fileHeading.shiftRGB -8, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
- border-bottom: 1px solid #{theme["Reply Border"]}
-}\n
-"""
- if _conf["OP Background"]
- css += """
-.op.post {
- background: #{theme["Reply Background"]};
- border: 1px solid #{theme["Reply Border"]};
}
-.op.post:target
-.op.post.highlight {
- background: #{theme["Highlighted Reply Background"]};
- border: 1px solid #{theme["Highlighted Reply Border"]};
-}\n
-"""
- if _conf["4chan SS Sidebar"]
- background = new Style.color Style.colorToHex theme["Reply Background"]
- css += """
-body::before {
- z-index: -1;
- background: none repeat scroll 0% 0% rgba(#{background.shiftRGB -18}, 0.8);
- border-#{Style.sidebarLocation[1]}: 2px solid #{backgroundC};
- box-shadow:
- #{if _conf["Sidebar Location"] is "right" then "inset" else ""} 1px 0 0 #{theme["Thread Wrapper Border"]},
- #{if _conf["Sidebar Location"] is "left" then "inset" else ""} -1px 0 0 #{theme["Thread Wrapper Border"]};
-}\n
-"""
-
- css += {
- text: """
-a.useremail[href*="sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
-a.useremail[href*="Sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
-a.useremail[href*="SAGE"]:last-of-type::#{_conf["Sage Highlight Position"]} {
- content: " (sage) ";
- color: #{theme["Sage"]};
-}\n
-"""
- image: """
-a.useremail[href*="sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
-a.useremail[href*="Sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
-a.useremail[href*="SAGE"]:last-of-type::#{_conf["Sage Highlight Position"]} {
- content: url("data:image/png;base64,<%= grunt.file.read("src/General/img/emoji/sage.png", {encoding: "base64"}) %>");
- vertical-align: top;
- margin-#{if _conf["Sage Highlight Position"] is "before" then "right" else "left"}: #{parseInt _conf['Emoji Spacing']}px;
-}\n
-"""
- none: ""
- }[_conf["Sage Highlighting"]]
- if _conf["Announcements"] is "slideout"
- css += """
-#globalMessage {
- background: #{theme["Dialog Background"]};
- border: 1px solid #{theme["Dialog Border"]};
-}\n
-"""
- if _conf["Post Form Decorations"]
- css += """
-#qr {
- border-color: #{theme["Buttons Border"]};
- background: #{backgroundC};
- box-shadow: #{if _conf['Quote Shadows'] then "5px 5px 5px #{theme['Shadow Color']}" else ""};
-}\n
-"""
\ No newline at end of file
+""")
\ No newline at end of file
diff --git a/src/Theming/Style.coffee b/src/Theming/Style.coffee
index 9d516d7f3..c32e6bd26 100644
--- a/src/Theming/Style.coffee
+++ b/src/Theming/Style.coffee
@@ -235,13 +235,7 @@ Style =
Style.lightTheme = bgColor.isLight()
- icons = "data:image/png;base64,#{Icons[_conf["Icons"]]}"
-
- css = """<%= grunt.file.read('src/General/css/theme.css') %>"""
-
- <%= grunt.file.read('src/General/css/themeoptions.css') %>
-
- css
+ css = """<%= grunt.file.read('src/General/css/theme.css') %>""" + <%= grunt.file.read('src/General/css/themeoptions.css') %>
iconPositions: ->
css = """<%= grunt.file.read('src/General/css/icons.base.css') %>"""