SBi's Custom Theme

[Sazzy]

SBi's Custom Theme, as requested by SBf ^^

It's a quick mock up since I didn't have A LOT of spare time to work on this. I might continue working on it later, though, when I find some more spare time.

One with hearts for the true lovers, one without for those that don't feel manly enough to deal with it.

This code is meant for Stylish!! (Since Greasemonkey sucks for userstyles) Obviously, it can easily be converted to a Greasemonkey script, but I wouldn't recommend it as Greasemonkey injects after page load while Stylish injects before. This way you don't have that half second "flash" you get with Greasemonkey. If demand is high enough, I'll post a Greasemonkey version too.

Enjoy guys!

SBi Hearts for true lovers

Spoiler 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://i47.tinypic.com/2u9spir.png') no-repeat scroll 0 0 transparent!important;
  padding-top:145px!important;
  border: 1px #18212b solid !important;
  position:relative!important;
  top:1px!important;
  width:872px!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;
}

}

SBi For Manly Men

Spoiler 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://i45.tinypic.com/ffakr6.png') no-repeat scroll 0 0 transparent!important;
  padding-top:145px!important;
  border: 1px #18212b solid !important;
  position:relative!important;
  top:1px!important;
  width:872px!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;
}

}

For rounded corners, see this post.

Note: this doesn't work anymore due to the vB4 update!

Note 2: updated as of 18/7, go here!

[hellman]

loved it ............. awesome
that really can b used no kidding

next time use red and balck combination.my fav ..not a orde just a request if u ever did made one more

[The248]

not my kind of style
but thumbs up for the work

[Instab]

the bg gradient reminds me of ScT. at least a bit.

[Sazzy]

next time use red and balck combination

I'll keep that in mind.

I like to use blue though, due to the psychology behind it, and blue just being plain pretty!

The color of the sky and the ocean, blue is one of the most popular colors. It causes the opposite reaction as red. Peaceful, tranquil blue causes the body to produce calming chemicals, so it is often used in bedrooms. Blue can also be cold and depressing. Fashion consultants recommend wearing blue to job interviews because it symbolizes loyalty. People are more productive in blue rooms. Studies show weightlifters are able to handle heavier weights in blue gyms.

The most emotionally intense color, red stimulates a faster heartbeat and breathing. It is also the color of love. Red clothing gets noticed and makes the wearer appear heavier. Since it is an extreme color, red clothing might not help people in negotiations or confrontations. Red cars are popular targets for thieves. In decorating, red is usually used as an accent. Decorators say that red furniture should be perfect since it will attract attention.

The most romantic color, pink, is more tranquilizing. Sports teams sometimes paint the locker rooms used by opposing teams bright pink so their opponents will lose energy.

This psychology can be found in any professional site. Blue is usually a more professional look, while for instance yellow is usually a new, young and refreshing company. More about this on Google!

the bg gradient reminds me of ScT. at least a bit.

Not on there so I wouldn't know ^^

[anon]

Not on there so I wouldn't know ^^

The place closed, but you can see a review here:
http://www.sb-innovation.de/showthre...threadid=10667

[Sazzy]

The place closed, but you can see a review here:
http://www.sb-innovation.de/showthre...threadid=10667

Looks more like 1 color rather than a gradient to me

[The248]

What about making everything a bit more "round" like sct?

[Sazzy]

You can, if you want to.

However, because of the way some stuff is built up in this site, it results in having little (almost invisible but enough to annoy me) edges behind the corners. If I remove these, All the light grey borders are gone in the posts, making them a complete mess.

If you still want this, you can easily get this by doing the following:

Add this to "#hdr":

  -moz-border-radius-topright: 3em!important; 
  -moz-border-radius-topleft: 3em!important;

And add this to ".tcat, .vbmenu_control"

  -moz-border-radius-topright: .5em!important; 
  -moz-border-radius-topleft: .5em!important;

and then it looks like this!

[tokiodrift1]

I think we need a theme in what.cd style, will try to make one for anon (anytime soon)...

[anon]

Anyone managing to make a What.cd anorex-like theme for SB-I gets +100 rep from me. Fact.

[Sazzy]

Anyone managing to make a What.cd anorex-like theme for SB-I gets +100 rep from me. Fact.

If only you just heard my giant sigh.

[anon]

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

[Blocker]

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

Rep added

[crystal]

great work Sazzy , the theme looks slick and stylish agreed with Instab , it does remind me of ScT as well .