DarKrompusGlobalDarkTheme.css

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

@-moz-document regexp("^(?!(file:\/\/\/home\/krompus\/code\/homepage-public)).*") {
@-moz-document regexp("^(?!(file:\/\/\/home\/krompus\/code\/homepage)).*") {
@-moz-document regexp("^(?!(http:\/\/store\.steampowered\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/www\.google\.ca\/maps)).*") {
@-moz-document regexp("^(?!(https:\/\/wiki\.archlinux\.org)).*") {
@-moz-document regexp("^(?!(https:\/\/bbs\.archlinux\.org)).*") {
@-moz-document regexp("^(?!(https:\/\/www\.google\)).*") {
@-moz-document regexp("^(?!(https:\/\/ptpw)).*") {
@-moz-document regexp("^(?!(https:\/\/mail\.google\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/translate\.google\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/www\.reddit\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/www\.facebook\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/www\.youtube\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/soundcloud\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/imgur\.com)).*") {
@-moz-document regexp("^(?!(http:\/\/www\.imdb\.com)).*") {
@-moz-document regexp("^(?!(http:\/\/play\.typeracer\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/xkcd\.com)).*") {
@-moz-document regexp("^(?!(http:\/\/i3wm)).*") {
@-moz-document regexp("^(?!(https:\/\/duckduckgo\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/imgur\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/pelvis89\.imgur\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/github\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/gist\.github\.com)).*") {
@-moz-document regexp("^(?!(http:\/\/5digits\.org)).*") {
@-moz-document regexp("^(?!(http:\/\/en\.wikipedia\.org)).*") {
@-moz-document regexp("^(?!(https:\/\/en\.wikipedia\.org)).*") {
@-moz-document regexp("^(?!(https:\/\/drive\.google\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/thepiratebay)).*") {
@-moz-document regexp("^(?!(https:\/\/kat)).*") {
@-moz-document regexp("^(?!(https:\/\/discordapp\.com)).*") {
@-moz-document regexp("^(?!(about:)).*") {
@-moz-document regexp("^(?!(https:\/\/stackexchange)).*") {
@-moz-document regexp("^(?!(http:\/\/stackexchange)).*") {
@-moz-document regexp("^(?!(https:\/\/stackoverflow\.com)).*") {
@-moz-document regexp("^(?!(https:\/\/superuser\.com)).*") {*/

* {
  border: none !important;
  text-shadow: none !important;
}

/* Browser Background */
browser[type="content-primary"] {
background-color: #0D0D0D !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*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
background-image: none !important;
}

/* Basic Bodies */
html,
body {
background: none #0D0D0D !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*="prite"]) {

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 #transparent!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: #080808 !important;
color: #ffffff !important;
font-family: tamsyn !important;
font-size: 9pt !important;
}


/* :::::::: Headings + Header :::::::: */

/* Header gradient rules */

header, 
#header {
background: #0d0d0d !important;
}

#header h1 {
background-color: transparent !important;
}

h1,
h2 { 
background: none #0d0d0d !important;
color: #ffffff !important;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
} 

h3,
h4 {
background: none #0d0d0d !important;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
} 

h5,
h6 {
background: none #0d0d0d !important;
}


/* :::::::: Lists :::::::: */

dt {
background-color: #0d0d0d !important;
}

dl,
dd {
background-color: #0d0d0d !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,

/* Not list item, but still useful*/

[class*="menuitem"]:hover {
background-color: #141414 !important;
}

/* :::::::: Tables, cells :::::::: */

table {
background-color: #0b0b0b !important; 
border-color: #1C1C1C !important;
}

table table {
background: #0D0D0D !important;
}

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

/* :::::::: Input :::::::: */

/* === Basic === */

/* anonymous divs */

input *,
textarea * {
color: #ffffff !important;
}

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

background: none #101010 !important; 
-moz-appearance: none !important;
-webkit-appearance: none !important;
color:  #ffffff  !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: #009BD7 !important;
background-color: #131313 !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;

#-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 #transparent !important;
color:#f1f1f1 !important;
-moz-appearance: none !important;
}

/* :::::::: Misc :::::::: */

address {
background: none #333 !important;
}

hr {
background: none #090909 !important
}

/*currently viewed page*/
.current {
color: #FFF !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: #0d0d0d !important}

/* Also common */
[class*="content"],
[class*="container"] {
background-color: #0B0B0B !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: #ffffff !important; 
border-color: #444 !important;
outline-color: #444 !important;
text-shadow: none !important;
border: none !important;
}

html *:after,
html *:before {
color: #ffffff !important;
border-color: #666 !important;
background: none transparent !important;
}


/* Link */

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

color: #1F9BE6 !important;
text-decoration: none !important;
background-color: transparent !important;
border-color: #666 !important;}

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

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

color: #FF0000 !important; 
background-color: #transparent !important;
border-color: #transparent !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: #080808 !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 #080808 !important;
  color: #CCC !important;
  }

}

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

html, body {
background-color: #353535 !important;
color: #ffffff !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;
} 

}