Board Thread:Support Requests - Designing Your Wikia/@comment-29316079-20160922075159

Hello,

I'm having a problem with the custom CSS I'm using for the Tab View in the Battlerite Wiki

When I hover the selected tab, the orange background changes its size and it looks like it's flickering. An example can be found here: http://battlerite.wikia.com/wiki/Ashka

Hopefully someone can help me solve this!

The styles :

/* Tab View: Selected Tab */

ul.tabs li.selected a {

border-bottom: 0px solid transparent;

border-left: 0px solid #393b3d;

border-right: 0px solid #393b3d;

border-top: 0px solid #393b3d;

background: #d09228;

color: #ffffff;

text-shadow: 0px 1px 1px #000;

cursor: default;

font-weight: bold;

text-decoration: none;

}

/* Tab View: Not Selected */

ul.tabs li a {

border: 0px solid transparent;

border-top-left-radius: 0px;

border-top-right-radius: 0px;

cursor: pointer;

display: inline-block;

font-size: 14px;

line-height: 2px;

padding: 18px;

position: relative;

top: 0px;

}

/* Tab View: Background */

ul.tabs, ol.tabs {

margin: 0;

background: #171718;

border-bottom: 0px solid #393b3d;

}  