Anorex Darker Brown and Brown Light.
Combine Banner with one of the others...
Banner:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("sb-innovation.de") {
html {
min-height: 100% !important;
}
body {
background:-moz-radial-gradient(center top, #18212b, #5c80a5) no-repeat scroll 0 0 transparent!important;
}
#brd_outer
{
border:0 !important;
}
#brd_in
{
border: 1px #18212b solid !important;
}
#logo
{
background:transparent!important;
}
#hdr_rs
{
background:transparent!important;
}
#hdr
{
background:url('http://img707.imageshack.us/img707/6008/unbenannt31.jpg') no-repeat scroll 0 0 transparent!important;
padding-top:72px!important;
border: 1px #18212b solid !important;
position:relative!important;
top:1px!important;
width:1024px!important;
}
table.tcat > tbody > tr > td > img
{
visibility:hidden!important;
}
.tcat, .vbmenu_control
{
background:-moz-linear-gradient(center top, #5c80a5, #2d4158) scroll 0 0 transparent!important;
color: #5c80a5!important;
font-weight:normal!important;
}
table.tcat,
.tborder td.tcat
{
border: 1px #18212b solid !important;
}
table.tcat a:link,
table.tcat a:visited,
table.tcat a:hover,
table.tcat strong,
td.tcat center,
#nav_back a:link,
#nav_back a:visited,
#nav_back a:hover,
.tborder td.tcat a:link,
.tborder td.tcat a:visited,
.tborder td.tcat a:hover ,
.vbmenu_control a:link,
.vbmenu_control a:visited,
.vbmenu_control a:hover {
color: #7cb0e5!important;
}
#nav_back
{
background:-moz-linear-gradient(center top, #5c80a5, #2d4158) scroll 0 0 transparent!important;
}
#nav_btm
{
background: #18212b !important;
height:1px!important;
width:872px!important;
}
.tcat .smallfont
{
color: white!important;
}
}
Brown light:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("sb-innovation.de") {
/* Universal - sets color of text, border */
* {
color: #623402 !important;
border-color: #623402 !important;
outline-color: #623402 !important;
text-shadow: none !important;
background-color: #c0966c !important;}
html *:after ,
html *:before
{color: #623402 !important;
border-color: #623402 !important;
background: none transparent !important;
background-color: #c0966c !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;
background-color: #c0966c !important;}
/* Link */
a[href],
a[href] *{
color: #b28240 !important;
background-color: transparent !important;
border-color: #623402 !important;}
a:visited {color: #004569 !important}
a[href]:hover *{
color: #b28240 !important;
background-color: #c0966c !important;
border-color: #623402 !important}
a:hover {color: #b28240 !important}
[href="#"]:hover {color:#b28240 !important} /*No background color*/
/* Event Handlers/Attributes */
[onclick],
[ondblclick],
[onmousedown]
{color: #623402 !important;
background-color: transparent !important;
text-indent: 0 !important}
[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover
{color: #623402 !important;}
/* Make images translucent */
IMG { opacity: .75 !important }
IMG:hover { opacity: 1 !important }
/* Basic Bodies */
HTML, BODY { background: none #c0966c !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: #623402 !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 #1c1c1c !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: #623402 !important}
MARK,
CODE, PRE,
BLOCKQUOTE, BLOCKQUOTE *,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: #c0966c !important }
/* Headings + Header */
HEADER {background-color: #c0966c !important}
H1, H2 {
background: none #c0966c !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H3 {
background: none #c0966c !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H4 {
background: none #c0966c !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H5, H6 {background: none #c0966c !important}
/* Headers with links*/
h1 a[href],
h2 a[href],
h3 a[href],
h4 a[href],
h5 a[href],
h6 a[href] {color: #623402 !important}
/* Lists */
DT {background-color: #c0966c !important}
DL, DD { background-color: #c0966c !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: #c0966c !important}
/* Tables, cells */
TABLE, COLGROUP, COL, THEAD, TBODY, TFOOT {
background-color: #c0966c !important;
border-color: #623402 !important}
CAPTION {background-color: #c0966c !important}
TABLE[border="0"]:not([class]) {background-color: inherit !important}
TABLE[WIDTH] {background-color: #c0966c !important}
TH {background-color: #c0966c !important}
TR, TD:not([id]) {background-color: #c0966c !important}
/*** Input ***/
/*Basic*/
INPUT:not([type="image"]), button,
TEXTAREA {
background: none #c0966c !important;
-moz-appearance: none !important;
color: #623402 !important;
border: solid 1px #623402 !important;
opacity: 1 !important;}
/* Style reset. Ineffecient, yes, but I REALLY don't feel like fighting around with specificity scores*/
INPUT[type="checkbox"] {color: #623402 !important; background-color: #c0966c !important}
INPUT[type="radio"] {color: #623402 !important; background-color: #c0966c !important}
HTML:root INPUT[type="button"],
HTML:root INPUT[type="submit"],
HTML:root BUTTON {
color: #623402 !important;
background-color: #c0966c !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: #623402 !important;
background-color: #c0966c !important;
border-color: #623402 !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{
background: none #c0966c !important;
border-color:#623402 !important;
color:#623402 !important;
-moz-appearance: none !important;}
/***************
* Misc *********/
ADDRESS {background: none #c0966c !important}
IFRAME, FIELDSET, LEGEND, FORM {background: none transparent !important}
NOBR {background-color: #c0966c !important}
HR {background-color: #c0966c !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: #c0966c !important }
/* Also common */
[class*="content"] {background-color: #c0966c !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 #c0966c !important;
color: #623402 !important;}
}
@-moz-document url-prefix("about:neterror") {
html, body {background-color: #c0966c !important; color: #623402 !important}
#errorPageContainer {background-color: #c0966c !important; border-color: #623402 !important}
#errorPageContainer button {opacity: .8 !important}
/*resurrect pages FF extension*/
#resurrect {background-color: #c0966c !important; border-color: #623402 !important}
}
Dark Brown:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("sb-innovation.de") {
/* Universal - sets color of text, border */
* {
color: #c0965c !important;
border-color: #c0965c !important;
outline-color: #c0965c !important;
text-shadow: none !important;
background-color: #623402 !important;}
html *:after ,
html *:before
{color: #c0965c !important;
border-color: #c0965c !important;
background: none transparent !important;
background-color: #623402 !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;
background-color: #623402 !important;}
/* Link */
a[href],
a[href] *{
color: #b28240 !important;
background-color: transparent !important;
border-color: #c0965c !important;}
a:visited {color: #004569 !important}
a[href]:hover *{
color: #b28240 !important;
background-color: #623402 !important;
border-color: #c0965c !important}
a:hover {color: #b28240 !important}
[href="#"]:hover {color:#b28240 !important} /*No background color*/
/* Event Handlers/Attributes */
[onclick],
[ondblclick],
[onmousedown]
{color: #c0965c !important;
background-color: transparent !important;
text-indent: 0 !important}
[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover
{color: #c0965c !important;}
/* Make images translucent */
IMG { opacity: .75 !important }
IMG:hover { opacity: 1 !important }
/* Basic Bodies */
HTML, BODY { background: none #623402 !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: #c0965c !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 #1c1c1c !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: #c0965c !important}
MARK,
CODE, PRE,
BLOCKQUOTE, BLOCKQUOTE *,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: #623402 !important }
/* Headings + Header */
HEADER {background-color: #623402 !important}
H1, H2 {
background: none #623402 !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H3 {
background: none #623402 !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H4 {
background: none #623402 !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}
H5, H6 {background: none #623402 !important}
/* Headers with links*/
h1 a[href],
h2 a[href],
h3 a[href],
h4 a[href],
h5 a[href],
h6 a[href] {color: #c0965c !important}
/* Lists */
DT {background-color: #623402 !important}
DL, DD { background-color: #623402 !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: #623402 !important}
/* Tables, cells */
TABLE, COLGROUP, COL, THEAD, TBODY, TFOOT {
background-color: #623402 !important;
border-color: #c0965c !important}
CAPTION {background-color: #623402 !important}
TABLE[border="0"]:not([class]) {background-color: inherit !important}
TABLE[WIDTH] {background-color: #623402 !important}
TH {background-color: #623402 !important}
TR, TD:not([id]) {background-color: #623402 !important}
/*** Input ***/
/*Basic*/
INPUT:not([type="image"]), button,
TEXTAREA {
background: none #623402 !important;
-moz-appearance: none !important;
color: #c0965c !important;
border: solid 1px #c0965c !important;
opacity: 1 !important;}
/* Style reset. Ineffecient, yes, but I REALLY don't feel like fighting around with specificity scores*/
INPUT[type="checkbox"] {color: #c0965c !important; background-color: #623402 !important}
INPUT[type="radio"] {color: #c0965c !important; background-color: #623402 !important}
HTML:root INPUT[type="button"],
HTML:root INPUT[type="submit"],
HTML:root BUTTON {
color: #c0965c !important;
background-color: #623402 !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: #c0965c !important;
background-color: #623402 !important;
border-color: #c0965c !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{
background: none #623402 !important;
border-color:#c0965c !important;
color:#c0965c !important;
-moz-appearance: none !important;}
/***************
* Misc *********/
ADDRESS {background: none #623402 !important}
IFRAME, FIELDSET, LEGEND, FORM {background: none transparent !important}
NOBR {background-color: #623402 !important}
HR {background-color: #623402 !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: #623402 !important }
/* Also common */
[class*="content"] {background-color: #623402 !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 #623402 !important;
color: #c0965c !important;}
}
@-moz-document url-prefix("about:neterror") {
html, body {background-color: #623402 !important; color: #c0965c !important}
#errorPageContainer {background-color: #623402 !important; border-color: #c0965c !important}
#errorPageContainer button {opacity: .8 !important}
/*resurrect pages FF extension*/
#resurrect {background-color: #623402 !important; border-color: #c0965c !important}
}
It will look like this..
mfg
td1
Bookmarks