Thread:Hackey5/@comment-25388055-20150503123051/@comment-5645428-20150506133000

'border-radius' is used for rounded edges, while 'box-shadow' is used for shadow and glow effects.

Our tabber is similar to this, but I've changed it slightly so it might suit your profile's colour theme better. Give it to whoever is in charge of your CSS if they want a cooler tabber, otherwise, you can use it yourself here.

/* Tabber Container */ .tabberlive { margin: 10px 0; overflow: hidden; }

/* Tabber Header + Links + Hovers + Selected */ .tabbernav { padding: 5px 15px 0 0 !important; font: inherit !important; font-weight: bold !important; border: none !important; background: linear-gradient(to bottom, #CCC, #888); } .tabbernav li a { display: inline-block; margin-left: 15px !important; padding: 5px 10px !important; color: #FFF !important; border: none !important; background: none !important; } .tabbernav li a:hover { margin-left: 15px; padding: 5px 10px; color: #02B !important; border-radius: 5px 5px 0px 0px; background-color: #DDD !important; } .tabbernav li.tabberactive a { margin-left: 15px; padding: 5px 10px; color: #3A3A3A !important; border: none !important; border-radius: 5px 5px 0px 0px; background-color: #CCC !important; box-shadow: 0px 5px 10px -5px #000 inset; }

/* Tabber Body */ .tabberlive .tabbertab { padding: 5px 15px 10px !important; border: none !important; overflow: hidden; }