zenburn CSS for stylish

/* Try to have a nice zenburn appearence for all websites */
@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://){


/* Universal - sets color of text, border */

* {
color: #dcc !important;
border-color: #444 !important;
outline-color: #444 !important;
text-shadow: none !important;}

html *:after ,
html *:before

{color: #CCC !important;
border-color: #666 !important;
background: none transparent !important}

/*No background images. try to exclude icons, other misc items. */

*:not(:empty):not([onclick*="open"]):not(IMG):not(SPAN):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([id*="lbImage"])

{ background-image: none !important }


/* Link */

a[href],
a[href] *{

color: #efdcbc !important;
background-color: transparent !important;
border-color: #666 !important;}

/* Event Handlers/Attributes */

[onclick],
[ondblclick],
[onmousedown]

{color: #DFD5BC !important;
background-color: transparent !important;
text-indent: 0 !important}

[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover

{color: #FEFF97 !important;}

/* Make images translucent */

IMG { opacity: .75 !important }
IMG:hover { opacity: 1 !important }


/* Basic Bodies */

HTML, BODY { background: none #3f3f3f !important }


/* Make descendents of the body element transparent. Formerly "DIV + SPAN" rules. */

BODY * {background-color: transparent !important}

DIV[id] {background-color: inherit !important}

SPAN:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="Sprite"]):not([class*="sprite"]) {

background: none transparent !important;
border-color: #000 !important}

/* Try to contrast containers against the background that are well within the DOM tree */

html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])

{background: none #3f3f3f !important}


/* Text Presentation */

DFN, FONT, B, I, P, BIG, SMALL, STRONG, EM, CENTER { background-color: transparent !important }

SUMMARY, DETAILS {background-color: inherit !important}

ABBR, PROGRESS, TIME, LABEL {color: #bbccff !important}

MARK,
CODE, PRE,
BLOCKQUOTE, BLOCKQUOTE *,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: inherit !important }


/* Headings + Header */

HEADER {background-color: #232323 !important}

H1, H2 {

background: inherit !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}

H3 {

background: inherit !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}

H4 {

background: inherit !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}

H5, H6 {background: inherit !important}

/* Headers with links*/

h1 a[href],
h2 a[href],
h3 a[href],
h4 a[href],
h5 a[href],
h6 a[href] {color: #C7D6C7 !important}


/* Lists */

DT {background-color: #372A2A !important}

DL, DD { background-color: #232323 !important}

LI, UL {background-color: inherit !important}

LI A:not([class*="icon"]):not([id*="icon"]):not([onclick]),
DT A:not([class*="icon"]):not([id*="icon"]):not([onclick])

{background-image: none !important; text-indent: 0 !important}


/* list Item highlight */

LI[class*="item"] A:hover,
LI[class*="item"]:hover,

[class*="menuitem"]:hover /* Not list item, but still useful*/

{background-color: #2E2B2F !important}


/* Tables, cells */

TABLE, COLGROUP, COL, THEAD, TBODY, TFOOT {

background-color: #232323 !important;
border-color: #333 !important}

CAPTION {background-color: #353535 !important}

TABLE[border="0"]:not([class]) {background-color: inherit !important}
TABLE[WIDTH] {background-color: #111 !important}


TH {background-color: #3d3737 !important}
TR, TD:not([id]) {background-color: inherit !important}
THEAD {background-color: inherit !important}


/*** Input ***/

/* Style reset. Ineffecient, yes, but I REALLY don't feel like fighting around with specificity scores*/

INPUT[type="checkbox"] {-moz-appearance: checkbox !important;}
INPUT[type="radio"] {-moz-appearance: radio !important;}

HTML:root INPUT[type="image"] {opacity: .85 !important}
HTML:root INPUT[type="image"]:hover {opacity: .95 !important}


/* Drop-down menu */

SELECT, OPTION{

background: none #383838 !important;
border-color:#555 !important;
color:#f1f1f1 !important;
-moz-appearance: none !important;}

/***************
* Misc *********/

ADDRESS {background: none #333 !important}

IFRAME, FIELDSET, LEGEND, FORM {background: none transparent !important}

NOBR {background-color: #232323 !important}

HR {background-color: #999 !important}


/* Remove Rounded Corners, Borders, Spacer, Padding images */

IMG[src*="spacer"]:empty,
[id*="round"]:empty,
[id*="bottom"]:empty, [class*="bottom"]:empty, [class*="Bottom"]:empty,
[id*="top"]:empty, [class*="top"]:empty, [class*="Top"]:empty,
[class*="spacer"]:empty

{background-image: none !important;}


/* Menus and Navigation */

NAV *,
MENU *,

/*Common naming conventions - in case previous declarations fail to give solid BG*/

HTML BODY [class*="open"],
HTML BODY [id*="Dropdown"],
HTML BODY [id*="dropdown"],
HTML BODY [class*="Dropdown"],
HTML BODY [class*="dropdown"],
HTML BODY [id*="menu"]:not(SELECT),
HTML BODY [class*="menu"]:NOT(SELECT),
HTML BODY [class*="tooltip"],
HTML BODY [class*="popup"],
HTML BODY [id*="popup"],

/* Notes, details, etc. Maybe useful */

HTML BODY [class*="note"],
HTML BODY [class*="detail"],
HTML BODY [class*="description"]

{ background-color: #232323 !important }


/* Also common */

[class*="content"] {background-color: inherit !important}


/* Headers, Logos */

[id*="masthead"] a,[id*="header"] a,
[id*="logo"] a, [class*="logo"] a

{text-indent: 0 !important;}


/* Instead of increasing specificity rating by using :not, set rules separately */

HTML:root BODY [class*="layer"],
HTML:root BODY #lightbox-nav,
HTML:root BODY #imageContainer {background-color: transparent !important}

}


/*********************
About...**************/

@-moz-document url(about:blank) {

html, html * {
  background: none #3f3f3f !important;
  color: #CCC !important;}

}

@-moz-document url-prefix("about:neterror") {

html, body {background-color: #353535 !important; color: #CCC !important}
#errorPageContainer {background-color: #222 !important; border-color: #666 !important}
#errorPageContainer button {opacity: .8 !important}

/*resurrect pages FF extension*/

#resurrect {background-color: #333 !important; border-color: #000 !important}

}

html > * {
  background-color: #3f3f3f !important;
  color: #CCC !important;
  border-color: black !important;
}

a {
  color: #efdcbc !important;
  background-color: transparent !important;
}

a:visited {
  color: #b3c3a3 !important;
  background-color: transparent !important;
}

body input, body textarea, body select, body button {
  background-color: #4f4f4f !important;
  color: #dcdccc !important;
}