rendered paste body/*
AppChan by Zixaphir, MayhemYDG, disappoint
This text is free. It comes without any warranty, to
the extent permitted by applicable law. You can redistribute it
and/or modify it under the terms of the Do What The Fuck You Want
To Public License, Version 2, as published by Sam Hocevar. See
http://sam.zoy.org/wtfpl/COPYING for more details.
*/
/*
This style is intended to provide 4chan integration of the following addons/userscripts, ordered by priority:
* 4chan x + 4chan thread filter + /b/ackwash reloaded
* 4chanplus
* 4chan 4chrome
This style is designed for the following browsers, ordered alphabetically:
* Google Chrome 10 or higher / Chromium latest / Canary latest
* Mozilla Firefox 4.x or higher / Minefield latest
*/
@-moz-document domain(boards.4chan.org) {
/* Silhouette / Background Image */
html, body {
background-image: none !important;
background-position: 100% 100% !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
}
@-moz-document domain("4chan.org") {
scrollbarbutton,
html body span[style="left: 5px; position: absolute;"],
html body>a,
body>br,
body>hr,
small,
th,
td.rules,
div.logo img,
div.logo br:nth-of-type(1),
div#logo,
#recent-images,
#recent-threads,
#popular-threads,
.fill,
div>div>div>div:nth-of-type(2)>div:nth-of-type(3):not(.column),
.warnicon,
#rules,
.postarea .rules,
.postarea small,
.postarea .refreshBtn,
#recaptcha_logo,
#recaptcha_tagline,
.notice,
.replymode,
.postarea form>div,
#footer,
div[lock=off],
div[lock=on],
.deletebuttons input[type="button"],
td[style^="padding: "]:not(#backwash_tipcell):not([style="padding: 10px 7px 7px 7px;"]):not([style="padding: 10px 7px 7px;"]),
form table tbody>tr:nth-of-type(2) td[align="right"],
form[name="delform"]>hr:last-of-type,
form[name="delform"]>hr:nth-last-of-type(2),
form[name="delform"]>br:last-of-type,
form[name="delform"]>br[clear=left]:last-of-type,
form[name="delform"]>center,
#recaptcha_switch_audio_btn,
#recaptcha_whatsthis_btn,
#recaptcha_reload_btn *,
#quickrep tr:nth-of-type(4) b,
#ft li.fill,
.yui-menu-shadow {
/* Cleanup */
display: none !important;
}
* {
/* Defaults of all elements */
font: 12px "Ubuntu", "Droid Sans", "Calibri" !important;
text-decoration: none !important;
color: #aaa !important;
}
/* Scrollbars */
::-webkit-scrollbar {
width: 10px !important;
height: 10px !important;
}
::-webkit-scrollbar-thumb {
background: #262626;
border: 1px #333 solid;
}
::-webkit-scrollbar-thumb:hover {
background: #3f3f3f;
}
::-webkit-scrollbar-thumb:active {
background: #111;
}
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-scrollbar-resizer {
background: #333;
}
::-webkit-scrollbar-track-piece:vertical {
border-left: 0;
}
::-webkit-scrollbar-track-piece:horizontal {
border-top: 0;
}
scrollbar, scrollcorner {
-moz-appearance: none !important;
background: #333;
width: 10px !important;
height: 10px !important;
}
scrollbar[orient="vertical"] {
border-left: 0;
}
scrollbar[orient="horizontal"] {
border-top: 0;
}
thumb {
-moz-appearance: none !important;
background: #262626;
border: 1px #333 solid;
}
thumb:hover {
background: #3f3f3f;
}
thumb:active {
background: #111;
}
/* End of Scrollbars */
html, body {
background-color: #222 !important;
margin: 0 !important;
padding: 0 !important;
}
a,
.postername a,
.commentpostername a,
a .postertrip {
color: #666 !important;
}
a:hover,
.postername a:hover,
.commentpostername a:hover,
a:hover .postertrip {
color: #444 !important;
}
.span.filetitle,
.replytitle {
color: #909090 !important;
}
.unkfunc {
color: #666 !important;
}
select:focus>button,
form[name="delform"]>table[align=right]:last-of-type {
visibility: hidden;
}
div.logo {
position: fixed !important;
right: 4px !important;
bottom: 370px !important;
width: 246px !important;
z-index: 1;
}
div.logo font[size="5"] span {
font-size: 28px !important;
}
form[name="delform"] {
padding: 17px 254px 8px 0 !important;
}
body>span>div {
/* 4watch */
position: fixed !important;
top: auto !important;
left: auto !important;
bottom: 440px !important;
right: 0 !important;
width: 248px;
}
hr {
border: none !important;
padding: 0 !important;
height: 0;
width: 100% !important;
}
/* Front Page */
.boxcontent>hr,
h3 {
background: #2c2c2c !important;
border: none !important;
}
.boxcontent dd {
border-bottom-color: #2c2c2c !important;
}
#boards h3 {
background: #333 !important;
}
.boxcontent input {
height: 18px !important;
vertical-align: bottom;
margin-right: 1px !important;
}
.menubutton a {
padding: 0 !important;
}
a.yuimenuitemlabel {
padding: 0 20px !important;
}
a.yuimenuitemlabel:hover {
background-color: transparent !important;
}
.yuimenuitem-selected {
background-color: #333 !important;
}
.bd {
background-color: #2c2c2c !important;
}
.bd,
.bd ul,
img {
border: none !important;
}
/* Navigation */
#header,
#header>#navtop, /* Top Navigation */
.pages /* Bottom Navigation */ {
text-align: left !important;
font-size: 0 !important;
color: transparent !important;
width: auto !important;
height: 15px !important;
}
#header>#navtop {
/* cripple the positioning of the top navigation */
position: static !important;
width: 100% !important;
}
#header,
.pages {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 250px !important;
padding: 1 1px 1 1px !important;
background-color: #2c2c2c !important;
z-index: 3;
}
.pages {
top: auto !important;
bottom: 0 !important;
right: 0 !important;
border: 0 !important;
width: 100% !important;
padding-right: 250px !important;
text-align: center !important;
border-spacing: 0 !important;
z-index: 1;
}
#header a,
.pages a,
.pages b,
.pages input {
-moz-appearance: none;
display: inline-block;
font-size: 10px !important;
height: 10px !important;
text-align: center;
margin: 0 1px;
min-width: 10px;
border: 0 none !important;
padding: 0 !important;
background: none transparent !important;
text-align: left;
}
.pages input {
margin-bottom: 4px !important;
}
#header a,
.pages a,
.pages b,
.pages input,
a,
.new {
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}
#header a {
padding: 0 0 0 1px !important;
}
.pages b {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
}
#navtop a:hover,
#navtopr a:hover,
.pages a:hover,
.pages input:hover,
a:hover,
.new {
/* URL bubbles */
background: rgba(0,0,0,.2) !important;
}
/* End of Navigation
Post Form */
.postarea form:not(#newform),
.postarea table,
.postarea tbody {
max-width: 248px !important;
min-width: 248px !important;
width: 248px;
padding: 0 !important;
border-spacing: 1px !important;
}
#qr, /* 4chan x's quick reply */
#quickrep, /* 4chanplus's quick reply */
div[id^=qr] /* 4chan 4chrome's quick reply */ {
width: 326px !important;
z-index: 2 !important;
}
#qr {
width: 306px !important;
}
.postarea form:first-child {
/* Post From Positioning */
position: fixed !important;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
bottom: 59px !important;
right: 5px !important;
}
/* Postform Labels */
.postarea .postblock,
.boxcontent .postblock,
#qr .postblock,
#quickrep .postblock,
div[id^=qr] .postblock {
border: none !important;
background-color: transparent !important;
font-weight: 200 !important;
text-align: right !important;
vertical-align: bottom;
padding-bottom: 12px !important;
}
.postarea .postblock b,
#qr .postblock b,
#quickrep .postblock b,
div[id^=qr] .postblock b,
#maxchars /* 4chanplus's Character Counter */ {
position: absolute;
font-size: 9px !important;
color: rgba(255,255,255,0.2) !important;
text-transform: uppercase;
z-index: 2;
}
/* Custom Postform Labels */
.postarea tr:nth-of-type(1) .postblock b:after {
content: "#TRIPCODE##SECURETRIP";
}
.postarea tr:nth-of-type(2) .postblock b:after {
content: " | NOKO | SAGE";
}
.postarea tbody>tr:nth-child(4)>.postblock > b {
font-size: 0 !important;
color: transparent !important;
}
table[width="100%"]~.postarea tbody>tr:nth-child(4)>.postblock>b:after {
content: '' !important;
}
.postarea tbody>tr:nth-child(4)>.postblock>b:after {
font-size: 9px !important;
color: rgba(255,255,255,0.2) !important;
content: '' !important;
}
.postarea tr .postblock b {
right: 0;
}
.postarea tr:nth-of-type(3) .postblock b,
.postarea tr:nth-of-type(6) .postblock b {
right: 51px;
}
#qr tr .postblock b,
#quickrep tr .postblock b,
div[id^=qr] tr .postblock b {
right: 16px;
}
#qr tr:nth-of-type(3) .postblock b,
#qr tr:nth-of-type(6) .postblock b,
#quickrep tr:nth-of-type(3) .postblock b,
#quickrep tr:nth-of-type(6) .postblock b,
div[id^=qr] tr:nth-of-type(3) .postblock b,
div[id^=qr] tr:nth-of-type(6) .postblock b {
right: 67px;
}
/* End of Post Form Labels */
.postarea input,
.postarea input[type="submit"],
.postarea textarea,
.postarea .recaptcha_image_cell>center>#recaptcha_image,
.postarea .recaptchatable #recaptcha_response_field,
#qr input,
#qr input[type="submit"],
#qr textarea,
#qr .recaptcha_image_cell>center>#recaptcha_image,
#qr .recaptchatable #recaptcha_response_field,
#quickrep input,
#quickrep input[type="submit"],
#quickrep textarea,
#quickrep .recaptcha_image_cell>center>#recaptcha_image,
#quickrep .recaptchatable #recaptcha_response_field,
.deletebuttons input[value=Delete],
#options input,
#options textarea,
#updater input,
input,
textarea,
select,
input[type="checkbox"],
div[id^=qr] input,
div[id^=qr] input[type="submit"],
div[id^=qr] textarea,
div[id^=qr] .recaptcha_image_cell>center>#recaptcha_image,
div[id^=qr] .recaptchatable #recaptcha_response_field,
#ft ul,
#ft li,
h2,
.boxbar,
.box-outer,
.top-box {
/* huge block of generic formatting. :/ */
-moz-appearance: none;
-webkit-appearance: none;
border: none 0 !important;
background-color: #333 !important;
color: #aaa !important;
}
.postarea input:hover,
.postarea input[type="submit"]:hover,
.postarea textarea:hover,
.postarea .recaptchatable #recaptcha_response_field:hover,
#qr input:hover,
#qr input[type="submit"]:hover,
#qr textarea:hover,
#qr .recaptchatable #recaptcha_response_field:hover,
#quickrep input:hover,
#quickrep input[type="submit"]:hover,
#quickrep textarea:hover,
#quickrep .recaptchatable #recaptcha_response_field:hover,
div[id^=qr] input:hover,
div[id^=qr] input[type="submit"]:hover,
div[id^=qr] textarea:hover,
div[id^=qr] .recaptchatable #recaptcha_response_field:hover,
.deletebuttons input[type="password"]:hover,
.deletebuttons input[type="submit"]:hover {
background-color: #393939 !important;
}
.postarea input:focus,
.postarea input[type="submit"]:focus,
.postarea textarea:focus,
.postarea .recaptchatable #recaptcha_response_field:focus,
#qr input:focus,
#qr input[type="submit"]:focus,
#qr textarea:focus,
#qr .recaptcha_image_cell>center>#recaptcha_image:focus,
#qr .recaptchatable #recaptcha_response_field:focus,
#quickrep input:focus,
#quickrep input[type="submit"]:focus,
#quickrep textarea:focus,
#quickrep .recaptchatable #recaptcha_response_field:focus,
div[id^=qr] input:focus,
div[id^=qr] input[type="submit"]:focus,
div[id^=qr] textarea:focus,
div[id^=qr] .recaptchatable #recaptcha_response_field:focus,
.deletebuttons input[type="password"]:focus {
background-color: #3f3f3f !important;
}
.top-box .menubutton {
background-image: none !important;
}
.deletebuttons input[type="password"] {
height: 19px !important;
}
.postarea .recaptcha_image_cell>center>#recaptcha_image,
#qr .recaptcha_image_cell>center>#recaptcha_image,
#quickrep .recaptcha_image_cell>center>#recaptcha_image,
div[id^=qr] .recaptcha_image_cell>center>#recaptcha_image {
background-color: transparent !important;
margin-left: 0 !important;
}
.postarea input[type="text"],
.postarea input[type="password"],
.postarea input[type="file"][name="upfile"] > input[type="text"],
.postarea input[type="file"] > input[type="button"],
.postarea textarea.inputtext,
#qr input[type="text"],
#qr input[type="password"],
#qr input[type="file"][name="upfile"] > input[type="text"],
#qr input[type="file"] > input[type="button"],
#qr textarea.inputtext,
#quickrep input[type="text"],
#quickrep input[type="password"],
#quickrep input[type="file"][name="upfile"] > input[type="text"],
#quickrep input[type="file"] > input[type="button"],
#quickrep textarea.inputtext,
div[id^=qr] input[type="text"],
div[id^=qr] input[type="password"],
div[id^=qr] input[type="file"][name="upfile"] > input[type="text"],
div[id^=qr] input[type="file"] > input[type="button"],
div[id^=qr] textarea.inputtext {
width: 248px !important;
padding: 1px 0 1px 0 !important;
z-index: 1;
}
#qr input[type="text"],
#qr input[type="password"],
#qr input[type="file"][name="upfile"] > input[type="text"],
#qr input[type="file"] > input[type="button"],
#qr textarea.inputtext,
#quickrep input[type="text"],
#quickrep input[type="password"],
#quickrep input[type="file"][name="upfile"] > input[type="text"],
#quickrep input[type="file"] > input[type="button"],
#quickrep textarea.inputtext,
div[id^=qr] input[type="text"],
div[id^=qr] input[type="password"],
div[id^=qr] input[type="file"][name="upfile"] > input[type="text"],
div[id^=qr] input[type="file"] > input[type="button"],
div[id^=qr] textarea.inputtext {
width: 300px !important;
}
/* The file upload input */
.postarea input[type="text"],
.postarea input[type="password"],
.postarea input[type="file"][name="upfile"] > input[type="text"],
.postarea input[type="file"] > input[type="button"],
#qr input[type="text"],
#qr input[type="password"],
#qr input[type="file"][name="upfile"] > input[type="text"],
#qr input[type="file"] > input[type="button"],
#quickrep input[type="text"],
#quickrep input[type="password"],
#quickrep input[type="file"][name="upfile"] > input[type="text"],
#quickrep input[type="file"] > input[type="button"],
div[id^=qr] input[type="text"],
div[id^=qr] input[type="password"],
div[id^=qr] input[type="file"][name="upfile"] > input[type="text"],
div[id^=qr] input[type="file"] > input[type="button"] {
height: 19px !important;
}
.postarea input[type="file"] {
z-index: 1;
}
.postarea input[name="sub"],
.postarea input[type="file"][name="upfile"] > input[type="text"],
#qr input[name="sub"],
#qr input[type="file"][name="upfile"] > input[type="text"],
#quickrep input[name="sub"],
#quickrep input[type="file"][name="upfile"] > input[type="text"],
div[id^=qr] input[name="sub"],
div[id^=qr] input[type="file"][name="upfile"] > input[type="text"] {
width: 197px !important;
margin: 0 1px 0 0 !important;
vertical-align: bottom;
}
#qr input[name="sub"],
#qr input[type="file"][name="upfile"] > input[type="text"],
#quickrep input[name="sub"],
#quickrep input[type="file"][name="upfile"] > input[type="text"],
div[id^=qr] input[name="sub"],
div[id^=qr] input[type="file"][name="upfile"] > input[type="text"] {
width: 249px !important;
}
.postarea #com_submit,
.postarea input[type="file"] > input[type="button"],
.postarea input[type="submit"],
#qr #com_submit,
#qr input[type="file"] > input[type="button"],
#qr input[type="submit"],
#quickrep #com_submit,
#quickrep input[type="file"] > input[type="button"],
#quickrep input[type="submit"],
div[id^=qr] #com_submit,
div[id^=qr] input[type="file"] > input[type="button"],
div[id^=qr] input[type="submit"] {
/* Fancy formatting for all our postform buttons */
width: 50px !important;
height: 19px !important;
margin: 0 0 0 0 !important;
padding: 0 !important;
font-size: 9px !important;
text-transform: uppercase;
background-color: #303030 !important;
vertical-align: bottom;
}
.postarea #com_submit:hover,
.postarea input[type="file"] > input[type="button"]:hover,
.postarea input[type="submit"]:hover,
#qr #com_submit:hover,
#qr input[type="file"] > input[type="button"]:hover,
#qr input[type="submit"]:hover,
#quickrep #com_submit:hover,
#quickrep input[type="file"] > input[type="button"]:hover,
#quickrep input[type="submit"]:hover,
div[id^=qr] #com_submit:hover,
div[id^=qr] input[type="file"] > input[type="button"]:hover,
div[id^=qr] input[type="submit"]:hover {
background-color: #363636 !important;
}
.postarea input[type="file"]::-webkit-file-upload-button,
#qr input[type="file"]::-webkit-file-upload-button,
#quickrep input[type="file"]::-webkit-file-upload-button,
div[id^=qr] input[type="file"]::-webkit-file-upload-button {
/* Webkit's file input box has a different syntax */
background: transparent;
border: none !important;
height: 19px !important;
padding: 0 !important;
color: #666 !important;
text-transform: uppercase;
}
/* End of the file upload input */
.postarea textarea.inputtext,
#qr textarea,
#quickrep textarea,
div[id^=qr] textarea {
height: 78px !important;
font-size: 10pt !important;
resize: none;
margin: 0 !important;
}
#qr textarea,
#quickrep textarea,
div[id^=qr] textarea {
height: 120px !important;
}
.postarea td,
td.reply,
td.replyhl {
z-index: 0;
padding: 0 !important;
}
/* Captcha */
.postarea td.recaptcha_image_cell,
#qr td.recaptcha_image_cell,
#quickrep td.recaptcha_image_cell,
div[id^=qr] td.recaptcha_image_cell,
td[style="padding-left: 7px;"] {
padding: 0 !important;
}
.postarea .recaptcha_image_cell>center>#recaptcha_image,
.postarea #recaptcha_image img {
width: 248px !important;
height: 47px !important;
}
#recaptcha_image img,
#quick_recaptcha_image img {
opacity: 0.5;
}
.recaptcha_input_area {
padding: 1px 0 0 0 !important;
}
.postarea .recaptcha_image_cell>center,
#r_captcha_div img,
#r_captcha_div input {
width: 250px !important;
text-align: left !important;
}
.postarea #recaptcha_widget_div {
height: 67px !important;
width: 250px !important;
}
.postarea .recaptcha_image_cell>center,
.postarea .recaptcha_image_cell,
.postarea tr[height="73"],
tr[height="73"] td,
#qr tr[height="73"],
#quickrep tr[height="73"],
div[id^=qr] tr[height="73"] {
height: auto !important;
}
#qr tr[height="73"]:nth-of-type(2),
#quickrep tr[height="73"] td:nth-of-type(2),
div[id^=qr] tr[height="73"]:nth-of-type(2) {
padding: 0 !important;
}
/* Custom Captcha Reload Image */
#quickrep .refreshBtn,
#recaptcha_reload_btn,
.refreshBtn,
div[id^=qr] #recaptcha_reload_btn {
position: absolute !important;
height: 0 !important;
width: 0 !important;
padding: 18px 0 0 24px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAQAAAAEJ70rAAAAlklEQVR42tXNsaqBYQDG8V8ppawmpewmJtMpSa7E5g5MchFGi2zqG84mZZILMDinxGSAyWDhtVu+1yS/7f8sj29VFakl8W+u7yxCxlJwtbYVBDmpuoIJGAmCslQbK1Aw0NGIeTmqvCxNKZKXLhlL0QYZP2pgZijCr7uboryxh7IIB8GfxE3QE+XiZGdvqi7SQtabcj7uCYdwJxLDNnixAAAAAElFTkSuQmCC") no-repeat !important;
overflow: hidden;
z-index: 1 !important;
}
#recaptcha_reload_btn {
bottom: 63px !important;
right: -5px !important;
}
#qr #recaptcha_reload_btn,
.refreshBtn,
div[id^=qr] #recaptcha_reload_btn {
bottom: 74px !important;
right: 12px !important;
}
#dragarea>div:nth-of-type(2) {
width: 260px !important;
}
#maxchars {
bottom: 131px;
right: 12px;
}
#quickrep td>table {
border-spacing: 0;
}
/* Spoiler Image Checkbox */
div.postarea>form tr:nth-of-type(3)>td:nth-of-type(3) /* Removes the brackets around Spoiler Image? */ {
font-size: 0 !important;
color: transparent;
}
div.postarea>form td:nth-of-type(3)>label /* Spoiler Image label */ {
position: fixed;
top: auto;
font-size: 12px !important;
color: #888;
bottom: 83px;
right: 91px;
vertical-align: bottom;
}
#autonoko /* 4chanplus's autonoko */ {
position: absolute;
font-size: 12px !important;
color: #888;
right: 91px;
display: none;
}
div.postarea>form td:nth-of-type(3)>label input,
form[name="delform"]>div:not(.thread) input,
.deletebuttons input[type="checkbox"] {
vertical-align: middle;
}
/* Quick Reply Auto? */
#qr label:nth-of-type(1) {
position: absolute !important;
right: 100px;
}
#qr label:nth-of-type(2) {
position: absolute !important;
right: 97px;
top: 279px;
}
div.postarea>form td:nth-of-type(3)>label input,
#qr label input,
.reply input[type="checkbox"],
#options input[type="checkbox"],
.boxcontent input,
.boxcontent textarea {
-moz-appearance: none;
-webkit-appearance: none;
border: 0 !important;
background-color: #2c2c2c !important;
}
/* Posts */
form[name="delform"]>table:not(.pages), /* Reply are tables. */
div.thread>table, /* Replies are tables. A script like 4chan X is present */
.insertedPosts>table, /* 4chanplus inserts new posts in a new div */
td.reply, /* Reply cell */
td.replyhl /* Highlighted Reply cell */ {
width: 100% !important;
}
form[name="delform"]>table:not(.pages),
div.thread>table,
.insertedPosts>table {
margin: 1px 2px !important;
border-spacing: 0 !important;
}
.doubledash {
visibility: hidden;
position: absolute;
right: 255px;
}
.doubledash a {
visibility: visible;
color: #222 !important;
}
.doubledash a:hover {
color: #555 !important;
background-color: transparent !important;
}
.omittedposts /* X posts and Y image replies omitted. Click Reply to view. */ {
clear: both;
padding-left: 20px;
display: block !important;
}
td.reply, /* replies */
td.replyhl, /* reply highlight */
#options, /* 4chan x Options */
#navbar, /* 4chanplus's bar */
#popup, /* 4chanplus's tooltip (reply previews, image hovering, etc) */
#boardsMenu /* 4chan plus's boards */ {
border: 0 !important;
background-color: #333 !important;
}
#updater:hover,
#thread_filter.autohide:hover,
#thread_filter:not(.autohide) {
background-color: #393939 !important;
border: 0 !important;
}
.commentpostername a.linkmail[href$="sage"]:after {
/* sage identifier */
content:" (sage)";
color: #111 !important;
font-weight:normal !important;
}
td.replyhl {
background-color: #393939 !important;
}
.spoiler:not(:hover) {
/* Fixes text spoilers */
color: #000 !important;
}
.span.filetitle,
.replytitle,
.postername,
.commentpostername,
.postertrip {
background: transparent !important;
}
.postername,
.commentpostername {
font-weight: 700 !important;
}
td>.inputtext {
height: 17px !important;
padding: 0 !important;
}
/* Addons and such */
#thread_filter input,
#thread_filter textarea,
#updater input,
#qr,
#quickrep,
div[id^=qr], table.reply[style^="clear: both"] {
background-color: #2c2c2c !important;
border: none !important;
}
#qr {
padding: 0 10px !important;
}
#qr td {
padding: 0 !important;
}
#thread_filter input {
margin-top: 1px !important;
}
#navtopr {
position: fixed;
right: 35px !important;
left: auto !important;
top: 0 !important;
bottom: auto !important;
font-size: 0 !important;
color: transparent !important;
}
#navbar,
#boardsMenu,
#popup,
.navbar2, /* 4chanplus - submenus */
#crntBoard, /* 4chanplus - "current board" */
#quickrep {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
}
#navbar {
margin-left: -265px !important;
bottom: 18px !important;
height: 26px !important;
}
table[width="100%"]~#navbar {
bottom: 0 !important;
}
#crntBoard {
border-right-color: #393939 !important;
height: 24px !important;
}
#boardsMenu {
bottom: 48px !important;
}
table[width="100%"]~#boardsMenu {
bottom: 28px !important;
}
/* Expand Images div */
form[name="delform"]>div:not(.thread):not(.insertedPosts):first-child {
position: fixed;
top: 0;
right: 106px;
bottom: auto !important;
width: 145px;
font-size: 12px !important;
z-index: 1;
}
form[name="delform"]>div:not(.thread):not(.insertedPosts) input {
width: 10px !important;
height: 10px !important;
margin: 4px 1px !important;
vertical-align: top !important;
}
form[name="delform"]>div:not(.thread) label {
font-size: 0px !important;
color: transparent !important;
}
form[name="delform"] div:not(.thread) label:after {
font-size: 12px !important;
content: "Expand";
color: #aaa !important;
}
form[name="delform"]>div:not(.thread) select {
margin: 1px 0 0 0 !important;
float: right !important;
height: 15px !important;
}
form[name="delform"]>div:not(.thread) select>button {
opacity: 0;
}
form[name="delform"]>div:not(.thread) select>option {
font-size: 10px !important;
}
/* End of Expand Images div */
/* Reply Previews */
#backwash_tooltip, /* /b/ackwash reloaded */
#popup, /* 4chanplus */
div[id^=ref] /* 4chan4chrome */ {
max-width: 70%;
background-color: #393939 !important;
visibility: visible;
}
#backwash_tooltip,
#popup,
div[id^=ref] {
visibility: visible;
border: 0 !important;
z-index: 10 !important;
}
#backwash_tooltip img,
#popup img,
div[id^=ref] img {
max-width: 300px;
height: auto !important;
}
.deletebuttons {
position: fixed !important;
top: auto !important;
right: 2px !important;
bottom: 22px !important;
left: auto !important;
visibility: visible !important;
}
td[style="border: 1px dashed;"],
td.reply>tr>td.reply {
/* Inline Quotes */
background-color: rgba(0,0,0,0.1) !important;
border: none !important;
}
/* End of Reply Previews */
.deletebuttons br {
display: inline !important;
}
.navlinks,
#navlinks {
right: 255px !important;
}
.navlinks {
padding-top: 14px !important;
}
/* Sidebar 4chan x options */
#options {
position: fixed !important;
top: 17px !important;
bottom: 2px !important;
right: 2px !important;
left: auto !important;
border: 0 !important;
z-index: 99 !important;
text-align: right !important;
width: 238px !important;
}
#options .move {
text-decoration: underline !important;
font-size: 16px !important;
}
#options .move a {
/* Close Button */
position: fixed;
top: 22px;
right: 230px;
font-size: 20px !important;
}
/* End of Sidebar 4chan x options */
#thread_filter {
width: 248px;
padding: 3px 0;
top: auto !important;
right: 2px !important;
bottom: 0 !important;
left: auto !important;
border: 0 !important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 12px !important;
z-index: 4 !important;
}
#thread_filter>div:first-child {
cursor: default !important;
}
#updater {
right: 2px !important;
left: auto !important;
top: 0 !important;
bottom: auto !important;
border: 0 !important;
font-size: 12px;
overflow: hidden;
z-index: 2 !important;
padding-bottom: 2px;
}
#updater #count:not(.new) {
font-size: 0 !important;
color: transparent !important;
}
#updater #count:not(.new):after {
font-size: 12px !important;
color: #aaa !important;
content: "+0";
}
#updater .error {
position: fixed;
top: 0;
right: 10px;
font-size: 48pt;
}
#watcher /* 4chan x thread watcher */ {
position: fixed !important;
top: 17px !important;
right: 2px !important;
bottom: auto !important;
left: auto !important;
width: 248px !important;
}
#watcher,
#threadwatcher /* 4chan4chrome's threadwatcher */{
border: 0 !important;
background-color: #333 !important;
border-radius: 0;
padding: 1px 0;
overflow: hidden;
-moz-border-radius: 0;
-webkit-border-radius: 0;
z-index: 2 !important;
}
#threadwatcher .postblock {
background-color: #333 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
#watcher .move,
#threadwatcher .postblock {
padding: 2px 3px !important;
margin-bottom: 2px !important;
border-bottom: 1px solid #2c2c2c !important;
text-decoration: none !important;
}
#watcher .move,
#updater .move,
#options .move {
cursor: default !important;
}
/* Adblock */
img[src*="http://static.4chan.org/"] {
display: none;
}
/* Spoiler Image Fix */
img[src="http://static.4chan.org/image/spoiler-v.png"] {
display: block !important;
}
/* Favicon Fix */
img[src*="http://static.4chan.org/image/favicon"],
img[src="http://static.4chan.org/image/sticky.gif"] {
display: inline;
}
}
@-moz-document domain(rs.4chan.org) {
/* /rs/ hacks */
.postarea {
margin-top: 20px !important;
}
.postarea form:first-child,
.postarea .postblock,
.postarea .postblock b {
position: static !important;
}
body table table {
width: 100% !important;
}
.postarea tr:nth-of-type(1) .postblock b:after {
content: "";
}
.postarea tr:nth-of-type(2) .postblock b:after {
content: "";
}
td.postblock {
background-color: #333 !important;
border: none !important;
}
}
@-moz-document url-prefix('http://www.4chan.org/') {
html,
body {
height: 100%;
width: 100%;
}
body {
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
}
#doc,
#ft ul {
min-width: 0 !important;
max-width: 1280px !important;
}
#ft ul {
text-align: center !important;
}
#ft li {
float: none !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 12px !important;
}
#boards .column {
width: auto !important;
margin: 0px 5px 0px 5px !important;
}
}
@-moz-document domain("images.4chan.org"),
url("http://www.4chan.org/banned") {
html {
display: table;
}
body {
display: table-cell;
vertical-align: middle;
}
img {
display: block;
margin: auto;
}
#ft ul {
text-align: center !important;
}
#ft li {
float: none !important;
display: inline-block !important;
}
}
@-moz-document url-prefix("http://www.4chan.org"),
domain("rs.4chan.org"),
domain("sys.4chan.org") {
html, body {
background-image: none !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/a/) {
#navtop>a[href*="/a/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/a/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/b/) {
#navtop>a[href*="/b/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/b/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/c/) {
#navtop>a[href*="/c/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/c/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/d/) {
#navtop>a[href*="/d/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/d/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/e/) {
#navtop>a[href*="/e/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/e/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/g/) {
#navtop>a[href*="/g/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/g/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/gif/) {
#navtop>a[href*="/gif/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/gif/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/h/) {
#navtop>a[href*="/h/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/h/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/hr/) {
#navtop>a[href*="/hr/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/hr/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/k/) {
#navtop>a[href*="/k/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/k/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/m/) {
#navtop>a[href*="/m/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/m/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/o/) {
#navtop>a[href*="/o/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/o/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/p/) {
#navtop>a[href*="/p/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/p/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/r/) {
#navtop>a[href*="/r/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/r/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/s/) {
#navtop>a[href*="/s/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/s/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/t/) {
#navtop>a[href*="/t/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/t/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/u/) {
#navtop>a[href*="/u/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/u"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/v/) {
#navtop>a[href*="/v/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/v/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/w/) {
#navtop>a[href*="/w/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/w/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/wg/) {
#navtop>a[href*="/wg/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/wg/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/i/) {
#navtop>a[href*="/i/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/i/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/ic/) {
#navtop>a[href*="/ic/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/ic/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/cm/) {
#navtop>a[href*="/cm/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/cm/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/y/) {
#navtop>a[href*="/y/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/y/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/3/) {
#navtop>a[href*="/3/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/3/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/adv/) {
#navtop>a[href*="/adv/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/adv/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/an/) {
#navtop>a[href*="/an/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/an/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/cgl/) {
#navtop>a[href*="/cgl/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/cgl/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/ck/) {
#navtop>a[href*="/ck/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/ck/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/co/) {
#navtop>a[href*="/co/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/co/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/fa/) {
#navtop>a[href*="/fa/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/fa/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/fit/) {
#navtop>a[href*="/fit/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/fit/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/int/) {
#navtop>a[href*="/int/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/int/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/jp/) {
#navtop>a[href*="/jp/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/jp/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/lit/) {
#navtop>a[href*="/lit/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/lit/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/mu/) {
#navtop>a[href*="/mu/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/mu/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/n/) {
#navtop>a[href*="/n/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/n/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/po/) {
#navtop>a[href*="/po/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/po/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/sci/) {
#navtop>a[href*="/sci/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/sci/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/soc/) {
#navtop>a[href*="/soc/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/soc/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/sp/) {
#navtop>a[href*="/sp/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/sp/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/tg/) {
#navtop>a[href*="/tg/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/tg/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/toy/) {
#navtop>a[href*="/toy/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/toy/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/trv/) {
#navtop>a[href*="/trv/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/trv/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/tv/) {
#navtop>a[href*="/tv/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/tv/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/vp/) {
#navtop>a[href*="/vp/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/vp/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://rs.4chan.org/) {
#navtop>a[href="http://rs.4chan.org/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href="http://rs.4chan.org/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}
@-moz-document url-prefix(http://boards.4chan.org/x/) {
#navtop>a[href*="/x/"] {
background: rgba(0,0,0,0.3) !important;
color: #ccc !important;
font-weight: 700 !important;
}
#navtop>a[href*="/x/"]:hover {
background: rgba(255,255,255,.15) !important;
}
}