Skip to content

Instantly share code, notes, and snippets.

@zixaphir
Created October 31, 2011 03:57
Show Gist options
  • Save zixaphir/1326877 to your computer and use it in GitHub Desktop.
Save zixaphir/1326877 to your computer and use it in GitHub Desktop.
board highlighting
/* Current Board Navigation Highlight, mostly based off of CSS from 4chan ~ Momiji by !K.WeEabo0o. */
@-moz-document url-prefix(http://boards.4chan.org/a/) {
#navtop > a[href*='/a/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/a/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/b/) {
#navtop > a[href*='/b/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/b/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/c/) {
#navtop > a[href*='/c/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/c/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/d/) {
#navtop > a[href*='/d/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/d/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/e/) {
#navtop > a[href*='/e/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/e/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/g/) {
#navtop > a[href*='/g/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/g/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/gif/) {
#navtop > a[href*='/gif/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/gif/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/h/) {
#navtop > a[href*='/h/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/h/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/hr/) {
#navtop > a[href*='/hr/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/hr/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/k/) {
#navtop > a[href*='/k/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/k/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/m/) {
#navtop > a[href*='/m/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/m/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/o/) {
#navtop > a[href*='/o/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/o/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/p/) {
#navtop > a[href*='/p/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/p/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/r/) {
#navtop > a[href*='/r/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/r/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/s/) {
#navtop > a[href*='/s/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/s/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/t/) {
#navtop > a[href*='/t/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/t/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/u/) {
#navtop > a[href*='/u/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/u']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/v/) {
#navtop > a[href*='/v/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/v/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/w/) {
#navtop > a[href*='/w/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/w/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/wg/) {
#navtop > a[href*='/wg/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/wg/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/i/) {
#navtop > a[href*='/i/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/i/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/ic/) {
#navtop > a[href*='/ic/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/ic/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/cm/) {
#navtop > a[href*='/cm/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/cm/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/y/) {
#navtop > a[href*='/y/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/y/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/3/) {
#navtop > a[href*='/3/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/3/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/adv/) {
#navtop > a[href*='/adv/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/adv/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/an/) {
#navtop > a[href*='/an/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/an/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/cgl/) {
#navtop > a[href*='/cgl/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/cgl/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/ck/) {
#navtop > a[href*='/ck/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important;}
#navtop > a[href*='/ck/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/co/) {
#navtop > a[href*='/co/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/co/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/fa/) {
#navtop > a[href*='/fa/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/fa/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/fit/) {
#navtop > a[href*='/fit/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/fit/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/int/) {
#navtop > a[href*='/int/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/int/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/jp/) {
#navtop > a[href*='/jp/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/jp/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/lit/) {
#navtop > a[href*='/lit/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/lit/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/mu/) {
#navtop > a[href*='/mu/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/mu/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/n/) {
#navtop > a[href*='/n/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/n/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/po/) {
#navtop > a[href*='/po/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/po/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/sci/) {
#navtop > a[href*='/sci/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/sci/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/soc/) {
#navtop > a[href*='/soc/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/soc/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/sp/) {
#navtop > a[href*='/sp/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/sp/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/tg/) {
#navtop > a[href*='/tg/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/tg/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/toy/) {
#navtop > a[href*='/toy/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/toy/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/trv/) {
#navtop > a[href*='/trv/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/trv/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/tv/) {
#navtop > a[href*='/tv/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/tv/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/vp/) {
#navtop > a[href*='/vp/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/vp/']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://rs.4chan.org/) {
#navtop > a[href*='rs.'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='rs.']:hover { background: rgba(255,255,255,.15) !important; }
}
@-moz-document url-prefix(http://boards.4chan.org/x/) {
#navtop > a[href*='/x/'] { background: rgba(0,0,0,0.3) !important; color: #ccc !important; font-weight: 700 !important; }
#navtop > a[href*='/x/']:hover { background: rgba(255,255,255,.15) !important; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment