Board Thread:News and Announcements/@comment-34296765-20150712051145

So, the default tab texture is kind of shabby, and the border lines don't exactly make the pages look clean e.g. the Villager page. So I've crafted (lolno) a tabber CSS, and I've already matched the colors to this wiki's color scheme. I haven't figured how to eradicate the border lines in general, but I've made them white so they'd be invisible on this wiki's skin. Here it is:

/*Tabber Header Display*/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

/* Tabber Overrides*/ .tabberlive .tabbertab { border: 2px #FFFFFF solid !important; border-top:0 !important;}

ul.tabbernav { border-bottom: 2px #FFFFFF solid !important; font: bold 14px Arial, sans-serif !important;}

ul.tabbernav li a:link { color: #00BFFF!important; } ul.tabbernav li a:visited { color: #00BFFF!important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a { color: #00BFFF !important; border: 2px #FFFFFF solid !important; background-image: -moz-linear-gradient(   center bottom,    rgb(0,0,0) 0%,    rgb(43,4,0) 100%) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(52,34,15)),    color-stop(1, rgb(0,0,0))) !important; }

ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; color: #FFFFFF !important; outline-style: none !important; }

ul.tabbernav li.tabberactive a { border-bottom: 2px solid #FFFFFF !important; } /* End of Tabber Overrides*/

So what do you think? 