4chan.org Nord theme by rawhav0kk

/* ==UserStyle==
@name           4chan.org
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@-moz-document domain('4chan.org') {

html {
 -moz-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 background:#2e3440;
 color:#e5e9f0;
 font-family:arial,helvetica,sans-serif;
 font-size:10pt;
 margin-left:0;
 margin-right:0;
 margin-top:5px;
 padding-left:5px;
 padding-right:5px
}
.nwsb {
 display:none
}
.adg-rects {
 margin:10px 0;
 text-align:center
}
.adg,
.adg-m {
 overflow:hidden
}
.adg-rep .adg {
 margin-left:15px
}
.adp-228 {
 margin:auto;
 width:728px;
 height:320px
}
.adp-90 {
 margin:auto;
 width:728px;
 height:90px
}
.adp-128 {
 margin:auto;
 width:728px;
 height:128px
}
.adp-j {
 margin:auto;
 width:728px;
 height:102px
}
.adp-50 {
 margin:auto;
 width:320px;
 height:50px
}
.adp-250 {
 margin:auto;
 width:300px;
 height:250px
}
.adp-row {
 display:inline-block;
 margin:0 10px
}
.adl {
 font-size:10px
}
.adl+.ad-bgls,
.ad-bgls+.adl {
 margin-top:8px
}
.bsa-cnt {
 margin:20px 0;
 height:90px;
 text-align:center
}
#t-root {
 overflow:hidden;
 box-sizing:border-box;
 background:#2e3440;
 border:1px solid #2e3440;
 margin:2px 0;
 width:300px
}
@media only screen and (max-width:640px) {
 .bsa-cnt {
  height:250px;
  display:flex;
  justify-content:center;
  align-items:center
 }
}
.adc-resp {
 margin:auto;
 width:728px;
 height:228px;
 overflow:hidden
}
.adc-resp-bg {
 margin:auto;
 width:728px;
 height:112px;
 overflow:hidden
}
@media only screen and (max-width:480px) {
 .adc-resp {
  width:300px;
  height:300px
 }
 .adc-resp-bg {
  width:300px;
  height:250px
 }
}
hr#op,
#ctrl-top {
 clear:both
}
.party-hat {
 left:0;
 margin-top:-80px;
 position:absolute;
 pointer-events:none
}
.sjis,
#quickReply .sjis {
 font-size:16px;
 line-height:17px;
 white-space:pre;
 font-family:ipamonapgothic,mona,ms pgothic,monospace;
 overflow:auto;
 display:block;
 clear:left
}
.tex-logo {
 font-size:.8em
}
.tex-logo sub {
 font-size:.8em;
 text-transform:uppercase
}
.mu-s {
 font-weight:700
}
.mu-i {
 font-style:italic
}
.mu-r {
 color:#bf616a
}
.mu-g {
 color:#a3be8c
}
.mu-b {
 color:#88c0d0
}
.pu-lbl {
 color:#117743;
 font-weight:700;
 font-size:12px
}
.pu-img {
 vertical-align:middle;
 margin-top:-3px;
 margin-right:3px;
 display:inline-block;
 width:16px;
 height:16px;
 background:url(//s.4cdn.org/image/minileaf.gif)
}
.n-pu {
 vertical-align:middle;
 display:inline-block;
 width:16px;
 height:16px;
 margin-top:-2px;
 background:url(//s.4cdn.org/image/minileaf.gif)
}
.jla-it {
 height:420px;
 width:680px
}
.jla-it-p {
 font-size:.85em;
 text-align:center
}
.n-atb {
 border-radius:6px;
 padding:1px 4px;
 color:#353839
}
.atsb2018 table {
 margin:auto;
 font-size:90%
}
.atsb2018 td {
 white-space:nowrap;
 padding:0 4px
}
.atsb2018 .atsgc {
 width:280px
}
.atsb2018 .atgg {
 height:20px
}
.n-atb-0 {
 background-color:#f56fa1
}
.n-atb-1 {
 background-color:#7b3f00;
 color:#f2f3f4
}
.n-atb-2 {
 background-color:#4c566a
}
.n-atb-3 {
 background-color:#4c566a
}
.n-atb-4 {
 background-color:#a3be8c
}
.n-atb-0::after {
 content:'Team Peep'
}
.n-atb-1::after {
 content:'Team Chocolate'
}
.n-atb-2::after {
 content:'Team Creme'
}
.n-atb-3::after {
 content:'Team Peanut Butter'
}
.n-atb-4::after {
 content:'Team Mini'
}
@media only screen and (max-width:700px) {
 .jla-it {
  width:340px;
  height:220px;
  margin:auto
 }
 .jla-it img {
  width:340px;
  height:200px
 }
}
.centeredThreads .party-hat {
 left:12%
}
#disclaimer {
 font-size:14px;
 position:absolute;
 overflow:hidden;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:9998
}
#disclaimer-bg {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.25)
}
#disclaimer-modal {
 z-index:9999;
 width:320px;
 top:0;
 left:50%;
 margin-left:-170px;
 display:block;
 padding:10px;
 position:relative;
 background-color:#2e3440;
 box-shadow:0 0 5px rgba(0,0,0,.25)
}
#disclaimer ol {
 margin-left:20px;
 padding:0
}
#disclaimer li {
 margin:10px 0
}
#disclaimer h3 {
 border-bottom:1px solid #d9bfb7;
 margin:0;
 padding-bottom:5px;
 text-align:center
}
#disclaimer-modal div {
 margin-top:10px;
 text-align:center
}
#disclaimer-modal button {
 margin:0 10px
}
#disclaimer-accept {
 font-weight:700
}
#footer-links {
 margin-top:5px
}
.isMobileDevice blockquote.postMessage {
 font-size:11pt
}
.belowLeaderboard {
 width:728px;
 max-width:100%
}
.aboveMidAd {
 width:468px;
 max-width:100%
}
#captchaContainerAlt {
 height:80px
}
#captchaContainerAlt .recaptcha_image_cell {
 padding:0 0 5px!important
}
#captchaContainerAlt #recaptcha_table {
 border:0!important
}
#captchaContainerAlt #recaptcha_response_field {
 width:300px!important;
 padding:0!important
}
#qrCaptchaContainerAlt #recaptcha_response_field {
 width:296px!important
}
#captchaContainerAlt #recaptcha_image,
#qrCaptchaContainerAlt #recaptcha_image {
 border:0!important
}
#qrCaptchaContainerAlt .recaptcha_image_cell {
 padding:0!important
}
#qrCaptchaContainerAlt #recaptcha_table {
 border:0!important
}
#captchaContainerAlt td:nth-child(2),
#captchaContainerAlt td:nth-child(3),
#qrCaptchaContainerAlt td:nth-child(2),
#qrCaptchaContainerAlt td:nth-child(3) {
 display:none!important
}
#qrCaptchaContainerAlt {
 height:80px;
 width:300px
}
.recaptchatable {
 background-color:transparent!important;
 border:none!important
}
.recaptcha_image_cell {
 background-color:transparent!important
}
#g-recaptcha {
 height:78px
}
#recaptcha_div {
 height:107px;
 width:442px
}
#recaptcha_challenge_field {
 width:400px
}
.recaptcha_input_area {
 padding:0!important
}
#recaptcha_table tr:first-child {
 height:auto!important
}
#recaptcha_table tr:first-child>td:not(:first-child) {
 padding:0 7px!important
}
#recaptcha_table tr:last-child td:last-child {
 padding-bottom:0!important
}
#recaptcha_table tr:last-child td:first-child {
 padding-left:0!important
}
#recaptcha_image {
 cursor:pointer
}
#recaptcha_response_field {
 width:292px;
 margin-right:0!important;
 font-size:10pt!important
}
input:-moz-placeholder {
 color:gray!important
}
#recaptcha_image {
 border:1px solid #aaa!important
}
#recaptcha_table tr>td:last-child {
 display:none!important
}
#captchaContainer {
 width:343px;
 height:86px;
 line-height:99px;
 overflow:hidden
}
#captchaContainer .placeholder {
 font-style:italic;
 padding-left:5px
}
.mobile,
.mobileinline,
.mobileib {
 display:none!important
}
a,
a:visited {
 color:#8fbcbb;
 text-decoration:none
}
a.replylink:not(:hover),
div#absbot a:not(:hover) {
 color:#5e81ac!important
}
a:hover {
 color:#d8dee9!important
}
div#absbot {
 color:#bf616a;
 clear:both
}
div.board>hr {
 clear:both
}
img {
 border:none
}
img.topad,
.topad>div,
.topad a img {
 width:728px;
 height:90px;
 max-width:100%;
 overflow:hidden;
 margin:auto
}
img.middlead,
.middlead>div,
.middlead a img {
 width:468px;
 height:60px;
 max-width:100%;
 overflow:hidden;
 margin:auto
}
img.bottomad,
.bottomad>div,
.bottomad a img {
 width:728px;
 height:90px;
 max-width:100%;
 overflow:hidden;
 margin:auto
}
hr {
 border:none;
 border-top:1px solid #81a1c1;
 height:0
}
hr.abovePostForm {
 width:90%
}
span.x-small {
 font-size:x-small
}
#postFormError {
 background-color:#bf616a;
 color:#fff;
 font-family:monospace;
 font-size:13px;
 font-weight:700;
 padding:3px 5px;
 text-shadow:0 1px rgba(0,0,0,.2);
 display:none;
 margin-top:3px
}
#postFormError a {
 color:#fff
}
.painter-ctrl input[type=text],
#qr-painter-ctrl input[type=text] {
 width:30px!important;
 text-align:center
}
#qr-painter-ctrl .oe-r-cb {
 vertical-align:sub
}
#oe-canvas-preview {
 position:absolute;
 margin-left:5px;
 margin-top:3px;
 box-shadow:0 0 1px 1px rgba(0,0,0,.25)
}
.mobile {
 display:none
}
ul.rules {
 margin:0;
 padding:0;
 margin-top:5px
}
ul.rules>li {
 list-style:none;
 font-size:11px
}
.rules>li:before {
 content:"\2022 \20"
}
div.boardBanner {
 text-align:center;
 clear:both
}
#bannerCnt {
 border:1px solid #bf616a;
 margin:5px auto;
 width:300px;
 height:100px;
 max-width:100%
}
div.boardBanner>div.boardTitle {
 font-family:Tahoma,sans-serif;
 font-size:28px;
 font-weight:700;
 letter-spacing:-2px;
 margin-top:0
}
div.boardBanner>div.boardSubtitle {
 font-size:x-small
}
div#boardNavDesktop {
 font-size:9pt;
 color:#b86;
 display:block
}
.hasDropDownNav #navtopright {
 display:none
}
#boardNavDesktop .pageJump {
 padding:0
}
#boardNavDesktop .pageJump a {
 padding-right:5px
}
div#boardNavDesktop a {
 font-weight:400;
 padding:1px;
 text-decoration:none;
 color:#bf616a
}
div.pContainer {
}
div.opContainer {
 display:inline
}
div.sideArrows {
 color: #4c566a;
 float:left;
 margin-right:2px;
 margin-top:0;
 margin-left:2px
}
div.thread {
 margin:0;
 clear:both
}
div.post {
 margin:4px 0;
 overflow:hidden
}
div.thread>div:nth-of-type(2)>div.reply {
 margin-top:2px!important
}
div.op {
 display:inline
}
div.reply {
 background-color:#4c566a;
 border:1px solid #434c5e;
 border-left:none;
 border-top:none;
 display:table;
 padding:2px
}
div.reply input {
 float:none
}
div.post div.postInfo {
 display:block;
 width:100%
}
.fileText {
 max-width:600px;
 white-space:nowrap
}
div.post div.postInfo span.postNum {
}
div.post div.postInfo span.postNum a {
 text-decoration:none;
 color:#bf616a
}
div.post div.postInfo span.postNum a:hover,
.posteruid .hand:hover {
 color:#bf616a!important
}
div.post div.pos...