Forum:Tabber Class Question

I recently found out that the tabber class works inside another tabber by combining tabber with an syntax tabber. Now I want to add classes to it. But it looks harder than I thought:

Tab 1=

Tab 2= Tab 3=

The TabberPage seem to be working. The problem comes for the TabberDefault class. It seems he can't override that one. TabberDefault is thesame style as the noclass element so in fact I need something so the noclass style get loaded. I first tryed the span tag but that doesn't seem to work. The div is the only that can override it. --Jens Ingels (talk) 23:51, November 1, 2012 (UTC)


 * It's probably a cascade problem, the styles on TabberPage are probably more specific than TabberDefault. Or TabberDefault doesn't override everything TabberPage changed. Lunarity 01:06, November 2, 2012 (UTC)

I currently use this css. The wikia.css currently has the tabberdefault style without this event. Any idea how I could get it work. Maybe an js modifcation or an alternative tab system: /*********************************TABBER DESIGN**********************************/ li.TabberDefault > div.TabberPage {display:none;}

li.TabberDefault > .tabberlive > ul.tabbernav > li.tabberactive > a:link { background-color: #7BB18B; box-shadow: 1px 1px 1px rgba(0,0,0,0.66); border-radius: 5px 5px 0 0; } li.TabberDefault > .tabberlive > ul.tabbernav > li.tabberactive > a:link { color: black; } li.TabberDefault > .tabberlive > ul.tabbernav > li > a:link { background-color: #B6D7C0; box-shadow: 1px 1px 1px rgba(0,0,0,0.66); color:white; border-radius: 5px 5px 0 0; } li.TabberDefault > .tabberlive > ul.tabbernav > li > a:hover { background-color: #7BB18B; border-color: green; } li.TabberDefault > .tabberlive > .tabbertab { border-bottom-left-radius: 10px 5px; border-bottom-right-radius: 10px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.66); position: relative; /* Tab shadow goes under */ } li.TabberDefault > .tabberlive > ul.tabbernav { border-bottom: 0; }

/*********************************TABBER DESIGN 2**********************************/ div.TabberPage > .tabberlive > ul.tabbernav > li.tabberactive > a:link { background-color:#068; border-bottom: none; box-shadow: 5px 5px 5px rgba(0,0,0,0.66); } div.TabberPage > .tabberlive > ul.tabbernav > li > a:link { background-color:#420; box-shadow: 1px 1px 1px rgba(0,0,0,0.66); color:white; border-radius: 5px 5px 0 0; } div.TabberPage > .tabberlive > ul.tabbernav > li > a:hover { color: red; border-color: red; } div.TabberPage > .tabberlive > .tabbertab { background-color: #068; color: white; border-bottom-left-radius: 10px 5px; border-bottom-right-radius: 10px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.66); position: relative; /* Tab shadow goes under */ } div.TabberPage > .tabberlive > ul.tabbernav { border-bottom: 0; } div.TabberPage > .tabberlive > .tabbertab a { color: rgb(200,200,200); font-weight: bold; text-shadow: 2px 2px 1px black; } div.TabberPage > .tabberlive > .tabbertab a:hover { color: rgb(200,200,200); font-weight: bold; text-decoration: underline; } --Jens Ingels (talk) 01:59, November 2, 2012 (UTC)