/***********************************************************
 * 4chan ❤ Flandre (w/glass) 〜 by !K.WeEabo0o
 * WORK IN PROGRESS
 * Version 2010.01.29.20
 ***********************************************************
 * REQUIRES AT LEAST THE CHANCHIMP USERSCRIPT
 * also styles /b/ackwash reloaded, 4chan X and ya4cie
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ...wat - chanchimp removes oekaki form from dom
 * to do:
 * ~ beautify /rs/
 * ~ redo status
 * ~ /f/
 * ~ textboards
 * ~
 * ~ remove ya4cie label from /b/ackwashed ops
 * ~ /b/ackwash tooltip opacity good, cc not
 * ~ (/b/ackwash on indexes, cc on threads)
 * ~
 * ~ style cc inline quotes properly
 * ~ cc forwardlink br removal messes up inlines/tooltips
 * ~ tooltip headers font
 * ~ file deleted on first thread of index looks bad
 * ~ add more animations and transforms and shit
 ***********************************************************/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain( 4chan.org ) {

/* GENERAL */
body
  { background:
    url("resource:///images/flan_test.png")
    no-repeat fixed bottom right,
    -moz-linear-gradient( rgba(0,0,0,.7),
    rgba(0,0,0,.45)) fixed, 
    #000 !important; /* removes old solid bg */
    opacity: .99 !important; } /* unglasses shit */

body > .postarea { display:none !important; }
/* chanchimp postarea replacement comes with an ugly delay */

table
  { margin-right: 10px !important; } /* fixes reply width */
FORM HR
  { visibility: hidden !important; } /* thread separators */

/* CRAP REMOVAL */
hr, #ad, #navtopr, #navbotr, .logo IMG,
#footer center, #footer BR, .logo BR,
SPAN[style="left: 5px; position: absolute;"] /* <-return-link */
  { display: none !important; }

/* TEXT */
form, .reply, .replyhl, TABLE[align="right"] /* base color */
  { color: #AAA !important; }

.postername, .commentpostername
  { color: #AAA !important;
      background: transparent !important; }
.postertrip
  { font: 15px Gungsuh !important;
    color: #AAA !important;
    text-shadow: 0px 0px 2px #88C !important;
    letter-spacing: 1px !important;
    background: transparent !important; }

.linkmail
  { color: #AAA !important;
    text-shadow: 0px 0px 7px #88C, 0px 0px 7px #88C !important;}
.linkmail[href="mailto:sage"]
  { text-shadow: 0px 0px 10px #000, 0px 0px 10px #000 !important;  }

.filetitle, .replytitle /* subject */
  { color: #88C !important;
    background: none !important; }

.unkfunc /* quotes */
  { color: #AC5 !important;
    text-shadow: 0px 0px 1px !important; }



FORM > BLOCKQUOTE::first-letter /* OP first letter */
  { font: 22px tekton pro !important;
    color: #DDD !important;
    text-shadow: 0px 0px 15px #88C,
                 0px 0px 15px #88C,
                 0px 0px 1px  #FFF !important; }

/* LINKS AND NOTES */
A,
.omittedposts,
.abbr,
.oldpost
  { /*text-shadow: 0px 0px 7px #333 !important;*/
    color: #88C !important; }

/* NAVIGATION */
#navtop, #navbot
  { width: 100% !important;
    text-align: center !important;
    color: transparent !important;
    padding: 1px 4px 2px 4px !important;
    margin: 0px -4px !important;
    background: -moz-linear-gradient( left,
                                      rgba(0,0,0,0),
                                      rgba(136,136,204,.4) 20%,
                                      rgba(136,136,204,.4) 80%,
                                      rgba(0,0,0,0) ) !important; }
#navtop a, #navbot a
  { -moz-transition: all 1s;
    color: #CCC !important;
    text-shadow: 0px 0px 5px #000 !important;
    padding: 0px 2px 0px 3px !important;
    font-weight: bold !important;
    opacity: .99 !important;}
#navtop a:hover, #navbot a:hover
  { -moz-transition: all .2s;
    color: #333 !important;
    text-shadow: 0px 0px 5px #FFF !important; }

/* PAGESELECTOR */
.pages
  { background: -moz-linear-gradient( rgba(51,51,51,.8),
                                      rgba(51,51,51,.5)) !important; 
    border: none !important;
    -moz-border-radius: 0px 15px 25px 0px / 0px 30px 40px 0px !important; 
    padding: 5px 7px 5px 30px !important;
    margin: 17px 0px -10px -30px !important;
    font-family: Verdana !important; }
.pages TD
  { color: transparent !important; }
.pages > tbody > tr > td:before
  { content:"pages: " !important;
    color: #AAA !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;}
.pages B  /* selected */
  { color: #222 !important;
    text-shadow: 0px 0px 10px #88C,
                 0px 0px 5px #88C  !important;}
/* BUTTONS */
.pages > tbody > tr > td,
.pages > tbody > tr > td + td + td
  { display: none !important; }
.pages > tbody > tr > td + td
  { display: block !important; }

/* CONTENT */
/* OPS */
form > blockquote
  { background: -moz-linear-gradient( rgba(51,51,51,.8),
                                      rgba(51,51,51,.5)) !important;
    font: 11px verdana !important;
    color: #DDD !important;
    padding: 70px 10px 15px 80px !important;
    margin: -45px 10px 7px -40px !important;
/*    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,.4) !important;*/
    -moz-border-radius: 0px 15px 25px 0px / 0px 30px 40px 0px !important; }
form
  { margin-top: 10px !important; }
FORM > A > IMG
  { margin: 5px 20px 20px 20px !important; }

/* REPLIES */
.reply, .replyhl
  { padding: 0px 10px 0px 7px !important; }
.reply blockquote, .replyhl blockquote, #backwash_tooltip blockquote
  { color: #DDD !important;
    font: 11px verdana !important;
    text-shadow: 0px 0px 5px #333 !important; }
blockquote .replyhl
  { color: #AAA !important; }

.reply, .replyhl /*[id] makes it not match cc inline quotes*/
  { background: -moz-linear-gradient( rgba(102,102,102,.4),
                                      rgba(102,102,102,.5)) !important;
    border: none /*solid 1px #88C*/ !important;
/*    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,.7) !important;*/
    -moz-border-radius: 5px 15px 25px 15px / 10px 30px 40px 30px !important; }

TD[style="border: 1px dashed;"], TABLE[style="border: 1px dashed black;"]
  { border: none !important;
    background: rgba(136,136,204,.2) !important;
    -moz-border-radius: 5px 15px 25px 15px / 10px 30px 40px 30px !important;
    -moz-box-shadow: none !important;
    color: #AAA !important;}

/* SPECIAL SHIT */

/* posting mode:reply */
BODY > TABLE TH
  {display: none !important; }

.doubledash
  { font-family: "Small Fonts" !important;
    color: #88C !important; }

/* LOGO */
.logo > FONT:first-of-type SPAN
  { position: relative !important;
    left: 20px !important;
    font: 36px hobo std !important;
    text-transform: lowercase !important;
    color: transparent !important; 
    text-shadow: 0px 0px 4px #88C  !important; }
.logo > FONT:nth-of-type(2)
  { position: relative !important;
    top: 3px !important;
    left: -20px !important;
    color: #DDD !important;
    text-transform: uppercase !important; }

TABLE[align="right"]
  { background: -moz-linear-gradient( rgba(51,51,51,.8),
                                      rgba(51,51,51,.5)) !important;
    padding: 3px 5px 3px 10px !important;
    margin: 15px -5px -10px 0px !important;
    color: #DDD !important;
    -moz-border-radius: 5px 0px 0px 15px / 10px 0px 0px 30px !important; }
TABLE[align="right"] > TBODY > TR:last-child
  { display:none !important; }

/* ANNOUNCEMENTS */
FONT[color="red"]
    { font-size: 12px !important;
      color: #DDD !important; }

/* SPOILERS */
.spoiler/* [style^="color: rgb(0, 0, 0)"] */
  { padding: 0px 5px !important;
    background: #333 !important;
    -moz-border-radius: 15px 5px / 20px 5px !important;
    -moz-box-shadow: 1px 1px 5px #000, inset 0px 0px 2px #88C !important;
    -moz-transition: all 3s;
    color: #333 !important; }
   .spoiler[style^="color: rgb(255, 255, 255)"]
    { padding: 0px 5px !important;
      -moz-border-radius: 15px 5px / 20px 5px !important;
      -moz-transition: all .5s;
      color: #88C !important;
      background: #333 !important; }

IMG[alt="File deleted."]
  { background: -moz-linear-gradient( rgba(255,0,0,.2),
                                      rgba(255,0,0,.6)) !important; 
    -moz-box-shadow:  0px 0px 5px #88C !important; }


/** SCRIPTS **/

#backwash_tooltip
  { border: none !important;
    background: -moz-linear-gradient( rgba(102,102,102,.85),
                                      rgba(102,102,102,.95)) !important;
    -moz-border-radius: 5px 15px 25px 15px / 10px 30px 40px 30px !important;
    -moz-box-shadow: inset 0px 0px 7px #000,
                           3px 3px 7px rgba(0,0,0,.5) !important;}
#backwash_tipcell
   { color: #DDD !important; }

#updater
  { z-index: 100 !important;
    height: 18px !important;
    position:fixed !important;
    top: inherit !important;
    bottom: 20px !important; 
    -moz-border-radius: 15px 0px 0px 5px / 30px 0px 0px 10px !important;
    -moz-box-shadow: none !important;
    border: none !important;
    color: #DDD !important; }

/* YA4CIE */
.filesize SELECT
  { display: none !important; }
.filesize LABEL::before
  { white-space: pre !important;
    content: "   ➜ "; }

/* CHANCHIMP */

/* cc's post filters */

  /*hide filter ids*/
  TABLE[id^="cci_4chan_reply"] SMALL
    { display:none !important; }
  /* border-#FF00FF */
  TD[style="border: 3px solid rgb(255, 0, 255);"]
    {-moz-box-shadow: 0px 0px 10px #FFF, inset 0px 0px 5px #FFF !important; }

#cc-showpostarea
  { color: transparent !important;
    background: -moz-linear-gradient( rgba(102,102,102,.4),
                                      rgba(102,102,102,.5)) !important;
    border: none !important;
    -moz-border-radius: 15px 0px 0px 10px / 30px 0px 0px 10px !important; 
    padding-left: 6px !important;
    margin-right:-1px !important;}

#cc-newpostarea:not([style*="display: none;"])
  { height: 153px !important;
    -moz-transition:height .2s !important; }
#cc-newpostarea[style*="display: none;"]
  { display:block !important;
    height: 0px !important; 
    -moz-transition: height 1s ease-in-out !important; }

#cc-showpostarea-toggle
  { color: #DDD !important; }
#cc-showpostarea-toggle::after
  { content: " postarea" !important; }
#cc-showpostarea > A:last-child
  { display: none !important; }
.forwardlinks
  { font-size: 0px !important;
    margin-left: -15px !important; }
.forwardlinks:before
  { font-size: 10px !important;
    white-space: pre !important;
    content: "\Aquoted by  " !important;
    color: #AAA !important; }
.forwardlinks > BR { display:none !important; }
.quotelink-forwardlink
  { font-size: 10px !important; }

#cc-newpostarea
  { background: -moz-linear-gradient( rgba(51,51,51,.8),
                                      rgba(51,51,51,.5)) !important; }

#cci-form-container TD { color: #DDD !important; }
#cc-fields2 TD > B { float:right !important; }

#cc-newpostarea > DIV:first-child /*the border*/
  { display: none !important; }

.forwardlinks > FONT::after
  { color: #AAA !important;
    font-size: 10px !important;
    white-space:pre !important;
    content: ",  " !important; }
.forwardlinks > FONT:nth-last-of-type(2)::after
  { color: #AAA !important;
    font-size: 10px !important;
    white-space:pre !important;
    content: " and  " !important; }
.forwardlinks > FONT:last-of-type::after
  { color: #AAA !important;
    font-size: 10px !important;
    content: "." !important; }
}

/*** FRONTPAGE ***/
@-moz-document url(http://www.4chan.org/){

body
  { background: -moz-linear-gradient( rgba(0,0,0,.6),
                                      rgba(0,0,0,.2)),
    #000 !important;
    opacity: 1 !important;
    padding-bottom: 300px !important;
    overflow: hidden !important;
}

h2
  { text-align: center !important; }

#logo, #filter-container, #options-container
  { display: none !important; }
#announce, #boards
  { background: -moz-linear-gradient( rgba(102,102,102,.3),
                                      rgba(102,102,102,.7)) !important;
    text-shadow: 0px 0px 2px #000, 0px 0px 4px !important; 
    color: #DDD !important;
    border: solid 1px #88C !important;
    opacity: .99 !important; }
#recent-images li
  { background: none !important; }
.yui-module.yui-overlay.yui-tt, .box-outer.left-box, .box-outer.right-box
  { background: -moz-linear-gradient( rgba(102,102,102,.5),
                                      rgba(102,102,102,.9)) !important;
    border: solid 1px #88C !important;
    text-shadow: 0px 0px 2px #000, 0px 0px 4px !important; 
    opacity: .99 !important;
    color: #DDD !important; }
.yui-module.yui-overlay.yui-tt H2,
a, .boxbar
  { background: transparent !important;
    text-shadow:  0px 0px 1px !important; 
    color: #88C !important;
    opacity: .99 !important; }
#ft, .p_postername
  { color: #DDD !important;
    opacity: .99 !important; }
#ft > UL
  { border: none !important; }
#ft > UL > LI
  { background: transparent !important;
    border: none !important;
    padding: 5px 16px 3px 16px !important; }
#ft .fill
  { display: none !important; }
P 
  { text-align: justify !important; }
}

 /** STATUS.4CHAN.ORG **/
 @-moz-document domain(status.4chan.org){

#header-wrapper, #header
  { border: none !important; }
H1.title
  { position: relative !important;
    left: -120px !important;
    font: 36px hobo std !important;
    letter-spacing: 0px !important;
    text-transform: lowercase !important;
    color: transparent !important;
    text-shadow: 0px 0px 4px #88C !important; }
.description span
  { position: relative !important;
    top: -20px !important;
    left: 10px !important;
    color: #DDD !important;
    text-transform: uppercase !important; }
#main-wrapper
  { color: #AAA !important; }
.date-header
  { background: -moz-linear-gradient( rgba(102,102,102,.9),
                                      rgba(102,102,102,.5)) !important;
    padding: 5px !important;
    margin: 0px 0px -10px 0px !important; }
.post.hentry
  { background: -moz-linear-gradient( rgba(102,102,102,.5),
                                      rgba(102,102,102,.9)) !important;
    padding: 0px 10px !important; }
.serverlist
  { list-style-type: square !important;
    font: 18px calibri !important; }
LI
  { color: #DDD !important; }
.up
  { color: #0F4 !important;
    text-shadow: 0px 0px 5px !important; }
.down
  { color: #F40 !important;
    text-shadow: 0px 0px 5px !important;
    text-decoration: blink !important; }
DIV[style="text-align: justify;"]
  { text-align:left !important; }
#Text1, #HTML3
  { font: 10px verdana !important;
    background: -moz-linear-gradient( rgba(102,102,102,.5),
                                      rgba(102,102,102,.9)) !important;
    text-shadow: 0px 0px 5px #333 !important; 
    padding: 8px !important; margin: 0px !important;
    color: #DDD !important; } 
}

@-moz-document domain(rs.4chan.org){

*
  { color: #AAA !important; }
SPAN[style="color: red;"]
  { color: #F50 !important; }
input
  { color: #000 !important; }
body > .postarea
  { display:block !important; }
.postblock
  { background: -moz-linear-gradient( rgba(102,102,102,.5),
                                      rgba(102,102,102,.9)) !important; 
    border: solid 1px #88C !important;
    -moz-border-radius: 5px !important; }
}

@-moz-document domain(content.4chan.org){
HTML { color: #DDD !important; text-shadow: 0px 0px 5px #000 !important; }
}