4chan css

/*Hiding Stuff*/

body>div.center, hr, div.boardBanner, #togglePostForm, #boardNavDesktopFoot, #absbot, #first-run, .globalMessage, img[title="Toggle announcement"],
table#blotter {
    display: none;
}

/*Formatting Catalog*/

img.thumb {
  box-shadow:none;
  margin-bottom:16px;
}

div.thread .teaser  {
  font-size:14px;
  color:rgb(150,150,150);

}

div.thread .teaser b {
  color:black;
}

#threads.extended-small .thread {
  max-height:256px;
  border:0px;
  transition:.5s ease max-height;
    -webkit-transition-delay: 0.25s;
  cursor:pointer;

}

#threads.extended-small .thread:hover {
  max-width:512px;
  max-height:512px;
  border:0px;
}


#content #ctrl {
  font-size:0;
}
#content #ctrl div {
  margin-bottom:16px;
  text-align:right !important;
    width:100%;
}
#content #ctrl div * {
  padding:0px !important;
  margin:0px !important;
}
#content #ctrl #hidden-label,
#content #ctrl #teaser-ctrl{
  display:none !important;
}
#content #ctrl *:before {
  display:none;
}
#content #ctrl *:after {
  display:none;
}
#content #ctrl a,
#content #ctrl select{
  font-size:16px !important;
  padding:8px !important;
  margin-left:16px !important;

}

/*Formatting Postform*/

#postForm {
    margin-top:32px;
    margin-bottom:32px;
    position:relative;
    padding-bottom:96px;
}

#postForm td {
    background:white;
    border:0px;
    padding-bottom:8px;
    padding-top:4px;
}


#postForm td input[type="submit"]  {
  display:block !important;
    position:absolute;
    bottom:0px;
  border-radius:4px;
  background:rgb(45,156,245);
  border:1px solid rgba(0,0,0,.25);
    text-shadow: 0px -1px 1px rgba(0,0,0,.25);
  color:white;
  margin-top:16px;
  margin-bottom:16px;
  padding:16px;
  padding-left:32px;
  padding-right:32px;
  font-weight:600;
  width:100%;
  font-size:24px !important;
}
#postForm td input[type="submit"]:hover  {
    background:rgb(3,36,126) !important;
}
#postForm td input[type="text"] {
    padding:4px;
    border-radius:4px;
}

#postForm tr>*:first-child {
    text-align:right;
}

div.passNotice, tr.rules, span.password {
    display:none;
}

div#quickReply {
    background:white !important;
  border:1px solid rgba(0,0,0,.3) !important;
  box-shadow: 0px 4px 8px rgba(0,0,0,.1);
    padding:1%;
    border-radius:4px;
    padding-bottom:96px;
    min-width:512px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

div#quickReply * {
    font-family:avenir next !important;
    font-size:.8rem;
}

div#quickReply #qrForm>div {
    margin:0px;
padding:0px;
    width:100%;
}

div#quickReply #qrForm>div input[type="text"], div#quickReply #qrForm textarea  {
    margin:0px;
    width:100%;
    padding:8px;
    margin-top:-1px;
}
div#quickReply #qrForm #qrCaptcha {
    margin-left:auto;
margin-right:auto;
    width:100%;
    border-top:0px;
    padding:8px;
}


div#quickReply input[type="submit"]  {
  display:block !important;
  position:absolute;
  bottom:0px;
  border-radius:4px;
  background:rgb(45,156,245);
  border:0px;
  color:white;
  margin-top:16px;
  margin-bottom:16px;
  padding:16px;
  font-weight:600;
  width:95%;
  left:2.5%;
  font-size:24px !important;
border:1px solid rgba(0,0,0,.25);
    text-shadow: 0px -1px 1px rgba(0,0,0,.25);
}

div#quickReply input[type="submit"]:hover {
    background:rgb(3,36,126) !important;
}

div#quickReply #qrHeader {
    background:white;
    border:0px;
    margin-bottom:16px;
}

/*Formatting General*/

select {
  -webkit-appearance:none;
  border:none;
  border-radius:8px;
  border-bottom-right-radius:0px;
  background:rgb(45,156,245);
  color:white;
  outline: none;
}

select:hover {
  background:rgb(3,36,126);
}

body div * {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}

body {
    font-family:avenir next;
    font-size:16px;
    background:white;
    width:50%;
    min-width:1024px;
    margin-left:auto;
    margin-right:auto;
}

a {
  text-decoration:none !important;
  color:rgb(45,156,245);
  font-weight:500;
  cursor:pointer !important;
}
a:hover {
  color:rgb(3,36,126) !important;
  text-decoration:underline;
}

input {
    cursor:pointer !important;
}

/*Nav Formatting*/

#navtopright {
  display:block !important;
  position:absolute !important;
  top:0px !important;
  right:0px !important;
  padding:8px !important;
  color:transparent;
}

#navtopright a {
  font-weight:500 !important;
  color:black !important;
  opacity:.25;
}

#navtopright a:hover {
  opacity:1;
}


#boardNavDesktop .boardList {
  display:block;
  font-size:24px !important;
  font-weight: 500;
  color:rgba(0,0,0,0.1);
  margin-top:64px;
  margin-bottom:64px;
}
#boardNavDesktop .boardList a {
  font-weight:600;
  color:black;
  padding-left:16px;
  padding-right:16px;
  margin-left:-8px;
  margin-right:-8px;
}

#boardNavDesktop .boardList a:hover {
  color:white !important;
  background:black;
}

div.bottomCtrl {
  display:none;
}

.pagelist {
  background:none !important;
  border:none !important;
  display:block !important;
  width:100% !important;
  text-align:center;
  font-size:0;
  padding:0px !important;
  position:relative;
  height:128px;
}

.pagelist * {

  color:rgba(0,0,0,0.5);
  font-size:0 !important;
}

.pagelist a {
  color:rgb(45,156,245) !important;
  font-size:24px !important;
  padding-left:8px;
  padding-right:8px;
}

.pagelist strong a {
  background:rgb(45,156,245);
  color:white !important;
  border-radius:4px;
}

.pagelist a:hover {
  color:rgb(3,36,126) !important;
  text-decoration:underline !important;
}



.pagelist input {
  -webkit-appearance:none;
  font-size:24px;
  border-radius:4px;
  background:rgb(45,156,245);
  border:0px;
  color:white;
  margin-top:16px;
  margin-bottom:16px;
  padding:16px;
  padding-left:32px;
  padding-right:32px;
  font-weight:600;
  width:100%;
  font-size:24px !important;
}



.pagelist input:hover {
  background:rgb(3,36,126) !important;
}

.pagelist .pages {
  position:absolute;
  width:50%;
  right:25%;
  top:20%;
  height:60%;
}

.pagelist .next,
.pagelist .prev{
    width:25%;
  position:absolute;
}

.pagelist .prev {
  left:0px;

}
.pagelist .next {
  right:0px;
}

.pagelist .cataloglink {
  display:none;

}

#search-box {
    padding:16px;
    display:block;
    width:100%;
    margin-top:16px;
    margin-bottom:16px;
    text-align:center;
    font-size:1rem;
    border-radius:16px;
    background:rgba(0,0,0,.025);
}


/*Thread Formatting*/

.extButton {
  -webkit-filter:grayscale(1) invert(1) brightness(3);
  padding:1px;
  border:1px solid hsl(0,0%,100%);
  border-radius:5px;
  opacity:.25 !important;
  margin-right:16px !important;
}

.extButton:hover {
  opacity:.5 !important;
}

div.thread {
  width:100%;
  border-top:1px solid rgba(0,0,0,.1);
  padding:16px;
}

div.thread.post-hidden {
  background:rgba(0,0,0,.025);
}

div.sideArrows {
  display:none;
}

.opContainer .fileText {
  margin-bottom:32px;
}

div.post.reply {
  width:100%;
  background:rgb(250,250,250);
  border:1px solid rgba(0,0,0,.1) !important;
  border-radius:4px;
  padding:16px;
  margin-bottom:16px;
  margin-top:16px;
}

div.post.highlight {
  background:white !important;
  border:1px solid rgba(0,0,0,.3) !important;
  box-shadow: 0px 4px 8px rgba(0,0,0,.1);
}

div.post.preview {
  background:white;
  border:1px solid rgba(0,0,0,.3) !important;
  padding-left:16px !important;
  box-shadow: 0px 4px 8px rgba(0,0,0,.1);
  max-with:800px;
}

.post img {
  border-radius:4px;
}

 s {
  padding:4px;
  padding-left:8px;
  padding-right:8px;
  font-weight:500;
  cursor:pointer;
  border-radius:4px;
  background: transparent!important;
  color:rgba(0,0,0,0) !important;
  text-shadow:0px 0px 12px rgba(0,0,0,.5);
}

 s:hover {
  color:rgba(0,0,0,1) !important;
  text-shadow:none;
}

.reply .postInfo * {
  font-size:12px;
  font-weight:400 !important;
}

.reply .postInfo input {
  display:none;
}

.postInfo .dateTime {
  /*display:none;*/
}

.reply .postInfo .name {
  font-weight:500 !important;
}

span.quote {
  color:rgb(105,221,43) !important;
  font-weight:500;
}
a.quotelink {
  color:rgb(157,32,205) !important;
}
a.quotelink:hover {
  color:rgb(64,13,126) !important;
}

div.postInfo * {
  color:rgba(0,0,0,.2) !important;
  color:black;
}

div.postInfo .subject {
  color:black !important;
}

div.postInfo .backlink {
  display:none;
}

div.postInfo input {
  display:none;
}

div.postInfo .postNum a:hover {

}

div.postInfo .name {
  color:black !important;
  font-weight:500 !important;
}


div.fileText {
  color:transparent;
  font-size:0px;
}
div.fileText * {
  font-size:16px;
  padding-left:4px;
  padding-right:4px;
  font-weight:500;
}

div.fileText span {
  color:black;
}

/*Threadview Formatting*/

div.postingMode {
  color:black;
  background:none;
  font-weight:400;
  text-align:right;
  opacity:.25;
  padding:0px !important;
  margin-right:16px;
  margin-bottom:8px;
  font-size:16px;
}

.navLinks {
  color:transparent;
}

.navLinks .thread-stats {
  color:black;
  font-weight:400;
  opacity:.25;
}

.navLinks * {
  color:black !important;
  padding-left:8px;
  padding-right:8px;
}

.navLinks a {
  color:rgb(45,156,245) !important;
}
.navLinks a:hover {
  color:rgb(3,36,126) !important;
  text-decoration:underline !important;
}
.navLinks label {
  color:black;
  font-weight:500;
}

.navLinks label input {
  margin-right:8px;
}

/*4chan homepage*/

/*Rearranging*/

#hd, .yui-g, #ft{
  display:none;
}

#boards {
  width:100%;
  top:25%;
  position:absolute;
  border:none !important;
}

#boards .boxbar {
  display:none;
}

#boards:before {
  content:"4Chan";
  display:block;
  font-weight:700;
  font-size:24px;
  margin-bottom:16px;
   color:black !important;
}

#boards h3 {
  color:black;
  font-weight:600;
  text-decoration:none !important;

}
#boards * {
  padding:0px !important;
}

#boards li {
  padding-top:4px !important;
  padding-bottom:4px !important;
}

#boards h3 .warning {
  color:rgb(219,41,26);
  font-weight:400;
}

/* Formatting General */
html {
  background:white;
}

body {
    font-family:avenir next;
    font-size:16px;
    background:white;
    width:50%;
    margin-left:25%;
}

a {
  text-decoration:none !important;
  color:rgb(45,156,245) !important;
  font-weight:500;
  cursor:pointer !important;
}
a:hover {
  color:rgb(3,36,126) !important;
  text-decoration:underline;
}