SBi's Custom Theme

**Blocker** · 16.07.10, 20:09

Sazzy's themes are great ,why don't you add them to the themes options for the SB-I VB4 ????

**anon** · 16.07.10, 20:10

Planned.

**Rebound** · 16.07.10, 20:33

Theme added.

Thanks sazzy.

**Sazzy** · 18.07.10, 00:09

New version, fixed how polls look and some other small changes

Code:

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

@-moz-document domain("sb-innovation.de") {

html
{
  background: url("http://www.sb-innovation.de/images/sazzy/bg.png") repeat scroll 0 0 #E9E9E9!important;
}

body, .title, .content, .date, .nodecontrols, 
.postlist_popups, .toplinks, .optiontitle, .footer,
.floatcontainer li a, .bbcode_container, .bbcode_code, .threadlisthead,
.posttext, .searchlisthead, .message, .quote_container, .bbcode_postedby,
.postpreview, .postpreview blockquote, pre, code, kbd, samp, tt, .textbox, textarea, select, .blockhead
{
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif !important;
}

.above_body
{
  width: 1064px ! important;
  margin: 1em 0 0 0 !important;
  -moz-border-radius:0 !important;
}

.body_wrapper
{
  width: 1024px ! important;
}

.above_body, .body_wrapper, .below_body
{
  margin-left: auto !important;
  margin-right: auto !important;
}

.posthead, .above_body, .blockhead, .threadlisthead,
.searchlisthead
{
  -moz-border-radius-topright: .4em!important; 
  -moz-border-radius-topleft: .4em!important;
}

.posthead, .above_body, .blockhead, .footer, 
.forumhead, .threadlisthead, .searchlisthead, .newcontent_textcontrol
{
  background:-moz-linear-gradient(center top, #5c80a5, #2d4158) scroll 0 0 transparent!important;
}

.posthead
{
  position: relative!important;
  left: 1px;
}

.logo-image img
{
  visibility:hidden!important;
}

.logo-image
{
  width: 477px!important;
  height: 65px!important;
  margin-top: 2em!important;
  margin-left: 2em!important;
  margin-bottom: 2em!important;
  background-image:url("http://www.sb-innovation.de/images/sazzy/logo.png") !important;
}

.toplinks
{
  top: 1em!important;
  right: .5em!important;
  font-size: 110%!important;
}

.above_body
{
  border-top: 1px #18212b solid !important;
  border-left: 1px #18212b solid !important;
  border-right: 1px #18212b solid !important;
  border-bottom: 0px #18212b solid !important;
}

.body_wrapper
{
  -moz-border-radius: 0!important;
  border-top: 0px #18212b solid !important;
  border-left: 1px #18212b solid !important;
  border-right: 1px #18212b solid !important;
  border-bottom: 1px #18212b solid !important;
}

.forumrow
{

  border-top: 0px #B5CCDB solid !important;
  border-left: 1px #B5CCDB solid !important;
  border-right: 1px #B5CCDB solid !important;
  border-bottom: 1px #B5CCDB solid !important;
}

.below_body
{
  display:none!important;
}

.footer_copyright
{
  padding: 1em!important;
}

.options_block_container
{
  padding-top: .5em!important;
}

.footer_links
{
  padding-top: .2em!important;
} 

#social_bookmarks_list
{
  padding-top: .5em !important;
}

.forumhead .forumtitle
{
  margin-left: 10px!important;
}


.forumhead .forumtitle a
{
  margin-left: 0px!important;
}

.forumhead
{
  margin-top: 1.5em!important;
}

dl.tabslight dd a
{
  margin-right: 1px!important;
}

span.threadstats, dl.stats
{
  background-color: transparent!important;
}

.threadbit .alt 
{
  background: transparent!important;
}

.body_wrapper, .forumrow, .postbody, .postdetails, 
.userinfo, .blockrow, .blockfoot, .navlinks,
.thread_info_block, #reputationlist, .blockbody,
.nonsticky, .sticky, .threadstats, .threadpostedin,
.postbit, #view-aboutme h4, .nonthread, #forum_display_options,
#icon_legends, #thread_posting_rules, .wgo_subblock, .stats,
#pollinfo
{
  background-color: #E9E9E9!important;
}

.textbox, textarea, select
{
  background-color: #efefef!important;
}

.textbox, textarea, select, 
.button, .pagination a, .newcontent_textcontrol,
 #forumdisplay_navpopup > a.popupctrl, #showthread_navpopup > a.popupctrl, #inlinemod_formctrls > a.popupctrl, #thread_tags_list .textcontrol,
#forumdisplay_navpopup .textcontrol, #showthread_navpopup .textcontrol,
.block .textcontrol
{
  -moz-box-shadow: 1px 1px 1px #5b5b5b !important;
  -moz-border-radius: .3em!important;
}

.popupctrl, .pagination a
{
  margin-right: 3px !important;  
}


.postbithead, .alt2, .bbcode_code
{
  -moz-border-radius: .3em!important; 
}

#usercp_thanks_table .alt2
{
  border: 0!important;
}

.alt2, .bbcode_code
{
  border: 1px solid black!important;
}

.postbithead, .navbit > a
{
  border: 1px solid #417394!important;
}

.navbit > span
{
  border: 0px !important;
}


dd.selected a, .above_threadlist_controls, .thread_controls, .postbithead
{
background: url("http://www.sb-innovation.de/images/gradients/selected-tab-gradient-with-top-alpha.png") repeat-x scroll 0 -4px #7192A8 !important;
}

hr
{
  color: #B5CCDB !important;
}

.pagination .selected a
{
  border: 1px solid #417394!important;
  color: #417394!important;
}

.pagination span a:hover 
{
  border:1px solid #417394 !important;
}

.pagination a
{
  border: 1px solid #B5CCDB !important;
  background-color: #cedde7 !important;
  -moz-border-radius: .3em!important;
}

.above_body, .body_wrapper
{
  -moz-box-shadow: 3px 3px 3px #5b5b5b !important;
}

.footer
{
  -moz-border-radius: .4em !important;
}

.threadstatus
{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  background-position: center center !important;
}

.navtabs .popupbody li a:hover,
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a,
#usercp_nav .blockrow * a:hover, li.active
{
  background-color:#7192A8!important ;
}

.postbody
{
  border-left:0 !important;
}

.postdetails, .postfoot, #polloptions, #pollresults, .pollsubhead
{
  border-left:1px solid #6B91AB !important;
  border-right:1px solid #6B91AB !important;
}

.pollsubhead
{
  width:auto!important;
}

.postfoot, #polloptions, #pollresults
{
  border-bottom:1px solid #6B91AB !important;
}

#polloptions
{
  padding-bottom: .5em!important;
}

#pollresults
{
  border-top:1px solid #6B91AB !important;
  margin:0!important;
  width: 880px!important;
}

.lastedited, .postbit_reputation, .postuseravatar
{
  text-align: center!important;
}

.postuseravatar, .postbit_reputation
{
  width:85% !important;
}
.postuseravatar
{
  padding-bottom: 1em!important;
}

.blockhead h2
{
  padding-left: .5em !important;
  padding-bottom: .2em !important;
  color: #efefef!important;
}

.userinfo .stats dt, .userinfo .stats dd, 
.subsection .stats dt, .subsection .stats dd
{
  color: #777777!important; 
}

.blockhead span, .stats dt, .stats dd
{
  color: white!important; 
}

.stats
{
  margin-right: .2em!important;
}

.pollbarwrapper div
{
  border:1px solid #6B91AB !important;
}
}

**Rebound** · 18.07.10, 01:41

~ updated

**Sazzy** · 18.07.10, 01:47

Instab should've already updated it, but thanks for keeping a watchful eye ^^

**Instab** · 18.07.10, 02:34

and even more updates meanwhile

**Sazzy** · 19.07.10, 00:01

This should probably be the final version. I think I've looked at every little part of the forum now and fixed stuff that was buggy (other than that one little thing I already told Instab about which in the end is not my fault nor can I fix it with a simple css file).

Of course, as usual, I will keep updating it in case I find something wrong. But by now, it's probably hidden somewhere so deep that we're not likely to find it.

In case anyone using the skin does find something wrong, please tell me.

PS: Best viewed with Calibri installed ^^
PSS: Please add a note in the first post directing to this one.
PSSS: Only works on firefox :< This is because it started out as a stylish script so I used stuff from the moz webkit as I pleased. I wasn't expecting this to become an official theme. I don't plan on trying to get it to work on other browsers, unless there's a decent demand.
PSSSS: Since I'm not AU etc, I can't access some parts so they might still look f*cked up because of this theme. Sorry if that's the case

Enjoy!

Code:

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

@-moz-document domain("sb-innovation.de") {

html
{
  background: url("http://www.sb-innovation.de/images/sazzy/bg.png") repeat scroll 0 0 #E9E9E9!important;
}

*
{
  font-family: Calibri, Arial, sans-serif!important;
}

.above_body
{
  width: 1064px ! important;
  margin: 1em 0 0 0 !important;
  -moz-border-radius:0 !important;
}

.body_wrapper
{
  width: 1024px ! important;
}

.above_body, .body_wrapper, .below_body
{
  margin-left: auto !important;
  margin-right: auto !important;
}

.posthead, .above_body, .blockhead, .threadlisthead,
.searchlisthead, #forum_icon_legend,#forum_icon_legend h5
{
  -moz-border-radius-topright: .4em!important; 
  -moz-border-radius-topleft: .4em!important;
}

.posthead, .above_body, .blockhead, .footer, 
.forumhead, .threadlisthead, .searchlisthead, .newcontent_textcontrol
{
  background:-moz-linear-gradient(center top, #5c80a5, #2d4158) scroll 0 0 transparent!important;
}

.posthead
{
  position: relative!important;
  left: 1px;
}

.logo-image img
{
  visibility:hidden!important;
}

.logo-image
{
  width: 477px!important;
  height: 65px!important;
  margin-top: 2em!important;
  margin-left: 2em!important;
  margin-bottom: 2em!important;
  background-image:url("http://www.sb-innovation.de/images/sazzy/logo.png") !important;
}

.toplinks
{
  top: 1em!important;
  right: .5em!important;
  font-size: 110%!important;
}

.above_body
{
  border-top: 1px #18212b solid !important;
  border-left: 1px #18212b solid !important;
  border-right: 1px #18212b solid !important;
  border-bottom: 0px #18212b solid !important;
}

.body_wrapper
{
  -moz-border-radius: 0!important;
  border-top: 0px #18212b solid !important;
  border-left: 1px #18212b solid !important;
  border-right: 1px #18212b solid !important;
  border-bottom: 1px #18212b solid !important;
}

.forumrow
{

  border-top: 0px #B5CCDB solid !important;
  border-left: 1px #B5CCDB solid !important;
  border-right: 1px #B5CCDB solid !important;
  border-bottom: 1px #B5CCDB solid !important;
}

.below_body
{
  display:none!important;
}

.footer_copyright
{
  padding: 1em!important;
}

.options_block_container
{
  padding-top: .5em!important;
}

.footer_links
{
  padding-top: .2em!important;
} 

#social_bookmarks_list
{
  padding-top: .5em !important;
}

.forumhead .forumtitle
{
  margin-left: 10px!important;
}


.forumhead .forumtitle a
{
  margin-left: 0px!important;
}

.forumhead
{
  margin-top: 1.5em!important;
}

dl.tabslight dd a
{
  margin-right: 1px!important;
}

span.threadstats, dl.stats
{
  background-color: transparent!important;
}

.threadbit .alt 
{
  background: transparent!important;
}

.body_wrapper, .forumrow, .postbody, .postdetails, 
.userinfo, .blockrow, .blockfoot, .navlinks,
.thread_info_block, #reputationlist, .blockbody,
.nonsticky, .sticky, .threadstats, .threadpostedin,
.postbit, #view-aboutme h4, .nonthread, #forum_display_options,
#icon_legends, #thread_posting_rules, .wgo_subblock, .stats,
#pollinfo, #usercp_thanks_table td, #buddylist li, #memberlist_table td
{
  background-color: #E9E9E9!important;
}

.textbox, textarea, select, #forumrules
{
  background-color: #efefef!important;
}

#avatarupload#avatarupload, #usercp_content a.popupctrl.username,
#profile_tabs a.textcontrol, #folderpicker > div > .popupctrl
{
  -moz-box-shadow: 0px 0px 0px #5b5b5b !important;
  -moz-border-radius: 0!important;
}

.textbox, textarea, select, 
.button, .pagination a, .newcontent_textcontrol,
 #forumdisplay_navpopup > a.popupctrl, #showthread_navpopup > a.popupctrl, #inlinemod_formctrls > a.popupctrl, #thread_tags_list .textcontrol,
#forumdisplay_navpopup .textcontrol, #showthread_navpopup .textcontrol,
.block .textcontrol, #usercp_content .popupctrl, #usercp_content .textcontrol,
#navpopup .popupctrl, .editor img, #forumrules, .loginbutton, #annoucements_navpopup .textcontrol, #annoucements_navpopup .popupctrl,
#memberlist_navpopup .popupctrl,#memberlist_navpopup .textcontrol,
#charnav
{
  -moz-border-radius: .3em!important;
}

.textbox, textarea, select, .popupmenu .popupctrl#searchuser_ctrl,
.popupmenu .popupctrl#ignorelist_add_txt,
.popupmenu .popupctrl#buddylist_add_txt, .loginbutton
{
  -moz-box-shadow: 1px 1px 1px #5b5b5b !important;
}

.notices li, .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .wgo_block,
div.blockbody, .threadbit, .forum_info_block, .forum_info_form,
.announcements .announcerow, .thread_info_block, .postdetails, .postfoot,
.button, .pagination a, .newcontent_textcontrol,
 #forumdisplay_navpopup > a.popupctrl, #showthread_navpopup > a.popupctrl, #inlinemod_formctrls > a.popupctrl, #thread_tags_list .textcontrol,
#forumdisplay_navpopup .textcontrol, #showthread_navpopup .textcontrol,
.block .textcontrol, #usercp_content .popupctrl, #usercp_content .textcontrol,
#navpopup .popupctrl, .editor img, #forumrules, .bbcode_code,
.navbit > a, #annoucements_navpopup .textcontrol, #annoucements_navpopup .popupctrl, #forum_icon_legend, #buddylist li, .postbithead, #memberlist_navpopup .popupctrl,#memberlist_navpopup .textcontrol, #charnav a
{
  -moz-box-shadow:2px 2px 2px #C8C8C8!important;
}

.popupctrl, .pagination a
{
  margin-right: 3px !important;  
}


.postbithead, .alt2, .bbcode_code, .logindetails, 
.toplinks ul.nouser li a
{
  -moz-border-radius: .3em!important; 
}

#usercp_thanks_table .alt2, #memberlist_table .alt2
{
  border: 0!important;
}

#memberlist_table .alt2
{
  border-bottom:1px solid #CEDFEB!important;
}

#buddylist li
{
  border:1px solid #7192A8!important ;
}

.alt2, .bbcode_code
{
  border: 1px solid black!important;
}

.postbithead, .navbit > a
{
  border: 1px solid #417394!important;
}

.navbit > span
{
  border: 0px !important;
}


dd.selected a, .above_threadlist_controls, .thread_controls, .postbithead,
#forum_icon_legend h5
{
background: url("http://www.sb-innovation.de/images/gradients/selected-tab-gradient-with-top-alpha.png") repeat-x scroll 0 -4px #7192A8 !important;
}

hr
{
  color: #B5CCDB !important;
}

.pagination .selected a
{
  border: 1px solid #417394!important;
  color: #417394!important;
}

.pagination span a:hover ,
#charnav a:hover
{
  border:1px solid #417394 !important;
  color: #417394!important;
}

.pagination a, .notices li,
#charnav a
{
  border: 1px solid #B5CCDB !important;
  background-color: #cedde7 !important;
  -moz-border-radius: .3em!important;
}

.above_body, .body_wrapper
{
  -moz-box-shadow: 3px 3px 3px #5b5b5b !important;
}

.footer
{
  -moz-border-radius: .4em !important;
}

.threadstatus
{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  background-position: center center !important;
}

.navtabs .popupbody li a:hover,
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a,
#usercp_nav .blockrow * a:hover, li.active
{
  background-color:#7192A8!important ;
}

.postbody
{
  border-left:0 !important;
}

.postdetails, .postfoot, #polloptions, #pollresults, 
.pollsubhead, #attachmentlist .blockbody
{
  border-left:1px solid #6B91AB !important;
  border-right:1px solid #6B91AB !important;
}

.pollsubhead
{
  width:auto!important;
}

.postfoot, #polloptions, #pollresults, #attachmentlist .blockbody
{
  border-bottom:1px solid #6B91AB !important;
}
#polloptions
{
  padding-bottom: .5em!important;
}

#pollresults
{
  border-top:1px solid #6B91AB !important;
  margin:0!important;
  width: 880px!important;
}

.lastedited, .postbit_reputation, .postuseravatar
{
  text-align: center!important;
}

.postuseravatar, .postbit_reputation
{
  width:85% !important;
}
.postuseravatar
{
  padding-bottom: 1em!important;
}

.blockhead h2
{
  padding-left: .5em !important;
  padding-bottom: .2em !important;
  color: #efefef!important;
}

.userinfo .stats dt, .userinfo .stats dd, 
.subsection .stats dt, .subsection .stats dd
{
  color: #777777!important; 
}

.blockhead span, .stats dt, .stats dd, span.resultcount, span.resulttimer,
.welcomelink
{
  color: white!important; 
}

.stats
{
  margin-right: .2em!important;
}

.pollbarwrapper div
{
  border:1px solid #6B91AB !important;
}

table.main
{
  width:90%!important;
}

td.new, td.membertitle_font
{
  font-size:.85em!important;
}

td.middle
{
  width:70%!important;
}

td.membertitle_font, td.icons
{
  width:15%!important;
}

td.icons
{
  text-align:center!important;
  padding: 3px!important;
}

select#sel_excludeforumids
{
  width:100%!important;
}

select#sel_excludeforumids option
{
  padding-left:10em!important;
}

tr.columnsort th a, #memberlist_table td
{
  text-align:center!important;
  vertical-align:middle!important;
}

}