{"sections":[{"urls":[],"urlPrefixes":[],"domains":["4chan.org"],"regexps":[],"code":"/* Background color. Nulled by following the directions of background image */\r\n\r\n\thtml,\r\n\tbody {\r\n\t\tbackground-color: #2c2c2c !important;\r\n\t}\r\n\r\n/*\r\n\tUncomment the following to add in custom background image. Nulls background color choice from above.\r\n\tThough `body` would suffice, `html \u003e body` ensures this CSS overrides the body declaration used in vanilla AppChan via CSS Specificity. (http://www.w3.org/TR/CSS2/cascade.html#specificity)\r\n*/\r\n/*\r\n\thtml \u003e body { \r\n\t\tbackground-image url('http://upload.com/yourlinkhere.png') !important;\r\n\t\tbackground-color: none !important;\r\n\t\tbackground-repeat: no-repeat !important;\t// (Change to repeat, repeat-x, or repeat-y if you do want image to repeat)\r\n\t\tbackground-attachment: fixed !important;\t// (Forces the background to remain on the screen while scrolling) \r\n\t}\r\n*/\r\n\r\n/* Default Text color */\r\n\r\n\tbody,\r\n\tbody\u003eform,\r\n\thtml body span[style='left: 5px; position: absolute;'] a,\r\n\thtml body span[style='left: 5px; position: absolute;'] a::after,\r\n\tdiv.postarea,\r\n\tselect,\r\n\ttd.deletebuttons,\r\n\t.abbr,\r\n\t.boxbar,\r\n\t.boxcontent,\r\n\t.filetitle,\r\n\t.logo,\r\n\t.postblock,\r\n\t.reply,\r\n\t.replyhl,\r\n\t.trip,\r\n\t#backwash_tooltip,\r\n\t#header .title,\r\n\t#imgControls label::after,\r\n\t#navbot::after,\r\n\t#qp,\r\n\t#twi_table_div,\r\n\t#updater #count:not(.new)::after {\r\n\t\tcolor: #909090 !important;\r\n\t}\r\n\r\n/* Poster name color */\r\n\r\n\t.commentpostername,\r\n\t.postername {\r\n\t\tcolor: #7c2d2d !important;\r\n\t\tfont-weight: 400 !important;\r\n\t}\r\n\r\n/* Tripcode color */\r\n\r\n\t.postertrip {\r\n\t\tcolor: #3e7157 !important;\r\n\t}\r\n\r\n/* Postform and quickreply labels text color */\r\n\r\n\tdiv.postarea \u003e form td:nth-of-type(3) \u003e label,\r\n\t#qr \u003e form tr:nth-of-type(3) \u003e td:nth-of-type(3)\u003elabel,\r\n\t#quickrep \u003e form tr:nth-of-type(3) \u003e td:nth-of-type(3) \u003e label,\r\n\t#autonoko {\r\n\t\tcolor: #888;\r\n\t}\r\n\r\n\t#qr input:-moz-placeholder, /* Firefox */\r\n\t#qr textarea:-moz-placeholder {\r\n\t\tcolor: rgba(255,255,255,0.3) !important;\r\n\t}\r\n\r\n\t#qr input::-webkit-input-placeholder, /* Google Chrome */\r\n\t#qr textarea::-webkit-input-placeholder {\r\n\t\tcolor: rgba(255,255,255,0.3) !important;\r\n\t}\r\n\r\n\t#qr input:placeholder, /* Opera and CSS3 Standardized Syntax. */\r\n\t#qr textarea:placeholder {\r\n\t\tcolor: rgba(255,255,255,0.3) !important;\r\n\t}\r\n\r\n/* Subject text */\r\n\r\n\tspan.filetitle,\r\n\t.replytitle {\r\n\t\tcolor: #aaa !important;\r\n\t\tfont-weight: 700 !important;\r\n\t}\r\n\r\n/* \u003egreentext color */\r\n\r\n\t.unkfunc {\r\n\t\tcolor: #71793e !important;\r\n\t}\r\n\r\n/* Text color of inputted text in text boxes */\r\n\r\n\tinput,\r\n\ttextarea {\r\n\t\tcolor: #909090 !important;\r\n\t}\r\n\r\n/* Text color of moot's announcements */\r\n\r\n\tfont[color=\"red\"] {\r\n\t\tcolor: #909090 !important;\r\n\t}\r\n\r\n/* Text color of: 40 posts and 7 imaged ommitted. Click reply to view. */\r\n\r\n\t.omittedposts {\r\n\t\tcolor: #909090 !important;\r\n\t}\r\n\r\n/* Google Chrome's file upload button text color */\r\n\r\n\tinput[type='file']::-webkit-file-upload-button {\r\n\t\tcolor: #666 !important;\r\n\t}\r\n\r\n/* Thread hiding links (\"Hide\" / \"[-]) text color and hover color */\r\n\r\n\t.replyhider a {\r\n\t\tcolor: #000 !important;\r\n\t}\r\n\r\n\t.replyhider a:hover {\r\n\t\tcolor: #555 !important;\r\n\t}\r\n\r\n/* Link text color */\r\n\r\n\ta {\r\n\t\tcolor: #57577b !important;\r\n\t}\r\n\r\n/* Text color when links are hovered */\r\n\r\n\ta:hover {\r\n\t\tcolor: #47475b !important;\r\n\t}\r\n\r\n\t.postername a:hover,\r\n\t.commentpostername a:hover,\r\n\ta:hover .postertrip {\r\n\t\tcolor: #444 !important;\r\n\t}\r\n\r\n/* Link hover bubbles */\r\n\r\n\t#header a:hover,\r\n\t.pages input:hover,\r\n\ta:hover {\r\n\t\tbackground: rgba(255,255,255,.1) !important;\r\n\t}\r\n\r\n/* 4chan X's quote backlinks and forward links */\r\n\r\n\ta.backlink,\r\n\ta.forwardlink {\r\n\t\tcolor: #424247 !important;\r\n\t}\r\n\r\n/* Background color of replies */\r\n\r\n\ttd.reply {\r\n\t\tbackground-color: #1c1c1c !important;\r\n\t}\r\n\r\n/* Font color and background color of text selection (clicking and dragging over text) */\r\n\r\n\t::-webkit-selection {\r\n\t\tbackground: #aaa;\r\n\t\tcolor: #101010;\r\n\t}\r\n\r\n\t::-moz-selection {\r\n\t\tbackground: #aaa;\r\n\t\tcolor: #101010;\r\n\t}\r\n\r\n\t::selection {\r\n\t\tbackground: #aaa;\r\n\t\tcolor: #101010;\r\n\t}\r\n\r\n/* Background color of things like thread watcher and delete buttons, and anything that matches that color */\r\n\r\n\t#boards h3,\r\n\t#boardsMenu,\r\n\t#filter.autohide:hover,\r\n\t#filter:not(.autohide),\r\n\t#ft li,\r\n\t#ft ul,\r\n\t#navbar,\r\n\t#options,\r\n\t#popup,\r\n\t#threadwatcher,\r\n\t#threadwatcher .postblock,\r\n\t#watcher,\r\n\t#thread_filter.autohide:hover,\r\n\t#thread_filter:not(.autohide),\r\n\t.box-outer,\r\n\t.boxbar,\r\n\t.deletebuttons input[value=Delete],\r\n\t.recaptcha_image_cell \u003e center \u003e #recaptcha_image,\r\n\t.top-box,\r\n\t.yuimenuitem-selected,\r\n\ttd.postblock,\r\n\th2 {\r\n\t\tbackground-color: #1c1c1c !important;\r\n\t}\r\n\r\n/* Background color of text box fields */\r\n\r\n\t.recaptchatable #recaptcha_response_field,\r\n\tinput,\r\n\tinput[type='file'] \u003e input[type='button'],\r\n\tinput[type='submit'],\r\n\tselect,\r\n\ttextarea {\r\n\t\tbackground-color: #1c1c1c !important;\r\n\t}\r\n\r\n/* \r\n\tPlacing this with the previous declaration will cause \r\n\tFirefox to ignore the whole declaration, so put it on it's own line.\r\n\tBackground color of the browse button in Chrome.\r\n*/\r\n\r\n\tinput[type='file']::-webkit-file-upload-button {\r\n\t\tbackground-color: #1c1c1c !important;\r\n\t}\r\n\r\n/* Get rid of the border around the upload button in Chrome */\r\n\r\n\tinput[type='file']::-webkit-file-upload-button {\r\n\t\tborder: none !important;\r\n\t}\r\n\r\n/* Background color of things like 4chan X's quick reply and 4chan X's options, and anything that matches that color */\r\n\r\n\tdiv[id^='4chan_ext_iqr'],\r\n\tdiv[id^='4chan_ext_iqr'] \u003e *,\r\n\tinput[type='submit']:hover,\r\n\tinput[type='file'] \u003e input[type='button']:hover,\r\n\t#filter input,\r\n\t#filter textarea,\r\n\t#header,\r\n\t#navbot,\r\n\t#navbot::after,\r\n\t#options input,\r\n\t#options button,\r\n\t#options textarea,\r\n\t#qr,\r\n\t#qr \u003e form tr:nth-of-type(3) \u003e td:nth-of-type(3) \u003e label input,\r\n\t#quickrep,\r\n\t#quickrep \u003e form tr:nth-of-type(3) \u003e td:nth-of-type(3) \u003e label input,\r\n\t#qr label input,\r\n\t#thread_filter input,\r\n\t#thread_filter textarea,\r\n\t#updater input:not([type='checkbox']),\r\n\t.bd,\r\n\t.boxcontent \u003e hr,\r\n\t.boxcontent input,\r\n\t.boxcontent textarea,\r\n\t.deletebuttons,\r\n\t.deletebuttons::before,\r\n\t.pages,\r\n\t.postarea form[name^='post'],\r\n\tdiv.postarea \u003e form td:nth-of-type(3) \u003e label input,\r\n\tdiv[id^=qr],\r\n\t#qr a#attach::after,\r\n\ttable.reply[style^='clear: both'] {\r\n\t\tbackground-color: #101010 !important;\r\n\t}\r\n\r\n/* Background color of quote preview and text box fields on hover */\r\n\r\n\t#cc-showpostarea,\r\n\t#twi_table_div,\r\n\t#twi_table_div *,\r\n\t#backwash_tooltip,\r\n\t#qp,\r\n\t#updater:hover,\r\n\t#popup,\r\n\t#watcher::before,\r\n\t.chanchimp,\r\n\t.chanchimp \u003e div,\r\n\t.deletebuttons input[type='password']:hover,\r\n\t.recaptchatable #recaptcha_response_field:hover,\r\n\tdiv[id^=ref],\r\n\tform[name^='post']::before,\r\n\tinput:hover,\r\n\tinput[type='submit']:hover,\r\n\ttd.replyhl,\r\n\ttr.replyhl,\r\n\ttextarea:hover {\r\n\t\tbackground-color: #181818 !important;\r\n\t}\r\n\r\n/* Background color of fields when inputting text into them */\r\n\r\n\t.recaptchatable #recaptcha_response_field:focus,\r\n\t.deletebuttons input[type='password']:focus,\r\n\tinput:focus,\r\n\tinput[type='submit']:focus,\r\n\ttextarea:focus {\r\n\t\tbackground-color: #202020 !important;\r\n\t}\r\n\r\n/* Quote highlighting outline color for 4chan X */\r\n\r\n\t.qphl {\r\n\t\toutline-color: #627c8d !important;\r\n\t}\r\n\r\n/* Checkbox background color at normal state */\r\n\r\n\tinput[type='checkbox'],\r\n\t#options input[type='checkbox'],\r\n\tform[name^='post'] td:nth-of-type(3) \u003e label input[type='checkbox'],\r\n\t#qr label input[type='checkbox'] {\r\n\t\tborder: 1px solid #3c3c3c !important;\r\n\t\tbackground: #000 !important;\r\n\t}\r\n\r\n/* Checkbox background color at active state */\r\n\r\n\tinput[type=checkbox]:active,\r\n\t#options input[type=checkbox]:active,\r\n\tform[name^='post'] td:nth-of-type(3) \u003e label input[type='checkbox']:active,\r\n\t#qr label input[type='checkbox']:active {\r\n\t\tbackground: #000 !important;\r\n\t}\r\n\r\n/* Checkbox background color when checked */\r\n\r\n\tinput[type=checkbox]:checked,\r\n\t#options input[type=checkbox]:checked,\r\n\tform[name^='post'] td:nth-of-type(3) \u003e label input[type='checkbox']:checked,\r\n\t#qr label input[type='checkbox']:checked {\r\n\t\tbackground: #3c3c3c !important;\r\n\t}\r\n\r\n/* Checkbox Borders */\r\n\r\n\t#qr input[type='checkbox'],\r\n\tinput[type='checkbox'] {\r\n\t\tborder: 1px solid #2c2c2c !important;\r\n\t}\r\n\r\n/* 4chanplus current board */\r\n\r\n\t#crntBoard {\r\n\t\tborder-right-color: #393939 !important;\r\n\t}\r\n\r\n/* Background color of buttons */\r\n\r\n\thtml body span[style='left: 5px; position: absolute;'] a,\r\n\thtml body span[style='left: 5px; position: absolute;'] a::after,\r\n\tinput[type='submit'],\r\n\t#com_submit,\r\n\tinput[type='file'] \u003e input[type='button']{\r\n\t\tbackground-color: #202020 !important;\r\n\t}\r\n\r\n/* Background color when buttons are hovered */\r\n\r\n\thtml body span[style='left: 5px; position: absolute;'] a:hover,\r\n\thtml body span[style='left: 5px; position: absolute;'] a:hover::after,\r\n\t#com_submit:hover,\r\n\tinput[type='submit']:hover,\r\n\tinput[type='file']\u003einput[type='button']:hover {\r\n\t\tbackground-color: #181818 !important;\r\n\t}\r\n\r\n/* Inline Quotes */\r\n\r\n\ttd[style='border: 1px dashed;'],\r\n\ttd.reply\u003etr\u003etd.reply,\r\n\t.inline td.reply {\r\n\t\tbackground-color: rgba(0,0,0,0.1) !important;\r\n\t\tborder: none !important;\r\n\t}\r\n\r\n/* Borders */\r\n\r\n\t#cc-showpostarea,\r\n\t#ft li,\r\n\t#ft ul,\r\n\t#options input:not([type='checkbox']),\r\n\t#updater input:not([type='checkbox']),\r\n\t#twi_table_div,\r\n\t#twi_table_div *,\r\n\t.box-outer,\r\n\t.boxbar,\r\n\t.chanchimp,\r\n\t.chanchimp \u003e div,\r\n\t.inputtext,\r\n\t.deletebuttons input[value=Delete],\r\n\t.recaptcha_image_cell \u003e center \u003e #recaptcha_image,\r\n\t.recaptchatable #recaptcha_response_field,\r\n\t.top-box,\r\n\th2,\r\n\tinput:not([type='checkbox']),\r\n\t#qr_captcha input,\r\n\tinput[type='file'] \u003e input[type='button'],\r\n\tinput[type='submit'],\r\n\t#submit,\r\n\tselect,\r\n\ttextarea {\r\n\t\tborder: none !important;\r\n\t}\r\n\r\n/* Pages */\r\n\r\n\t.pages b {\r\n\t\tcolor: #909090 !important;\r\n\t\tbackground: rgba(0,0,0,1) !important;\r\n\t\toutline: 1px rgba(255,255,255,.2) solid !important;\r\n\t\t-moz-outline-radius: 10px;\r\n\t\t-o-outline-radius: 10px;\r\n\t\t-webkit-outline-radius: 10px;\r\n\t}\r\n\r\n/* 4chan x updater highlight upon new posts */\r\n\r\n\t.new {\r\n\t\tbackground-color: rgba(255,255,255,.5) !important;\r\n\t\tcolor: #000 !important;\r\n\t}\r\n\r\n/* 4chan Plus max characters and a few post form decorations. */\r\n\r\n\tform[name^='post'] .postblock b,\r\n\t.postarea tr:nth-child(4) .postblock b::after,\r\n\t.postarea form[name^='post']::before,\r\n\t#watcher::before,\r\n\t#maxchars {\r\n\t\tcolor: rgba(255,255,255,0.3) !important;\r\n\t}\r\n\r\n/* Adds an underline underneath the thread watcher title. */\r\n\r\n\t#watcher .move,\r\n\t#twi_table_div .postblock {\r\n\t\tborder-bottom: 1px #101010 solid !important;\r\n\t}\r\n\r\n/* Thread separation lines */\r\n\r\n\thr {\r\n\t\tborder-top: 1px solid #1c1c1c !important;\r\n\t}\r\n\r\n/* Tabbed post form and quick reply background color for tab (and corner rounding) */\r\n\r\n\tform[name^='post']::before,\r\n\t#watcher::before,\r\n\t#qr::before {\r\n\t\tbackground-color: #181818 !important;\r\n\t\tborder-radius: 6px 6px 0 0;\r\n\t\t-o-border-radius: 6px 6px 0 0;\r\n\t}\r\n\r\n/* Uncomment for custom scrollbars */\r\n\r\n/*\r\n// WEBKIT / CHROME\r\n\t::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-scrollbar-resizer { background: #1c1c1c; }\r\n\t::-webkit-scrollbar-thumb { border: #101010 !important; background: #262626; }\r\n\t::-webkit-scrollbar-thumb:hover { background: #3f3f3f; }\r\n\t::-webkit-scrollbar-thumb:active { background: #111; }\r\n// GECKO / FIREFOX\r\n\tscrollbar, scrollcorner { background: #1c1c1c; }\r\n\tthumb { border-color: #101010 !important; background: #262626; }\r\n\tthumb:active { background: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.1)) !important; }\r\n\tthumb:hover { background: -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,0.2)) !important; }\r\n*/\r\n\r\n/* Only uncomment the following if you use transparent replies and want to customize the shadow colors */\r\n\r\n/*\r\n\t.op\u003eblockquote,\r\n\t.thread\u003eblockquote,\r\n\tform[name='delform'] \u003e blockquote,\r\n\tdiv.logo font {\r\n\t\ttext-shadow: -1px -1px 0 #101010, 1px -1px 0 #101010, -1px 1px 0 #101010, 1px 1px 0 #101010;\r\n\t}\r\n\r\n\ttd.reply {\r\n\t\tbackground-color: rgba(38,38,38,0.5) !important;\r\n\t\t\t// (Ca * Alpha) + (Cb * (1 - Alpha)) = Cc\r\n\t\t\t// where C equals the hexidecimal color value for Red, Blue, or Green converted to decimal;\r\n\t\t\t// Alpha is the alpha value;\r\n\t\t\t// c is the foreground element being made transparent (.reply); b is the body's background;\r\n\t\t\t// and a is the resulting decimal value for the color place in the RGBA brackets.\r\n\t\t\t// e.g.: #33 = .5(#2c) + .5x || 51 = .5(44) + .5x || 29 = .5x || x = 58\r\n\t\t\t// Final Result: rgba(Cc_1, Cc_2, Cc_3, Alpha)\r\n\t\ttext-shadow: #1c1c1c 1px 0 2px, #1c1c1c -1px 0 2px, #1c1c1c 0 -1px 2px, #1c1c1c 0 1px 2px;\r\n\t}\r\n\r\n\ttd.replyhl {\r\n\t\tbackground-color: rgba(30,30,30,0.5) !important;\r\n\t\ttext-shadow: #181818 1px 0 2px, #181818 -1px 0 2px, #181818 0 -1px 2px, #181818 0 1px 2px;\r\n\t}\r\n*/"}],"url":"http://userstyles.org/styles/57226","updateUrl":"https://userstyles.org/styles/chrome/57226.json","md5Url":"https://update.userstyles.org/57226.md5","originalMd5":"4ad17216d0448967077463e1875897ff","name":"Custom AppChan"}