SBi's Custom Theme

**Sazzy** · 26.06.10, 00:59

Originally Posted by anon

I'm bad at reading between the lines. Does that mean you're not able to do it?

Nope

! Try again

Lol, you're not kidding ^^

Originally Posted by Blocker

Great job Sazzy seems like you're the SB-I Greasemonkey Master

This is actually more of a Stylish script. Greasemonkey is javascript, while Stylish is pure CSS ^^

**tokiodrift1** · 26.06.10, 03:14

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

**Instab** · 26.06.10, 03:20

hehe, great. i could never stand that brown but each to his own

**tokiodrift1** · 26.06.10, 03:21

I am wondering what the what.cd-staff would say, if they could see that...

Maybe anon and the what.cd-dudes will become friends for life.

btw, I use stylish (firefox addon) instead of greasemonkey, but it should be working also vice-versa.

**Blocker** · 26.06.10, 03:31

Great work tokiodrift1

Awesome What.cd stylesheet

They maybe get angry about it

**tokiodrift1** · 26.06.10, 04:00

(my other post had reached the limit of 20k words)
here's is the third one
in
Anorex flawless brown.
(combine with banner code).

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: #c0965c !important;}

html *:after ,
html *:before

{color: #623402 !important;
border-color: #623402 !important;
background: none transparent !important;
background-color: #c0965c !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: #c0965c !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: #c0965c !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 #c0965c !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: #c0965c !important }


/* Headings + Header */

HEADER {background-color: #c0965c !important}

H1, H2  { 

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

H3 {

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

H4 {

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

H5, H6 {background: none #c0965c !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: #c0965c !important}

DL, DD { background-color: #c0965c !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: #c0965c !important}


/* Tables, cells */

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

background-color: #c0965c !important;
border-color: #623402 !important}

CAPTION {background-color: #c0965c !important}

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


TH   {background-color: #c0965c !important}
TR, TD:not([id])   {background-color: #c0965c !important}


/*** Input ***/

/*Basic*/

INPUT:not([type="image"]), button,
TEXTAREA {

background: none #c0965c !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: #c0965c !important}
INPUT[type="radio"]    {color: #623402 !important; background-color: #c0965c !important}

HTML:root INPUT[type="button"],
HTML:root INPUT[type="submit"],
HTML:root BUTTON {

color:  #623402  !important;
background-color: #c0965c !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: #c0965c !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 #c0965c !important;
border-color:#623402 !important;
color:#623402 !important;
-moz-appearance: none !important;}

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

ADDRESS {background: none #c0965c !important}

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

NOBR {background-color: #c0965c !important}

HR {background-color: #c0965c !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: #c0965c !important }


/* Also common */

[class*="content"] {background-color: #c0965c !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 #c0965c !important;
  color: #623402 !important;}

}

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

html, body {background-color: #c0965c !important; color: #623402 !important}
#errorPageContainer {background-color: #c0965c !important; border-color: #623402 !important}
#errorPageContainer button {opacity: .8 !important}

/*resurrect pages FF extension*/

#resurrect {background-color: #c0965c !important; border-color: #623402 !important} 

}

compared to Anorex what.cd

Of course you may also use the single banner.. like this..
(Code is in my previous post)

Regards,
~td1

---------- Post added at 04:00 ---------- Previous post was at 03:38 ----------

another special one...

As you know our friends over IPTorrents are changing their banners every few days... and 2BH they have really nice banners..

This script will grab the banner of our friends and replace it by the SB-innovation banner.
It will automatically change (on-the-fly) when the IPTorrents-Banners changes.

I tweaked the code so that it will fit well.

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://www.iptorrents.com/iptbanner1.jpg') no-repeat scroll 0 0 transparent!important;
  padding-top:92px!important;
  border: 22px #18212b solid !important;
  position:relative!important;
  top:1px!important;
  width:963px!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;
}

}

Before...

after...

It grabs the latest banner from IPT, How cool is that....

ok, enough said, anon you know what to do.

Regards,
~td1

**Sazzy** · 26.06.10, 08:18

Originally Posted by tokiodrift1

btw, I use stylish (firefox addon) instead of greasemonkey, but it should be working also vice-versa.

I noted in the first post that you should use Stylish xP Not sure why you are pointing that out again since none of these will work in Greasemonkey without seriously altering them;

and hey you forgot to change one value when editing my template, giving a little bug in yours

props if you can find out which!

Ps: not sure how you managed to take that IPTorrents screenshot with that code. This will suffice if you just want the header changed (with a tweaked border so it fits), giving the exact same result as your screenshot, unlike the css you posted:

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("sb-innovation.de") {
#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://www.iptorrents.com/iptbanner1.jpg') no-repeat scroll 0 0 transparent!important;
  padding-top:92px!important;
  border: 22px #18212b solid !important;
  position:relative!important;
  top:1px!important;
  width:963px!important;
}

}

**tokiodrift1** · 26.06.10, 13:26

yes I recommend stylish

.

and no need to tweak anything, also not for IPT.
Just use the above mentioned code.

And yes, i used your code and modified it, till I get the result.

In the end it was all about patience..., but finally I managed it.

Regards,
~td1

**Sazzy** · 26.06.10, 14:21

*giggles* Still! You do

Code:

#nav_btm
{
  background: #18212b !important;
  height:1px!important;
  width:872px!important;
}

That part is only for those who use the narrow template, while you are using the wide one. You can see this in your screenshots because the underlining of your menubar stops at some point

I had to do this because somehow my frontpage was wider than the rest, giving problems with my header which has a fixed width (unlike the original header)

Still, good job, congrats! :)

**SBfreak** · 26.06.10, 15:20

Very nice done td1.
One thing I'd like to know.
Can't you change that background color inside the post to match the one from the what.cd announcement?

**tokiodrift1** · 26.06.10, 16:06

Originally Posted by Sazzy

...
Still, good job, congrats! :)

Thanks,...

Originally Posted by SBfreak

Very nice done td1.
One thing I'd like to know.
Can't you change that background color inside the post to match the one from the what.cd announcement?

No problem, I'll do that.

btw, what abt this one (my fav--> whatnificant)....

you might grab this wallpaper.

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://img694.imageshack.us/img694/1151/zzzzare.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;
}

}

Regards,
~td1

**Sazzy** · 26.06.10, 16:47

You still didn't fix it the #nav_btm in yours :/

**anon** · 26.06.10, 18:11

Originally Posted by tokiodrift1

Anorex Darker Brown and Brown Light.
Combine Banner with one of the others...

Great work. You just got +100 as promised.

Now, if I only got it to work on Opera.

**tokiodrift1** · 26.06.10, 18:19

Maybe this could help..

UserJS is the equivalent of GreaseMonkey, Custom Stylesheet is the equivalent of Stylish. Of course functionality-wise they are not strictly the same, for example it's impossible to style Opera's interface with a custom CSS or script.

For site specific styles, just apply custom stylesheet to site specific preferences.

source

btw, thanks for the reps...

( i thought i read 200+ points..

)

Best Regards,
~td1