@namespace url(http://www.w3.org/1999/xhtml); /* Browser Background */ browser[type="content-primary"] {background-color: #152E49 !important;} @-moz-document domain("shoryuken.com") { /*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 #0d1d2e !important } body>*>*:not(:empty){background-color:#152e49!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: #152E49 !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 #0B294A !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, .date {color: #CDEFC2 !important} MARK, CODE, PRE, [class*="quote"], TD[style*="inset"][class="alt2"] { background-color: #333 !important } /* Headings + Header */ HEADER {background-color: #152E49 !important} H1, H2 { background: none #152E49 !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;} H3 { background: none #032344 !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;} H4 { background: none #032344 !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;} H5, H6 {background: none #152E49 !important} /* Lists */ DT {background-color: #152E49 !important} DL, DD { background-color: #152E49 !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: #152E49 !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: #152E49 !important} /*** Input ***/ /*Basic*/ INPUT *, TEXTAREA * {color: #DDD !important;} HTML BODY INPUT:not([type="image"]), button, HTML BODY TEXTAREA { background: none #353535 !important; -moz-appearance: none !important; color: #ddd !important; border: solid 1px #777 !important; -moz-border-radius: 0 !important; opacity: 1 !important;} /* Style reset. Ineffecient, yes, but I REALLY don't feel like fighting around with specificity scores. I'll style it later, maybe*/ HTML BODY INPUT[type="checkbox"] {-moz-appearance: checkbox !important;} HTML BODY INPUT[type="radio"] {-moz-appearance: radio !important;} 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 300px 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 300px 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{ 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: #152E49 !important } /* Also common */ [class*="content"] {background-color: inherit !important} /* Header gradient rules */ #header {background: -moz-linear-gradient(#0E3359,#021529) transparent !important;} #header h1 {background-color: transparent !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: #FFF !important; border-color: #0B1725 !important; outline-color: #0B1725 !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: #DFD5BC !important; border-color: #999 !important} html [href*="#"]:hover {color: #FFE900 !important; background-color: transparent !important;} /* Headers with links*/ h1 a[href], h2 a[href], h3 a[href], h4 a[href], h5 a[href], h6 a[href] {color: #D6F3FF !important} h1 a[href]:hover, h2 a[href]:hover, h3 a[href]:hover, h4 a[href]:hover, h5 a[href]:hover, h6 a[href]:hover {color: #D6F3FF !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 not transparent */ IMG { opacity: 1 !important;} svg {background: none #666 !important;} /* Highlight */ ::-moz-selection {background-color: #C0E8FF !important; color: #FFFFFF !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: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} }