diff --git a/builds/appchan-x.js b/builds/appchan-x.js index 3f8104bc2..39a68d454 100644 --- a/builds/appchan-x.js +++ b/builds/appchan-x.js @@ -11572,20 +11572,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n font-family: " + _conf["Font"] + ";\n font-size: " + (parseInt(_conf["Font Size"], 10)) + ";\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 text-align: " + _conf["Pagination Alignment"] + ";\n" + (_conf['4chan SS Navigation'] ? " left: 0; right: 0; border-left: 0; border-right: 0; border-radius: 0 !important;" : " " + Style.sidebarLocation[0] + ": " + (Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px; " + Style.sidebarLocation[1] + ": " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;") + "\n" + { - "sticky top": " position: fixed; top: 0; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "sticky bottom": " position: fixed; bottom: 0; border-bottom-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "top": " position: static; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "bottom": " position: static; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "hide": " display: none;", - "on side": " position: fixed; padding: 0; top: auto; bottom: " + (['fixed', 'transparent fade'].contains(_conf['Post Form Style']) ? 21.6 + (Conf['Show Post Form Header'] ? 1.5 : 0) + (Conf['Post Form Decorations'] ? 0.2 : 0) : .5) + "em; " + Style.sidebarLocation[1] + ": auto; " + Style.sidebarLocation[0] + ": " + (Style.sidebar - 2) + "px; position: fixed;" + (Style.sidebarLocation[0] === 'right' ? " -moz-transform: rotate(90deg); -moz-transform-origin: bottom right;" : " -moz-transform: rotate(-90deg); -moz-transform-origin: bottom left;") + " z-index: 6; margin: 0; background: none transparent !important; border: 0 none !important; text-align: right;" - }[_conf['Pagination']] + "\n" + (_conf["Hide Navigation Decorations"] ? " font-size: 0; color: transparent; word-spacing: 0;" : "") + "\n z-index: 6;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n#header-bar a {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n" + (_conf["Hide Navigation Decorations"] ? ".pages a { margin: 0 1px; font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;}" : "") + "\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n" + (_conf["Faded 4chan Banner"] ? ".boardBanner { opacity: 0.5; -moz-transition: opacity 0.3s ease-in-out .5s;}.boardBanner:hover { opacity: 1; -moz-transition: opacity 0.3s ease-in;}" : "") + "\n" + (_conf["4chan Banner Reflection"] ? "/* From 4chan SS / OneeChan */.gecko .boardBanner::after { background-image: -moz-element(#Banner); bottom: -100%; content: ''; left: 0; mask: url(\"data:image/svg+xml, #mask\"); opacity: 0.3; position: absolute; right: 0; top: 100%; -moz-transform: scaleY(-1); z-index: -1;}.webkit #Banner { -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" + { - "at sidebar top": ".boardBanner { position: fixed; top: 16px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at sidebar bottom": ".boardBanner { position: fixed; bottom: 270px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "under post form": " .boardBanner { position: fixed; bottom: 130px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at top": ".boardBanner { position: relative; display: table; margin: 12px auto; text-align: center;}", - "hide": ".boardBanner { display: none;}" - }[_conf["4chan Banner"]] + "\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\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 */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + { "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;", "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;", "under post form": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 140px; width: " + width + "px;", @@ -11610,7 +11597,7 @@ }[_conf['Post Form Style']] || "") + "\n\n" + (_conf['Post Form Style'] !== 'tabbed slideout' ? (!(_conf['Post Form Style'] === 'float' || _conf['Show Post Form Header']) ? "#qrtab { display: none; }" : _conf['Post Form Style'] !== 'slideout' ? ".autohide:not(:hover):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-transition: opacity .3s linear;}" : "") + "\n\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-sizing: border-box;\n font-size: " + (parseInt(_conf['Font Size'], 10)) + "px;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n -moz-box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n -moz-transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n" + (_conf["Block Ads"] ? "/* AdBlock Minus */.bottomad + hr,.topad,.middlead,.bottomad { display: none;}" : "") + "\n" + (_conf["Shrink Ads"] ? ".topad a img,.middlead a img,.bottomad a img { width: 500px; height: auto;}" : "") + "\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n " + Style.sidebarLocation[1] + ": 2px;\n " + Style.sidebarLocation[0] + ": auto;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n -moz-box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview {\n position: absolute;\n z-index: 22;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin-top: 5px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n margin: 0 auto;\n width: 1000px;\n position: relative;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n float: right;\n position: relative;\n}\n#optionssmenu {\n top: 100% !important;\n left: 0 !important;\n}\n#boards .column {\n -moz-box-sizing: border-box;\n display: inline-block;\n width: 16em;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.bd ul {\n margin: 0;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 475px;\n margin: 10px;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}"; }, dynamic: function() { - var css, editSpace, width, xOffset, _conf; + var css, editSpace, xOffset, _conf; _conf = Conf; xOffset = _conf["Sidebar Location"] === "left" ? '-' : ''; @@ -11622,7 +11609,6 @@ large: 303 }[_conf['Sidebar']]; Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0; - width = _conf["Sidebar"] === "large" ? 299 : 248; Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"]; if (_conf['editMode'] === "theme") { editSpace = {}; @@ -11635,7 +11621,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "body {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; + return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; }, theme: function(theme) { var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf; diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js index 29c8ae1bc..32b5fb448 100644 --- a/builds/appchan-x.user.js +++ b/builds/appchan-x.user.js @@ -11566,20 +11566,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n -moz-box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -moz-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -moz-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n font-family: " + _conf["Font"] + ";\n font-size: " + (parseInt(_conf["Font Size"], 10)) + ";\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 text-align: " + _conf["Pagination Alignment"] + ";\n" + (_conf['4chan SS Navigation'] ? " left: 0; right: 0; border-left: 0; border-right: 0; border-radius: 0 !important;" : " " + Style.sidebarLocation[0] + ": " + (Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px; " + Style.sidebarLocation[1] + ": " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;") + "\n" + { - "sticky top": " position: fixed; top: 0; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "sticky bottom": " position: fixed; bottom: 0; border-bottom-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "top": " position: static; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "bottom": " position: static; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "hide": " display: none;", - "on side": " position: fixed; padding: 0; top: auto; bottom: " + (['fixed', 'transparent fade'].contains(_conf['Post Form Style']) ? 21.6 + (Conf['Show Post Form Header'] ? 1.5 : 0) + (Conf['Post Form Decorations'] ? 0.2 : 0) : .5) + "em; " + Style.sidebarLocation[1] + ": auto; " + Style.sidebarLocation[0] + ": " + (Style.sidebar - 2) + "px; position: fixed;" + (Style.sidebarLocation[0] === 'right' ? " -moz-transform: rotate(90deg); -moz-transform-origin: bottom right;" : " -moz-transform: rotate(-90deg); -moz-transform-origin: bottom left;") + " z-index: 6; margin: 0; background: none transparent !important; border: 0 none !important; text-align: right;" - }[_conf['Pagination']] + "\n" + (_conf["Hide Navigation Decorations"] ? " font-size: 0; color: transparent; word-spacing: 0;" : "") + "\n z-index: 6;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n#header-bar a {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n" + (_conf["Hide Navigation Decorations"] ? ".pages a { margin: 0 1px; font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;}" : "") + "\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n" + (_conf["Faded 4chan Banner"] ? ".boardBanner { opacity: 0.5; -moz-transition: opacity 0.3s ease-in-out .5s;}.boardBanner:hover { opacity: 1; -moz-transition: opacity 0.3s ease-in;}" : "") + "\n" + (_conf["4chan Banner Reflection"] ? "/* From 4chan SS / OneeChan */.gecko .boardBanner::after { background-image: -moz-element(#Banner); bottom: -100%; content: ''; left: 0; mask: url(\"data:image/svg+xml, #mask\"); opacity: 0.3; position: absolute; right: 0; top: 100%; -moz-transform: scaleY(-1); z-index: -1;}.webkit #Banner { -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" + { - "at sidebar top": ".boardBanner { position: fixed; top: 16px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at sidebar bottom": ".boardBanner { position: fixed; bottom: 270px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "under post form": " .boardBanner { position: fixed; bottom: 130px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at top": ".boardBanner { position: relative; display: table; margin: 12px auto; text-align: center;}", - "hide": ".boardBanner { display: none;}" - }[_conf["4chan Banner"]] + "\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\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 */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -moz-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -moz-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection .boardBanner::after {\n background-image: -moz-element(#Banner);\n bottom: -100%;\n content: '';\n left: 0;\n mask: url(\"data:image/svg+xml, #mask\");\n opacity: 0.3;\n position: absolute;\n right: 0;\n top: 100%;\n -moz-transform: scaleY(-1);\n z-index: -1;\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + { "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;", "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;", "under post form": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 140px; width: " + width + "px;", @@ -11604,7 +11591,7 @@ }[_conf['Post Form Style']] || "") + "\n\n" + (_conf['Post Form Style'] !== 'tabbed slideout' ? (!(_conf['Post Form Style'] === 'float' || _conf['Show Post Form Header']) ? "#qrtab { display: none; }" : _conf['Post Form Style'] !== 'slideout' ? ".autohide:not(:hover):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -moz-transition: -moz-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -moz-transition: -moz-transform .3s linear;}#qrtab { -moz-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -moz-transition: opacity .3s linear;}" : "") + "\n\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-sizing: border-box;\n font-size: " + (parseInt(_conf['Font Size'], 10)) + "px;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n -moz-box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n -moz-transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n -moz-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -moz-transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n" + (_conf["Block Ads"] ? "/* AdBlock Minus */.bottomad + hr,.topad,.middlead,.bottomad { display: none;}" : "") + "\n" + (_conf["Shrink Ads"] ? ".topad a img,.middlead a img,.bottomad a img { width: 500px; height: auto;}" : "") + "\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -moz-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -moz-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n " + Style.sidebarLocation[1] + ": 2px;\n " + Style.sidebarLocation[0] + ": auto;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n -moz-box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview {\n position: absolute;\n z-index: 22;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin-top: 5px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -moz-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n margin: 0 auto;\n width: 1000px;\n position: relative;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n float: right;\n position: relative;\n}\n#optionssmenu {\n top: 100% !important;\n left: 0 !important;\n}\n#boards .column {\n -moz-box-sizing: border-box;\n display: inline-block;\n width: 16em;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.bd ul {\n margin: 0;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 475px;\n margin: 10px;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}"; }, dynamic: function() { - var css, editSpace, width, xOffset, _conf; + var css, editSpace, xOffset, _conf; _conf = Conf; xOffset = _conf["Sidebar Location"] === "left" ? '-' : ''; @@ -11616,7 +11603,6 @@ large: 303 }[_conf['Sidebar']]; Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0; - width = _conf["Sidebar"] === "large" ? 299 : 248; Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"]; if (_conf['editMode'] === "theme") { editSpace = {}; @@ -11629,7 +11615,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "body {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; + return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; }, theme: function(theme) { var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf; diff --git a/builds/crx/script.js b/builds/crx/script.js index cbd958951..374f5a4e3 100644 --- a/builds/crx/script.js +++ b/builds/crx/script.js @@ -11550,20 +11550,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n.cataloglink,\n.navLinks,\na[style=\"cursor: pointer; float: right;\"] {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n z-index: 1;\n box-sizing: border-box;\n display: block;\n}\n.sidebar-right body::before {\n right: 0;\n}\nsidebar-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -webkit-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -webkit-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n font-family: " + _conf["Font"] + ";\n font-size: " + (parseInt(_conf["Font Size"], 10)) + ";\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 text-align: " + _conf["Pagination Alignment"] + ";\n" + (_conf['4chan SS Navigation'] ? " left: 0; right: 0; border-left: 0; border-right: 0; border-radius: 0 !important;" : " " + Style.sidebarLocation[0] + ": " + (Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px; " + Style.sidebarLocation[1] + ": " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;") + "\n" + { - "sticky top": " position: fixed; top: 0; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "sticky bottom": " position: fixed; bottom: 0; border-bottom-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "top": " position: static; border-top-width: 0; " + (_conf["Rounded Edges"] ? "border-radius: 0 0 3px 3px;" : ""), - "bottom": " position: static; " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : ""), - "hide": " display: none;", - "on side": " position: fixed; padding: 0; top: auto; bottom: " + (['fixed', 'transparent fade'].contains(_conf['Post Form Style']) ? 21.6 + (Conf['Show Post Form Header'] ? 1.5 : 0) + (Conf['Post Form Decorations'] ? 0.2 : 0) : .5) + "em; " + Style.sidebarLocation[1] + ": auto; " + Style.sidebarLocation[0] + ": " + (Style.sidebar - 2) + "px; position: fixed;" + (Style.sidebarLocation[0] === 'right' ? " -webkit-transform: rotate(90deg); -webkit-transform-origin: bottom right;" : " -webkit-transform: rotate(-90deg); -webkit-transform-origin: bottom left;") + " z-index: 6; margin: 0; background: none transparent !important; border: 0 none !important; text-align: right;" - }[_conf['Pagination']] + "\n" + (_conf["Hide Navigation Decorations"] ? " font-size: 0; color: transparent; word-spacing: 0;" : "") + "\n z-index: 6;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n#header-bar a {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n" + (_conf["Hide Navigation Decorations"] ? ".pages a { margin: 0 1px; font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;}" : "") + "\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Banner */\n.boardBanner {\n line-height: 0;\n}\n" + (_conf["Faded 4chan Banner"] ? ".boardBanner { opacity: 0.5; -webkit-transition: opacity 0.3s ease-in-out .5s;}.boardBanner:hover { opacity: 1; -webkit-transition: opacity 0.3s ease-in;}" : "") + "\n" + (_conf["4chan Banner Reflection"] ? "/* From 4chan SS / OneeChan */.gecko .boardBanner::after { background-image: -moz-element(#Banner); bottom: -100%; content: ''; left: 0; mask: url(\"data:image/svg+xml, #mask\"); opacity: 0.3; position: absolute; right: 0; top: 100%; -moz-transform: scaleY(-1); z-index: -1;}.webkit #Banner { -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" + { - "at sidebar top": ".boardBanner { position: fixed; top: 16px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at sidebar bottom": ".boardBanner { position: fixed; bottom: 270px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "under post form": " .boardBanner { position: fixed; bottom: 130px; " + Style.sidebarLocation[0] + ": 2px;}.boardBanner img { width: " + width + "px;}", - "at top": ".boardBanner { position: relative; display: table; margin: 12px auto; text-align: center;}", - "hide": ".boardBanner { display: none;}" - }[_conf["4chan Banner"]] + "\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\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 */\n.boardBanner {\n line-height: 0;\n}\n\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n -webkit-transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n -webkit-transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\nfourchan-banner-hide .boardBanner {\n display: none;\n}\n/* Board Title */\n#boardTitle {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n text-align: center;\n z-index: 4;\n" + { "at sidebar top": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; top: " + ((Style.logoOffset === 0 && _conf["Icon Orientation"] !== "vertical" ? 40 : 21) + Style.logoOffset) + "px; width: " + width + "px;", "at sidebar bottom": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 280px; width: " + width + "px;", "under post form": " position: fixed; " + Style.sidebarLocation[0] + ": 2px; bottom: 140px; width: " + width + "px;", @@ -11588,7 +11575,7 @@ }[_conf['Post Form Style']] || "") + "\n\n" + (_conf['Post Form Style'] !== 'tabbed slideout' ? (!(_conf['Post Form Style'] === 'float' || _conf['Show Post Form Header']) ? "#qrtab { display: none; }" : _conf['Post Form Style'] !== 'slideout' ? ".autohide:not(:hover):not(.has-focus) > form { display: none !important; }" : "") + "#qrtab { margin-bottom: 1px; }" : "") + "\n\n" + (_conf['Post Form Style'] !== 'float' && _conf["Post Form Slideout Transitions"] ? "#qr { -webkit-transition: -webkit-transform .3s ease-in-out 1s;}#qr:hover,#qr.has-focus,#qr.dump { -webkit-transition: -webkit-transform .3s linear;}#qrtab { -webkit-transition: opacity .3s ease-in-out 1s;}#qr:hover #qrtab { -webkit-transition: opacity .3s linear;}" : "") + "\n\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n" + (_conf['Compact Post Form Inputs'] ? ".persona input.field { width: 33%;}.persona input.field:not(:first-child) { margin: 0 0 0 0.5%;}#qr textarea.field { height: 14.9em; min-height: 9em;}#qr.has-captcha textarea.field { height: 9em;}" : ".persona input.field { width: 100%;}#qr textarea.field { height: 11.6em; min-height: 6em;}#qr.has-captcha textarea.field { height: 6em;}") + "\n\n" + (_conf["Tripcode Hider"] ? ".tripped:not(:hover):not(:focus) { opacity: 0;}" : "") + "\n\n#qr textarea {\n resize: " + _conf['Textarea Resize'] + ";\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n box-sizing: border-box;\n font-size: " + (parseInt(_conf['Font Size'], 10)) + "px;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n -webkit-transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n -webkit-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n -webkit-transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n" + (_conf["Block Ads"] ? "/* AdBlock Minus */.bottomad + hr,.topad,.middlead,.bottomad { display: none;}" : "") + "\n" + (_conf["Shrink Ads"] ? ".topad a img,.middlead a img,.bottomad a img { width: 500px; height: auto;}" : "") + "\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n vertical-align: top;\n " + (_conf["Single Column Mode"] ? "margin: 0 auto 6px;" : "margin: 0 3px 6px;\n display: inline-block;") + "\n border: 0;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px 3px 0 0;" : "") + "\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n -webkit-transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n -webkit-transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n " + Style.sidebarLocation[1] + ": 2px;\n " + Style.sidebarLocation[0] + ": auto;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview {\n position: absolute;\n z-index: 22;\n " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin-top: 5px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '×';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n margin: 0 auto;\n width: 1000px;\n position: relative;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n float: right;\n position: relative;\n}\n#optionssmenu {\n top: 100% !important;\n left: 0 !important;\n}\n#boards .column {\n box-sizing: border-box;\n display: inline-block;\n width: 16em;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.bd ul {\n margin: 0;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 475px;\n margin: 10px;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}"; }, dynamic: function() { - var css, editSpace, width, xOffset, _conf; + var css, editSpace, xOffset, _conf; _conf = Conf; xOffset = _conf["Sidebar Location"] === "left" ? '-' : ''; @@ -11600,7 +11587,6 @@ large: 303 }[_conf['Sidebar']]; Style.logoOffset = _conf["4chan Banner"] === "at sidebar top" ? _conf["Sidebar"] === "large" ? 100 : 83 : 0; - width = _conf["Sidebar"] === "large" ? 299 : 248; Style.sidebarLocation = _conf["Sidebar Location"] === "left" ? ["left", "right"] : ["right", "left"]; if (_conf['editMode'] === "theme") { editSpace = {}; @@ -11613,7 +11599,7 @@ }; } Style.replyMargin = _conf["Post Spacing"]; - return css = "body {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; + return css = "body {\npadding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n#header-bar a,\n.hide-navigation-decorations .pages a,\nbody,\nbutton,\ninput,\ntextarea {\nfont-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\nfont-family: " + _conf["Font"] + ";\n}\n.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nleft: " + (2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\nright: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}\n.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist {\nright: " + (2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px;\nleft: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2) + "px;\"\n}"; }, theme: function(theme) { var background, backgroundC, bgColor, css, fileHeading, icons, replyHeading, _conf; diff --git a/src/General/css/dynamic.css b/src/General/css/dynamic.css index 604fea167..f38c8ed43 100644 --- a/src/General/css/dynamic.css +++ b/src/General/css/dynamic.css @@ -1,43 +1,81 @@ body { - font-size: #{parseInt _conf["Font Size"], 10}px; - font-family: #{_conf["Font"]}; padding: 0 #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px 0 #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]}px; } +#header-bar a, +.hide-navigation-decorations .pages a, +body, button, input, textarea { font-size: #{parseInt _conf["Font Size"], 10}px; +} +body, +button, +input, +textarea { font-family: #{_conf["Font"]}; } -.sidebar-location-left.sidebar-large #header-bar { +.sidebar-location-left.sidebar-large:not(.fourchan-ss-navigation) #header-bar { left: #{303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-left.sidebar-normal #header-bar { +.sidebar-location-left.sidebar-normal:not(.fourchan-ss-navigation) #header-bar { left: #{248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-left.sidebar-minimal #header-bar { +.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar { left: #{20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-left.sidebar-hide #header-bar { +.sidebar-location-left.sidebar-hide:not(.fourchan-ss-navigation) #header-bar { left: #{2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-right.sidebar-large #header-bar { +.sidebar-location-right.sidebar-large:not(.fourchan-ss-navigation) #header-bar { right: #{303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-right.sidebar-normal #header-bar { +.sidebar-location-right.sidebar-normal:not(.fourchan-ss-navigation) #header-bar { right: #{248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-right.sidebar-minimal #header-bar { +.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar { right: #{20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" } -.sidebar-location-right.sidebar-hide #header-bar { +.sidebar-location-right.sidebar-hide:not(.fourchan-ss-navigation) #header-bar { + right: #{2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; + left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-left.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + left: #{303 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; + right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-left.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + left: #{248 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; + right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-left.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + left: #{20 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; + right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-left.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + left: #{2 + parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]}px; + right: #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-right.sidebar-large:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + right: #{303 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; + left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-right.sidebar-normal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + right: #{248 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; + left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-right.sidebar-minimal:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { + right: #{20 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; + left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" +} +.sidebar-location-right.sidebar-hide:not(.pagination-alignment-on-side):not(.fourchan-ss-navigation) .pagelist { right: #{2 + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; left: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" } \ No newline at end of file diff --git a/src/General/css/layout.css b/src/General/css/layout.css index f8cbc6787..d9484d179 100644 --- a/src/General/css/layout.css +++ b/src/General/css/layout.css @@ -274,8 +274,6 @@ th { top: 100%; } .notification { - font-family: #{_conf["Font"]}; - font-size: #{parseInt(_conf["Font Size"], 10)}; color: #fff; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); @@ -352,84 +350,120 @@ th { /* Pagination */ .pagelist { border-width: 1px; - text-align: #{_conf["Pagination Alignment"]}; -#{ -if _conf['4chan SS Navigation'] then " + z-index: 6; +} +.pagination-alignment-center .pagelist { + text-align: center; +} +.pagination-alignment-right .pagelist { + text-align: right; +} +.fourchan-ss-navigation .pagelist { left: 0; right: 0; border-left: 0; border-right: 0; - border-radius: 0 !important;" -else " - #{Style.sidebarLocation[0]}: #{Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px; - #{Style.sidebarLocation[1]}: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;" + border-radius: 0 !important; } -#{{ -"sticky top": " +.pagination-sticky-top .pagelist { position: fixed; top: 0; border-top-width: 0; - #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}" - -"sticky bottom": " +} +.pagination-sticky-bottom .pagelist { position: fixed; bottom: 0; border-bottom-width: 0; - #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}" - -"top": " +} +.pagination-top .pagelist { position: static; border-top-width: 0; - #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}" - -"bottom": " +} +.pagination-bottom .pagelist { position: static; - #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}" - -"hide": " - display: none;" - -"on side": " +} +.pagination-top.rounded-edges .pagelist, +.pagination-sticky-top.rounded-edges .pagelist { + border-radius: 0 0 3px 3px; +} +.pagination-bottom.rounded-edges .pagelist, +.pagination-sticky-bottom.rounded-edges .pagelist { + border-radius: 3px 3px 0 0; +} +.pagination-hide .pagelist { + display: none; +} +.pagination-on-side .pagelist { position: fixed; padding: 0; top: auto; - bottom: #{if ['fixed', 'transparent fade'].contains(_conf['Post Form Style']) then (21.6 + (if Conf['Show Post Form Header'] then 1.5 else 0) + (if Conf['Post Form Decorations'] then 0.2 else 0)) else .5}em; - #{Style.sidebarLocation[1]}: auto; - #{Style.sidebarLocation[0]}: #{Style.sidebar - 2}px; - position: fixed; -#{if Style.sidebarLocation[0] is 'right' then " - <%= agent %>transform: rotate(90deg); - <%= agent %>transform-origin: bottom right;" -else " - <%= agent %>transform: rotate(-90deg); - <%= agent %>transform-origin: bottom left; -"} - z-index: 6; + bottom: 0.5em; margin: 0; background: none transparent !important; border: 0 none !important; text-align: right; -" -}[_conf['Pagination']]} -#{if _conf["Hide Navigation Decorations"] then " +} +.pagination-on-side.post-form-style-fixed.show-post-form-header.post-form-decorations .pagelist, +.pagination-on-side.post-form-style-transparent-fade.show-post-form-header.post-form-decorations .pagelist { + bottom: 23.3em; +} +.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist, +.pagination-on-side.post-form-style-transparent-fade.show-post-form-header .pagelist { + bottom: 23.1em; +} +.pagination-on-side.post-form-style-fixed.post-form-decorations .pagelist, +.pagination-on-side..post-form-style-transparent-fade.post-form-decorations .pagelist { + bottom: 21.8em; +} +.pagination-on-side.post-form-style-fixed .pagelist, +.pagination-on-side.post-form-style-transparent-fade .pagelist { + bottom: 21.6em; +} +.sidebar-location-left.pagination-on-side .pagelist { + <%= agent %>transform: rotate(-90deg); + <%= agent %>transform-origin: bottom left; +} + +.sidebar-location-right.pagination-on-side .pagelist { + <%= agent %>transform: rotate(90deg); + <%= agent %>transform-origin: bottom right;" +} +.sidebar-location-right.sidebar-large.pagination-on-side .pagelist { + left: auto; + right: 301px; +} +.sidebar-location-left.sidebar-large.pagination-on-side .pagelist { + right: auto; + left: 301px; +} +.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist { + left: auto; + right: 246px; +} +.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist { + right: auto; + left: 246px; +} +.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist { + left: auto; + right: 246px; +} +.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist { + right: auto; + left: 18px; +} +.hide-navigation-decorations .pagelist { font-size: 0; color: transparent; word-spacing: 0; -" else ""} - z-index: 6; } .pagelist input, .pagelist div { vertical-align: middle; } -#header-bar a { - font-size: #{parseInt _conf["Font Size"], 10}px; -} -#{if _conf["Hide Navigation Decorations"] then " -.pages a { +.hide-navigation-decorations .pages a { margin: 0 1px; - font-size: #{parseInt _conf["Font Size"], 10}px; -}" else ""} +} .next, .pages, .prev { @@ -440,19 +474,18 @@ else " .boardBanner { line-height: 0; } -#{if _conf["Faded 4chan Banner"] then " -.boardBanner { + +.faded-4chan-banner .boardBanner { opacity: 0.5; <%= agent %>transition: opacity 0.3s ease-in-out .5s; } -.boardBanner:hover { +.faded-4chan-banner .boardBanner:hover { opacity: 1; <%= agent %>transition: opacity 0.3s ease-in; } -" else ""} -#{if _conf["4chan Banner Reflection"] then " /* From 4chan SS / OneeChan */ -.gecko .boardBanner::after { +<% if (type === 'userscript') { %> +.fourchan-banner-reflection .boardBanner::after { background-image: -moz-element(#Banner); bottom: -100%; content: ''; @@ -465,53 +498,54 @@ else " -moz-transform: scaleY(-1); z-index: -1; } -.webkit #Banner { +<% } else { %> +.fourchan-banner-reflection #Banner { -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5)); } -" else ""} -#{{ -"at sidebar top": " -.boardBanner { +<% } %> +.fourchan-banner-at-sidebar-top .boardBanner, +.fourchan-banner-at-sidebar-bottom .boardBanner, +.fourchan-banner-at-sidebar-bottom .boardBanner { position: fixed; +} +.fourchan-banner-at-sidebar-top .boardBanner { top: 16px; - #{Style.sidebarLocation[0]}: 2px; } -.boardBanner img { - width: #{width}px; -}" -"at sidebar bottom": " -.boardBanner { - position: fixed; +.fourchan-banner-at-sidebar-bottom .boardBanner { bottom: 270px; - #{Style.sidebarLocation[0]}: 2px; } -.boardBanner img { - width: #{width}px; -}" - -"under post form": " - .boardBanner { - position: fixed; +.fourchan-banner-under-post-form .boardBanner { bottom: 130px; - #{Style.sidebarLocation[0]}: 2px; } -.boardBanner img { - width: #{width}px; -}" - -"at top": " -.boardBanner { +.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner, +.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner, +.fourchan-banner-under-post-form.sidebar-location-right .boardBanner { + right: 2px; +} +.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner, +.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner, +.fourchan-banner-under-post-form.sidebar-location-left .boardBanner { + left: 2px; +} +.fourchan-banner-at-sidebar-top .boardBanner img, +.fourchan-banner-at-sidebar-bottom .boardBanner img, +.fourchan-banner-under-post-form .boardBanner img { + width: 248px; +} +.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img, +.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img, +.fourchan-banner-under-post-form.sidebar-large .boardBanner img { + width: 299px; +} +.fourchan-banner-at-top .boardBanner { position: relative; display: table; margin: 12px auto; text-align: center; -}" - -"hide": " -.boardBanner { +} +fourchan-banner-hide .boardBanner { display: none; -}" -}[_conf["4chan Banner"]]} +} /* Board Title */ #boardTitle { font-size: #{parseInt(_conf["Font Size"], 10) + 10}px; diff --git a/src/Theming/Style.coffee b/src/Theming/Style.coffee index b39e03eb0..887d6a35a 100644 --- a/src/Theming/Style.coffee +++ b/src/Theming/Style.coffee @@ -238,12 +238,6 @@ Style = else 0 - width = - if _conf["Sidebar"] is "large" - 299 - else - 248 - Style.sidebarLocation = if _conf["Sidebar Location"] is "left" ["left", "right"] else