4ch

@-moz-document domain("boards.4chan.org") {
/* Relative to the general appearance of 4chan. */
body {
    background: #FBFBFB !important;
    font-family: 'Segoe UI', sans-serif !important;
    color: #787878 !important;
    font-size: 14px !important;
    margin-right: 40px !important;
    margin-left: 40px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
}
hr {
    padding-top: 5px !important;
    border: 0 !important;
}

/* Links */
a {
    color: #6f6f6f !important;
}

/* Foreground of the header bar */
#board-list,
#custom-board-list {
    color: #fff !important;
    font-family: 'segoe ui', sans-serif !important;
}
#header-bar a {
    color: #fff !important;
}

/* Background of the header bar */
#header-bar.dialog {
    background: #C5CADA !important;
    border: 0 !important;
}

/*EXPERIMENTAL*/

.dateTime::before {
  position: relative !important;
  top: -1px !important;
  padding-right: 1px !important;
  content: "- " !important;
}

.dateTime {
	padding-right: 4px !important;
}

.post.reply .file {
  height: 100% !important;
}

.post.reply .fileText {
  padding: 0px !important;
  z-index: 1 !important;
  background: #fff !important;
  border-radius: 0px !important;
  opacity: 0 !important;

  transition: opacity .5s .2s ease !important;
}

.fileText,
.fileInfo a {
  font-size: 8pt !important;
  text-decoration: none !important;
  font-style: italic !important;
}
.post.reply .fileText:hover {
  opacity: 1 !important;
}

/* Color of the selected board on the header bar. */
#header-bar a.current {
    color: #8292b2 !important;
}

/* Appearance of the menus. */
#menu.dialog,
.entry {
    background: #2f2f2f !important;
    border: 0 !important;
    color: #ccc !important;
    font-family: 'Segoe Ui', sans-serif !important;
    font-size: 0.750rem !important;
}

/* Catalog search and page links, This is not ready. */
div.navLinks,
div.pagelist {
    background: transparent !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 0.750rem !important;
    border: 0 !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}

/* Appearance of the thread updater and thread stats. */
#index-search.field,
#updater.dialog,
#thread-stats.dialog {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 0.750rem !important;
    background: transparent !important;
    color: #2f2f2f !important;
    border-style: none !important;
}

/* Thread updater menu */
#index-search.field:hover,
#updater.dialog:hover {
    background: #eee !important;
    color: #2f2f2f !important;
}

/* Clean up. */
.bottomCtrl.desktop,
#absbot.absBotText,
.navLinks.desktop,
.navLinks.navLinksBot.desktop,
.sideArrows{
    display: none !important;
}

/* Hide ads? */
div.center,
div.topad.center,
div.middlead.center,
div.bottomad.center,
div.ad-plea {
    display: none !important;
}

/* Display board banner? */
.boardBanner {
    display: none !important;
}

/* Relative to posts. */
.post.reply {
    font-family: 'Segoe Ui', sans-serif !important;
    font-size: 13px !important;
    background: #fbfbfb !important;
    color: #747474 !important;
    width: 100% !important;
    border-bottom: 1px dotted #c8c8c8 !important;
    border-right: none !important;
    padding: 10px !important;
    box-shadow: #afafaf 0 0 0px !important;
    margin-top: -3px !important;
    margin-right: 0px !important;
    text-decoration: none !important;
}

/* Relative to the thread */
.thread {
    margin-top: -10px !important;
    margin-right: 20px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}
div.postContainer.opContainer {
    display: inline-block !important;
    width: 100% !important;
    margin: auto !important;
    border-bottom: 1px dotted #c8c8c8 !important;
}
.inline {
    padding-left: 15px !important;
    padding-right: 15px !important;
    border: 0 !important;
}


.inline .post.reply {
    background-color: #fff !important;
    border: 0 !important;
}

/* Post subjects. */
span.subject {
    color: #AEAFC9 !important;
}

/* Tripcodes. */
span.postertrip, span.nameBlock {
    color: #FFB9BC !important;
}

/*remove underlines from links*/
a {
        text-decoration: none !important;
        color: #aaaaaa !important;
    }

/*hover colors*/
    a:hover,
    div.post div.postInfo
    span.postNum a:hover,
    .posteruid .hand:hover {
        color: #FFB9BC !important;
    }
/*desperation*/
.postertrip,
            .useremail:not(:hover) .name:not(.capcode),
            .useremail:not(:hover) .postertrip:not(.capcode) {
                color: #FFB9BC !important;
    }
/*email trips */
.postertrip:not(.capcode),.useremail:not(:hover),.useremail {
        text-decoration: none !important;
    }
/* Post numbers. */
span.postNum a {
    color: #a5a5a5 !important;
}

/* Poster's name. */
span.name {
    color: #9b9b9b !important;
    font-weight: normal !important;
}

/* Date and time of the posts. */
span.dateTime {
    color: #AFC9AE !important;
}

/* Quote links. */
a.quotelink {
    color: #AEAFC9 !important;
    text-decoration: none !important;
}

/* Link to posts quoting the current post. */
a.backlink {
    color: #3f3f3f !important;
}

/* Greentext. */
span.quote {
    color: #86B685 !important;
}

/* Post menu button. */
.post .menu-button {
    float: right;
    position: relative;
    left: 0px;
}

/* Hide "hide reply" buttons. */
.postInfo > input,
a.hide-reply-button > span {
    display: none !important;
}

/* Relative to post info, i.e. Post name, tripcode, post date, etc. */
.postInfo a,
div.postInfo {
    color: #9b9b9b !important;
    font-size: 12px !important;
}

/* Relative to file info, i.e. filename, file size, resolution, etc. */
div.fileText {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 0.750rem !important;
    color: #c8c8c8 !important;
}

/* Fix post previews. */
#qp {
    border: 0 !important;
    box-shadow: none !important;
}


/* Relative to the quick reply. */
#qr {
    background: #2f2f2f !important;
    color: #eee !important;
    border: none !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: all 0.2s ease 0s;
}
#qr form {
    bottom: 12px !important;
    right: 0% !important;
    width: 300px !important;
    padding: 4px !important;
    margin-top: 23px !important;
    padding-top: 10px !important;
    padding-bottom: 3px !important;
    background: #2f2f2f !important;
    border-color: #2f2f2f !important;
    border-radius: 4px !important;
}
#dump-button {
    background: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #eee !important;
}

/* Color of the fields. */
#qr .field {
    background: #fefefe !important;
    border-color: #2f2f2f !important;
    color: #2f2f2f !important;
}

/* Movable QR? */
#qr span.move {
    display: none !important;
}

/* Remove menu */
#qr select {
    display: none !important;
}

/* Make the name field become invisible when there's something in it... */
#qr input.field:nth-child(2) {
    background: #fefefe !important;
    color: #fefefe !important;
}

/* ... And then make it visible again when you hover over it. */
#qr input.field:nth-child(2):hover {
    background: #fefefe !important;
    color: #2f2f2f !important;
}

/* Remove bar above the fields. */
#qr > div {
    position: fixed !important;
}

/* Relative to 4chan X's menu */
#fourchanx-settings.dialog,
fieldset legend,
a.tab-main.tab-selected {
    font-family: sans-serif !important;
    font-size: 11px !important;
    background: #2f2f2f !important;
    color: #dedede !important;
}

/*** Animations ***/

/* Change backlinks to >> and animate them. */
a.backlink {
    text-decoration: none !important;
    font-size: 0 !important;;
}
.backlink:after {
    font-size: 10px !important;
    padding: 1px;
    content: url('http://i.imgur.com/lFuGnSO.png') !important;
    text-decoration: none !important;
}
.backlink:hover::after,
.backlink.inlined::after {
    content: url('http://i.imgur.com/8iyz3ie.png') !important
}
#.backlink:not(:first-child) {
  #  margin-left: -1.0rem;
   # transition: all .1s linear .2s;
  #  opacity: 0;
}
/* Post menu animations. */
.postContainer:hover .backlink {
    margin-left: 0rem;
    transition-delay: .1s;
    opacity: 100;
}
.post.reply a.menu-button {
    opacity: 0;
    transition: all .2s;
}
.post.reply:hover .menu-button {
    opacity: 100;
    transition: all .1s;
}
/* QR animations. */
#qr.dialog.has-captcha.autohide,
#qr.dialog.autohide {
    top: -300px !important;
    height: 21px !important;
    transition: all 0.7s ease 0s;
}

#post-count, #file-count, #page-count {
    opacity: 0 !important;
}

#thread-stats{
    display: none !important;
}

#post-count:hover, #file-count:hover, #page-count:hover {
    opacity: 1 !important;
    cursor: default !important;
}

#updater{
    display: none !important;
}

}