Midnight Surfing - Global Dark Style (polished for Firefox)

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* browser background */
browser[type="content-primary"] {background-color: #141414 !important;}

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


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

*:not(:empty):not([onclick*="open"]):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 }

/* basic bodies */
html, body { background: none #141414 !important }

/* make descendents of the body element transparent.  formerly "div + span" rules. */
body * {background-color: transparent !important}

/* give id's bg hopefully */
div[id] {background-color: inherit !important}

/* filter non-icons */
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 */
html:root > body > * > * > * > *:not(input):not([onclick]) > div:not(:empty):not([id])

{background: none #1c1c1c !important}


/* :::::::: text presentation :::::::: */

summary, details {background-color: inherit !important}

abbr, progress, time, label,
.date {color: #cdefc2 !important}

mark,
code, pre,
blockquote,
[class*="quote"],
td[style*="inset"][class="alt2"]   { background-color: #00090f !important }


/* :::::::: headings + header :::::::: */

/* header gradient rules */

header, #header {background: -moz-linear-gradient(#333,#141414) transparent !important;}
#header h1 {background-color: transparent !important;}

h1, h2  {

background: none #28313e !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}


h3, h4 {

background: none #2a3731 !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}

h5, h6 {background: none #372a2a !important}


/* :::::::: lists :::::::: */

dt     {background-color: #2b3135 !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 {background-color: #232323 !important; border-color: #333 !important}
table table {background: #191919 !important;}

th, caption {background-color: #353535 !important}

/* :::::::: input :::::::: */

/*basic*/

input *, textarea * {color: #ddd !important;} /* anonymous divs */

html body input:not([type="image"]), button,
html body textarea {

background: none #353535 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
color:  #ddd  !important;
border: solid 1px #777 !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
opacity: 1 !important;}

/* style reset. */

html body input[type="checkbox"] {-moz-appearance: checkbox !important; -webkit-appearance: checkbox !important;}
html body input[type="radio"]    {-moz-appearance: radio !important; -webkit-appearance: radio !important;}

/* :::::::: custom styling :::::::: */

html:root input[type="button"],
html:root input[type="submit"],
html:root input[type="reset"],
html:root button {

color: #eee !important;
background-color: #222437 !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;}

html:root input[type="button"]:hover,
html:root input[type="submit"]:hover,
html:root input[type="reset"]:hover,
html:root button:hover {

color: #fff !important;
background-color: #31344f !important;
border-color: #5f687f !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
-webkit-box-shadow:  inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;}

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

/* drop-down menu */

select, option, optgroup{

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

/* :::::::: misc :::::::: */

address {background: none #333 !important}
hr   {background: none #444 !important}
.current {color: #fff !important;} /*currently viewed page*/

/* 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"], [class*="container"] {background-color: #1c1c1c !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}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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

* {
color: #ccc !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}


/* link */

a:link,
a:link *:not(img){

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

a:visited,
a:visited * {color: #cdb4e7 !important;}

a:hover,
a:hover *:not(img){

color: #ffe900 !important;
background-color: #363037 !important;
border-color: #999 !important}

html [href*="#"]:hover {color: #ffe900 !important; background-color: transparent !important;}


/* event handlers/attributes */

[onclick],
[ondblclick],
[onmousedown]

{color: #dfd5bc !important;
text-indent: 0 !important}

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

{color: #feff97 !important;}

/* make images transparent */

img  { opacity: .75 !important;}
img:hover  { opacity: 1 !important; background-color: #888 !important; }
svg {background: none #666 !important;}

/* highlight */
::-moz-selection {background-color: #626f61 !important; color: #f6f7b9 !important;}

/* :::::::: specific fixes :::::::: */

/* google search link fix */
.g .r {background-color: transparent !important;}

/* google result hover highlight*/
div.vsc:hover > .vspi, div.vso > .vspi {background: none transparent !important; border: none !important;}

}

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

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

window {background: #141414 !important;}

#newtab-scrollbox {
background-color: transparent !important;
background-image:
    url("chrome://browser/skin/newtab/noise.png"),
    -moz-linear-gradient(transparent,transparent) !important }

.newtab-title {background-color: rgba(0,0,0,.75) !important; color: #eee !important;}

}

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

html, html * {
  background: none #141414 !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}

}

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

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

}

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

html, body {background-color: #353535 !important; color: #CCC !important}
#abouts {background-color: #222 !important; border-color: #666 !important}

}

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

html, body {background-color: #000000 !important; color: #000000 !important}
#topSection {background-color: #353535 !important; border-color: #353535 !important}
#launcher {background-color: #353535 !important; border-color: #353535 !important}

}

@-moz-document url(about:sync-tabs) {

#tabsList {background-color: #222 !important}

}