@-moz-document domain("boards.4chan.org") { body { background: #fff !important; font-family: Lucida Grande !important; font-size: 10pt !important; } /*General colors*/ a.useremail[href*='sage']:last-of-type::after, a.useremail[href*='Sage']:last-of-type::after, a.useremail[href*='SAGE']:last-of-type::after { content: " (SAGE)" !important; color: #d43a47 !important; font-size: 9pt !important; font-weight: normal !important; } .useremail .name { color: #555 !important; text-decoration: none !important; font-weight: normal !important; } .useremail .name:hover { color: #333 !important; } a.useremail { color: #aaa !important; font-style: normal !important; text-decoration: none !important; } a.useremail:hover { color: #888 !important; transition: 0.5s color ease; } #spoilerLabel { color: #ccc !important } .name { color: #555 !important; font-weight: normal !important; text-decoration: none !important; } .postertrip { color: #555 !important; } .dateTime { color: #aaa !important; font-style: normal !important; } .fileText { color: #999 !important; } .postNum a, .inline .postNum a { color: #999 !important; } .postNum a:hover, .inline .postNum a:hover { color: #777 !important; } .fileInfo a, .fileText a, .inline .fileInfo a, .inline .fileText a { color: #777 !important; } .fileText a:hover, .fileInfo a:hover, .inline .fileInfo a:hover, .inline .fileText a:hover { color: #555 !important; } .fileInfo a { font-style: normal !important; } .fileText a { font-style: normal !important; } a.replylink { color: #ccc !important; text-decoration: none !important; font-size: 9pt !important; } a.replylink:hover { color: #aaa !important; } .post.op .postNum > span { color: transparent !important; font-size: 0px !important; } .backlink, .inline .backlink { color: #666 !important; text-decoration: none !Important; } .backlink:hover, .inline .backlink:hover { color:#444 !important; } .postMessage { color: #3a3a3a !important; } .warning > a, .warning, #errmsg { color: #132745 !important; text-shadow: none !important; text-align: center !important; } .linkifyplus a, .postMessage a, #credits a { color: #677996 !important; text-decoration: none !important; } .linkifyplus a:hover, .postMessage a:hover, #credits a:hover { color: #254d87 !important; } .quote { color: #28915d !important; } .subject { color: #777 !important; font-weight: normal !important; font-style: normal !important; /*margin-right: 10px !important;*/ } .summary { color: #aaa !important; float: right !important; margin-right: 2px !important; padding-bottom: 2px !important; font-size: 9pt !important; } .summary:hover { color: #888 !important; } .abbr { font-size: 9pt !important; color: #ccc !important; } .filtered, .inline .filtered, a.quotelink.filtered { text-decoration: none !important; color: #c3c3c3 !important; } .nameBlock .posteruid { color: #aaa !important; } /*Things to hide*/ hr, .deleteform, .postingMode, .stylechanger, .boardBanner > img.title, .postForm, .move > span > select, .extButton, h1, #imageType, select#imageType, div.center { display: none !important; } .postNum a[title="Highlight this post"] { font-size: 0 !important; color: transparent !important; } .boardBanner { margin-bottom: 0px !important; background: #fff !important; width: 94% !important; margin: 0 auto !important; padding-top: 40px !important; padding-bottom: 5px !important; margin-bottom: -10px !important; box-shadow: none !important; border-radius: 0px !important; } .boardTitle { color: #444 !important; font: normal 28pt Helvetica Lt STD Light !important; } .boardSubtitle { margin-top: -2px !important; color: #666 !important; font: normal 8pt Lucida Grande !important; } .boardSubtitle a { color: #677996 !important; text-decoration: none !important; } .boardSubtitle a:hover { color: #677996 !important; } #boardNavDesktopFoot, .absBotText { font-size: 0px !important; color: transparent !important; } /*Top bar & ribbon (To do: ribbon sides with CSS instead of images)*/ #boardNavDesktop { position: fixed !important; right: 0% !important; width: 100% !important; left: 0% !important; top: 0px !important; padding-top: 2px !important; height: 16px !important; background: #505050 !important; z-index: 2 !important; text-align: center !important; /*border-top: 5px solid #eee !important;*/ border-top: none !important; box-shadow: 0px 4px 3px rgba(0,0,0,0.2) !important; font-size: 0 !important; color: transparent !important; } /* #boardNavDesktop::before { position: relative !important; display: inline !important; float: left !important; content: url('http://ompldr.org/vZmY1Mw') !important; top: 2px !important; left: -5px !important; z-index: 0 !important; } #boardNavDesktop::after { position: relative !important; display: inline !important; float: right !important; content: url('http://ompldr.org/vZmY1NA') !important; top: 2px !important; right: -5px !important; z-index: 0 !important; } */ #boardNavDesktop a { font-size: 9pt !important; color: #a2a2a2 !important; text-shadow: none !important; margin-left: 2px !important; transition: 0.5s color ease; } #boardNavDesktop a[class="current"]{ color: #f9f9f9 !important; font-weight: normal !important; text-shadow: none !important; } #boardNavDesktop > * { display: none; } #boardNavDesktop a::before { content: none !important; transition: 0.5s color ease; } #boardNavDesktop a:hover { color: #fff !important; transition: 0.5s color ease; } #boardNavDesktop a::after { content: "\A0/" !important; color: #a2a2a2 !important; text-shadow: none !important; } #boardNavDesktop a[href*="/a/"] { display: inline !important; } #boardNavDesktop a[href*="/a/"]::before { content: "/\A0" !important; color: #a2a2a2 !important; text-shadow: none !important; } #boardNavDesktop a[href*="/co/"] { display: inline !important; } #boardNavDesktop a[href*="/mu/"] { display: inline !important; } /* #boardNavDesktop a[href*="/w/"] { display: inline !important; } #boardNavDesktop a[href*="/wg/"] { display: inline !important; } */ .navLinks { font-size: 0px !important; color: transparent !important; } /*Global message integration into the top bar*/ #globalToggle { display: inline !important; position: fixed !important; top: 1px !important; right: 4% !important; z-index: 4 !important; margin-right: 114px !important; cursor: default !important; text-decoration: none !important; cursor: pointer !important; color: transparent; font-size: 0; } #globalToggle::after { content: url('http://ompldr.org/vZmVpNg'); } a#globalToggle.button.redButton.mobile.shown::after{ content: url('http://ompldr.org/vZmVpNw'); } .globalMessage { position: fixed !important; width: 60% !important; height: auto !important; top: 16px !important; right: 20% !important; padding-bottom: 4px !important; padding-top: 0px !important; z-index: 1; box-shadow: 0px 1px 1px rgba(0,0,0,0.2) !important; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; background: #404040 !important; } .globalMessage.hideMobile { display: none; } #globalMessage h3 { font-size: 10pt !important; color: #eeeeee !important; font-weight: normal !important; margin: 2px !important; } strong, h2 { margin: 2px !important; font-size: 10pt !important; color: #eeeeee !important; font-weight: normal !important; } .globalMessage a { color: #fff !important; font-weight: normal !important; text-decoration: none !important; } .globalMessage a:hover { color: #ddd !important; } /*Thread statistics and thread updater integration into the navbar*/ #stats { float: left; position: fixed !important; top: 2px !important; left: 4% !important; margin-left: 50px !important; bottom: auto !important; right: auto !important; border: none !important; z-index: 4 !important; width: auto !important; font-size: 9pt !important; color: #eeeeee !important; text-shadow: none !important; background-color: transparent !important; } #updater { float: left; display: inline !important; position: fixed !important; left: 4% !important; right: auto !important; top: 2px !important; bottom: auto !important; z-index: 3 !important; height: 12px !important; margin-left: 0px !important; font-size: 9pt !important; color: #a2a2a2 !important; text-shadow: none !important; background-color: transparent !important; } #updater div, #stats div { cursor: default !important; } #updater:hover { border: none !important; } #updater:hover > div { background: #404040 !important; text-align: left !important; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; box-shadow: 0px 1px 1px rgba(0,0,0,0.2) !important; } #updater input[name="Interval"] { font-size: 9pt !important; margin-left: 2px !important; } #count.new { background: transparent !important; color: rgba(255,255,255,0.95) !important; } input[value="Update Now"], input[value="Previous"], input[value="Next"] { font-size: 9pt !important; } /*Settings integration into the navbar*/ a.settingsWindowLink { position: fixed !important; top: 1px !important; right: 4% !important; z-index: 4 !important; font-family: Lucida Grande !important; font-size: 0 !important; color: transparent !important; } a.settingsWindowLink { font-size: 9pt !important; color: #ccc !important; cursor: pointer !important; font-family: Lucida Grande !important; font-size: 0 !important; color: transparent !important; } a.settingsWindowLink::before { content: url('http://ompldr.org/vZmJsNQ'); } /*Expand control integration into the navbar*/ #imgControls { font-size: 0px !important; color: transparent !important; } input[type="checkbox"]#imageExpand { display: none !important; } #imgControls > *::before { position: fixed !important; content: url('http://ompldr.org/vZmJsOQ'); top: 1px !important; right: 4% !important; margin-right: 85px !important; z-index: 4 !important; cursor: pointer !important; } #imgControls >*:active::before { content: url('http://ompldr.org/vZmJsZA'); } .field { font-family: Lucida Grande !important; font-size: 9pt !important; background: #fff !important; } .prettyprint { background-color: #eee !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; margin-bottom: -6px !important; margin-top: 1px !important; font-size: 9pt !important; padding-bottom: 2px !important; padding-top: 4px !important; } .post.reply { background: transparent !important; border: 0px none !important; margin-top: -2px !important; margin-bottom: -1px !important; width: 100% !important; border-radius: 0px !important; padding-right: 0px !important; margin-right: 0px !important; } .hide_reply_button { position: relative !important; float: right !important; margin-top: 2px !important; margin-right: 8px !important; z-index: 1; font-family: Lucida Grande !important; font-size: 0px !important; color: transparent !important; } /*Disable thread hiding. To do: fix the stubs and position the button correctly!*/ .hide_thread_button:not(.hidden_thread) { display: none !important; /*font-size: 10px !important; font-family: Lucida Grande !important; color: #ff0000 !important; float: right !important; margin-right: 35px !important; margin-bottom: -15px !important; } .hide_thread_button span { display: block !important; z-index: 5 !important;*/ } .hide_reply_button a::before { content: "-" !important; font-size: 9pt !important; color: #bebebe !important; z-index: 5 !important; } .hide_reply_button.stub { height: 16px !important; padding-top: 2px !important; padding-bottom: 2px !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-right: 0px !important; width: 100% !important; background: #f9f9f9 !important; border-radius: 2px !important; } .hide_reply_button.stub a { margin-left: 0px !important; color: #aaa !important; font-family: Lucida Grande !important; font-size: 9pt !important; } .hide_reply_button.stub a::before { display: none !important; } .hide_reply_button.stub > a:hover { color: #888 !important; } .hide_reply_button.stub span { font-size: 0px !important; color: transparent !important; font-family: Lucida Grande !important; } .hide_reply_button.stub .menu_button { font-size: 0px !important; color: transparent !important; font-family: Lucida Grande !important; margin-top: 0px !important; margin-right: 4px !important; } .hide_reply_button.stub .menu_button::before { font-size: 0px !important; } .hide_reply_button.stub a:first-of-type::after { float: right !important; margin-top: 0px !important; margin-right: 7px !important; content: "+" !important; font-size: 9pt !important; color: #aaa !important; font-family: Lucida Grande !important; } .favicon { display: inline !important; float: right !important; margin-top: 0px !important; width: 16px !important; margin-left: 0px !important; margin-right: -14px !important; height: 16px !important; opacity: 0.0 !important; } .replylink { float: right !important; margin-left: 5px !important; margin-right: 5px !important; margin-top: 1px !important; color: transparent !important; } a.replylink { font-size: 0px !important; } .replylink:before { content: url("http://imgur.com/WpNCh.png") !important; } /*Icon that overlays the favicon*/ .opContainer > div .postInfo:before { float: right !important; content: url('http://i.imgur.com/UNhyj.png') !important; margin-left: 0px !important; margin-right: 6px !important; margin-top: 0px !important; } .menu_button { float: right !important; margin-top: 0px !important; margin-right: 20px !important; margin-left: 10px !important; font-family: Lucida Grande !important; font-size: 0px !important; color: transparent !important; } .menu_button::after { content: "\25BE" !important; font-size: 9pt !important; color: #bebebe !important; } .post.op .menu_button::after { color: #bebebe !important; } .post.op .menu_button { margin-top: 0px !important; margin-right: 0px !important; margin-left: 0px !important; } #menu.reply.dialog { display: block !important; margin-left: 0px !important; margin-top: 0px !important; border: none !important; border-radius: 2px !important; box-shadow: 0px 1px 1px rgba(0,0,0,0.2) !important; } .subMenu { left: -110px !important; width: 108px !important; } .entry, .subMenu { background: #ffffff !important; border-color: #eee !important; color: #777 !important; font-family: Lucida Grande !important; font-size: 8pt !important; } .entry:hover { color: #555 !important; } .opContainer { position: relative !important; display: table !important; height: 100% !important; width: 100% !important; padding-top: 10px !important; margin-top: 10px !important; margin-bottom: -3px !important; } #options.reply.dialog { background: #fff !important; color: #555 !important; border-radius: 2px !important; box-shadow: 0px 1px 1px rgba(0,0,0,0.3) !important; z-index: 5 !important; } #options.reply.dialog label { text-decoration: none !important; font-style: normal !important; color: #333 !important; } #overlay { z-index: 5 !important; } .dialog { background: #fff !important; color: #333 !important; } /*Thread watcher integration into the navbar*/ #watcher { position: fixed !important; top: -1000px !important; right: 0px !important; left: auto !important; width: 300px !important; z-index: 3 !important; font-size: 10pt !important; background: #404040 !important; box-shadow: 0px 6px 5px rgba(0,0,0,0.2) !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border: none !important; } #watcher > div { max-width: 300px !important; width: 300px !important; overflow: hidden !important; } #watcher .move { font-size: 0px !important; height: 10px !important; margin-top: -10px !important; cursor: default !important; z-index: 3 !important; } #watcher::before { content: url('http://ompldr.org/vZmZhaQ'); height: 16px !important; max-width: 10px !important; min-width: 10px !important; position: fixed !important; top: 2px !important; right: 4% !important; margin-right: 63px !important; padding-bottom: 4px !important; z-index: 3 !important; cursor: pointer !important; } #watcher:active::before { content: url('http://ompldr.org/vZmZhag'); } #watcher:active { position: fixed !important; z-index: 3 !important; top: 12px !important; float: right !important; right: 5% !important; margin-top: 5px !important; cursor: default !important; box-shadow: inset 0px 3px 3px -1px rgba(0,0,0,0.3) !important; } #watcher a { color: #eee !important; text-decoration: none !important; margin-left: -2px !important; } #watcher a[href="javascript:;"] { color: #ababab !important; text-shadow: none !important; } #watcher a:hover { color: #fff !important; } .fileText { margin-left: -5px !important; font-size: 9pt !important; } .fileInfo a { text-decoration: none !important; font-size: 9pt !important; } .fileText > a { margin-left: 10px !important; } .post.reply > .file > .fileInfo { margin-left: -2px !important; font-size: 10pt !important; background: #f9f9f9 !important; margin-right: 2px !important; padding-bottom: 2px !important; } .post.op .file { background: #f9f9f9 !important; margin-right: 0px !important; margin-top: -10px !important; padding-bottom: 1px !important; border-top-left-radius: 5px !important; border-top-right-radius: 4px !important; } .post.op .fileText a { font-style: normal !important; } .post.op .fileThumb { margin-left: 22px !important; margin-bottom: 16px !important; } .backlink:first-child::before { content: "\00B7\A0" !important; color: #aaa !important; margin-left: -4px !important; } .post.op .backlink:first-child { margin-left: -10px !important; } .thread { /*position: relative; display: table !important;*/ margin: 0 auto !important; margin-bottom: 0px !important; margin-top: 30px !important; background-color: #fff !important; width: 70% !important; } .postContainer { position: relative !important; background-color: /*#f1f3f5*/ #f9f9f9 !important; width: 100% !important; display: table; z-index: 0 !important; box-shadow: none !important; border: 1px solid #e0e0e0 !important; margin-top: -1px !important; } /*.postContainer:nth-of-type(odd) { background-color: #fafafa !important; }*/ .post.op .postMessage { margin-top: 0px !important; padding-top: 10px !important; border-top: none !important; margin-right: 0px !important; padding-right: 20px !important; } .fileThumb img { border-top: none !important; margin-left: -18px !important; margin-top: 2px !important; margin-bottom: -11px !important; border-radius: 1px !important; box-shadow: 0px 1px 2px rgba(0,0,0,0.3) !important; } .fileThumb { margin-bottom: 15px !important; } .post.op .subject { margin-right: 2px !important; } div .postInfo { width: auto !important; display: block !important; margin-bottom: 0px; margin-left: -2px !important; margin-right: 2px !important; padding-left: 5px !important; margin-top: -1px !important; padding-top: 2px !important; padding-bottom: 2px !important; font-size: 9pt !important; background: transparent !important; border-bottom: none !important; border-top: 1px #909090 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .postInfo { border-top-left-radius: 0px !important; } .opContainer { margin-top: 0px !important; } .post.op .postInfo { background: #f9f9f9 !important; margin-right: 0px !important; margin-left: 0 !important; border-top: 1px #909090 !important; } .prev, .next { color: #333 !important; background-color: transparent !important; margin-top: 1px !important; font-family: Lucida Grande !important; font-size: 9pt !important; } .pagelist { float: none !important; position: relative !important; display: block !important; background-color: transparent !important; color: #aaa !important; border: none !important; width: 450px !important; margin: 0 auto !important; margin-top: 10px !important; margin-bottom: -20px !important; font-family: Lucida Grande !important; font-size: 9pt !important; } .pagelist a { color: #777 !important; } .pagelist a:hover { color: #555 !important; } .pagelist strong { font-weight: normal !important; color: #333 !important; } .cataloglink { color: transparent !important; font-size: 0px !important; } .cataloglink a { font-size: 9pt !important; } /*QR integration into the navbar, including checkbox for autohide*/ #qr { display: block !important; width: 0px !important; height: 0px !important; top: 20px !important; float: right !important; right: 4% !important; z-index: 5; margin-right: 30px !important; background: transparent !important; border: none !important; } #qr input[type="checkbox"] { top: 8px !important; display: none !important; position: fixed !important; margin-top: 1px !important; margin-right: 31px !important; right: 4% !important; width: 12px !important; height: 12px !important; z-index: 5; -moz-appearance: none !important; background: transparent !important; color: #404040 !important; border: none !important; } #qr:hover input[type="checkbox"] { top: 8px !important; } #qr .move { position: fixed !important; float: right !important; right: 4% !important; top: 7px !important; margin-top: 0px !important; margin-right: 30px !important; font-size: 0px !important; color: transparent !important; background-color: transparent !important; height: 25px !important; max-width: 15px !important; min-width: 15px !important; cursor: default !important; } #qr::before { content: url('http://ompldr.org/vZmJxMw'); height: 20px !important; max-width: 15px !important; min-width: 15px !important; position: fixed !important; top: 2px !important; right: 4% !important; margin-right: 30px !important; z-index: 5; } #qr:hover::before { content: url('http://ompldr.org/vZmJxNA') !important; } #qr > div { max-width: 400px !important; width: 400px !important; } #qr:hover { display: block !important; top: 0px !important; float: right !important; } .close { display: none !important; } #qr form { position: fixed !important; top: 18px !important; float: right !important; right: 4% !important; width: 400px !important; padding-top: 8px !important; padding-bottom: 3px !important; padding-left: 4px !important; padding-right: 4px !important; background: #404040 !important; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; box-shadow: inset 0px 3px 3px -1px rgba(0,0,0,0.3) !important; } #qr form:hover, #qr form:focus { position: fixed !important; z-index: 5 !important; } /*#qr input::-moz-placeholder, #qr textarea::-moz-placeholder { color: #aaa !important; font-size: 9pt !important; text-transform: lowercase !important; margin-top: 0px !important; margin-bottom: 0px !important; }*/ input[title="Name"].field { border: none !important; border-left: 1px solid #eee !important; margin-left: 40px !important; } input[title="Subject"].field { border: none !important; border-left: 1px solid #eee !important; border-top-right-radius: 2px !important; } input[title="E-mail"].field { border: none !important; border-left: 1px solid #ddd !important; } input[title="Name"].field, input[title="E-mail"].field, input[title="Subject"].field { -moz-appearance: none !important; position: relative !important; margin-bottom: 0px !important; height: 26px !important; font-size: 10pt !important; background: #fff !important; color: #333 !important; border-bottom: 1px solid #eee !important; } input[title="Dump list"] { -moz-appearance: none !important; color: #ccc !important; font-size: 10pt !important; display: block; height: 26px !important; margin-bottom: -26px !important; background: #fff !important; border: none !important; border-bottom: 1px solid #eee !important; border-top-left-radius: 2px !important; } form .field:hover, .textarea .field:hover { background: #fdfdfd !important; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1) !important; } form > .textarea > .field { -moz-appearance: none !important; height: 200px !important; max-width: 200px !important; margin-bottom: 0px !important; font-size: 10pt !important; background: #fff !important; color: #333 !important; border: none !important; } form > div > input[type="submit"] { position: absolute !important; font-size: 9pt !important; float: right !important; width: 70px !important; height: 26px !important; margin-top: -26px !important; margin-left: 50px !important; -moz-appearance: none !important; background: #fff !important; color: #ccc !important; border: none !important; border-left: 1px solid #eee !important; border-bottom: 1px solid #eee !important; text-transform: lowercase !important; } .captchainput .field { -moz-appearance: none !important; margin-top: 0px !important; margin-left: 1px !important; margin-bottom: 0px !important; font-size: 9pt !important; height: 26px !important; border: none !important; background: #fff !important; color: #333 !important; } form > div > input[type="submit"]:hover { background: #fdfdfd !important; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1) !important; } form > div > input[type="file"] > * { width: 330px !important; height: 23px !important; -moz-appearance: none; background: #fff !important; color: #333 !important; font-size: 9pt !important; border: none !important; border-top: 1px solid #eee !important; border-bottom-left-radius: 2px !important; } form > div > input[type="file"] { margin-top: -1px !important; } form > div > input[type="file"] > input[type="button"] { position: absolute !important; font-size: 9pt !important; float: right; width: 70px !important; height: 26px !important; margin-top: 0px !important; margin-left: 0px !important; padding-bottom: 1px !important; -moz-appearance: none; background: #fff !important; color: #ccc !important; border: none !important; border-top: 1px solid #eee !important; border-left: 1px solid #eee !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 2px !important; text-transform: lowercase !important; } form > div > input[type="file"] > input[type="button"]:hover { background: #fdfdfd !important; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1) !important; } form .captchainput { width: 330px !important; margin-left: -1px !important; } .inline { box-shadow: none !important; border: none !important; border-radius: 2px !important; margin: 0px !important; margin-left: 0px !important; font-size: 10pt !important; background: transparent !important; } .inline .postContainer { margin: 0px !important; } #qp { box-shadow: 0px 0px 2px rgba(0,0,0,0.3); border-radius: 2px !important; max-width: 80% !important; margin: 10px !important; border: none !important; z-index: 5 !important; } #qp .postContainer { margin-top: 0px !important; } #qp .postInfo { width: 100% !important; display: block !important; } #qp .menu_button { margin-right: 4px !important; } .inline .menu_button { margin-right: 0px !important; } /*.postInfo > .container::before { content: "REPLIES: " !important; color: #ccc !important; font-size: 9pt !important; }*/ .postInfo > .container { display: inline !important; /*(position: absolute !important; bottom: 2px !important; right: 4px !important;*/ font-size: 9pt !important; } .opContainer .container { margin-right: -4px !important; } .postInfo input[type="checkbox"] { display: none !important; } .postMessage { text-align: justify !important; padding-bottom: 0px !important; margin-top: 10px !important; margin-bottom: 10px !important; margin-left: 15px !important; margin-right: 15px !important; } div.closed { padding: 10px !important; } } @-moz-document regexp("http://boards.4chan.org/(.|..|...)\\/catalog"), regexp("https://boards.4chan.org/(.|..|...)\\/catalog") { body { background: #fff !important; font-family: Lucida Grande !important; font-size: 10pt !important; color: #646464 !important; } #toggleMsgBtn, #styleSwitcher { display: none !important; } #threads { margin: 0 auto !important; margin-top: 24px !important; width: 94% !important; background-color: #f9f9f9 !important; box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.2) !important; border-radius: 2px !important; border: 1px solid #e0e0e0 !important; } /* Override the .thread properties defined for the boards */ .thread { width: 250px !important; max-height: 410px !important; margin: 0px !important; background-color: #fff !important; margin: 5px !important; box-shadow: inset 0px 1px 2px -1px rgba(0,0,0,0.2) !important; border-radius: 2px !important; border: 1px solid #e0e0e0 !important; } #settings { position: fixed !important; text-align: center !important; width: 100% !important; } .thumb { border-top: none !important; border-radius: 1px !important; box-shadow: 0px 1px 2px rgba(0,0,0,0.3) !important; max-width: 220px !important; margin-top: 5px !important; } .teaser { margin-left: 5px !important; margin-right: 5px !important; } /*Settings integration into the navigation bar */ #settings { position: fixed !important; top: -1000px !important; right: 20% !important; left: auto !important; width: 16px !important; z-index: 3 !important; overflow: hidden !important; font-size: 0px !important; color: transparent !important; background: #505050 !important; box-shadow: 0px 6px 5px rgba(0,0,0,0.2) !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; border: none !important; visibility: hidden !important; } #settings > div { max-width: 545px !important; width: 545px !important; overflow: hidden !important; } #settings::after { content: url('http://ompldr.org/vZmJsNQ'); height: 16px !important; max-width: 10px !important; min-width: 10px !important; width: 10px !important; position: fixed !important; top: 2px !important; right: 4% !important; margin-right: 7px !important; padding-bottom: 4px !important; z-index: 3 !important; cursor: pointer !important; visibility: visible !important; } #settings:active::after, #settings:hover::after { content: url('http://ompldr.org/vZmJsNQ'); } #settings:active, #settings:hover { position: fixed !important; top: 17px !important; width: 285px !important; /*float: right !important;*/ right: 4% !important; padding: 5px !important; padding-top: 5px !important; cursor: default !important; box-shadow: inset 0px 3px 3px -1px rgba(0,0,0,0.3) !important; visibility: visible !important; } #filters-ctrl.button { color: #a2a2a2 !important; text-shadow: none !important; text-decoration: none !important; font-weight: normal !important; font-size: 10pt !important; font-weight: normal !important; } select { font-size: 10pt !important; margin-right: 4px !important; } /*Search box integration into the navbar. To do: prevent the settings pane to appear when search box or button is active*/ #qf-ctrl.button, #qf-ctrl.button:hover { display: inline !important; top: 3px !important; right: 4% !important; margin-right: 56px !important; position: fixed !important; font-size: 0px !important; color: transparent !important; visibility: visible !important; } #qf-ctrl.button::before { content: url("http://i.imgur.com/U3qTg.png") !important; } #qf-ctrl.button:active::before { content: url("http://i.imgur.com/U3qTg.png") !important; } #qf-clear { visibility: visible !important; display: block !important; position: fixed !important; font-size: 9pt !important; top: 2px !important; right: 4% !important; margin-right: 58px !important; color: #646464 !important; text-shadow: none !important; } #qf-box { -moz-appearance: none !important; background: #F9F9F9 !important; box-shadow: inset 0px 1px 1px #1a355e !important; border: none !important; border-radius: 2px !important; color: #646464 !important; visibility: visible !important; display: block !important; width: 140px !important; max-height: 16px !important; position: fixed !important; top: 1px !important; margin-right: 54px !important; right: 4% !important; } #qf-box:focus { border: none !important; } #toggleMsgBtn { content: url('http://ompldr.org/vZmVpNg') !important; display: inline !important; position: fixed !important; top: 1px !important; right: 4% !important; z-index: 4 !important; margin-right: 26px !important; cursor: default !important; text-decoration: none !important; cursor: pointer !important; color: transparent !important; font-size: 0; opacity: 1.0 !important; } #toggleMsgBtn::after { opacity: 1.0 !important; content: url('http://ompldr.org/vZmVpNg') !important; } .collapseIcon, .expandIcon { background-image: none !important; } a#globalToggle.button.redButton.mobile.shown::after, #globalToggle::after, #globalToggle, .collapseIcon, .expandIcon { display: none !important; } }