MediaWiki:Common.less/tabber.less

From RuneScape Classic Wiki
Jump to navigation Jump to search
// <pre>
/* ==============================
         <tabber> styling
   ============================== */

.tabber {
    margin: 1em 0;

    .tabbertab {
        background-color: @white;
        border: 1px solid @mystic;
        padding: 1em 1.5em;
    }

}

ul.tabbernav {
    border: none;
    margin-left: 2em;
    margin-bottom: 0;
    padding: 0.55em 0;
    font-family: inherit; // override default Verdana

    li.tabberactive a:hover {
        background-color: @white;
    }

    li a {
        background: @black-haze;
        color: @river-bed;
        font-size: 110%;
        border-color: @mystic;
        padding: 0.5em 1em;
        .transition( 0.2s ease );

        &:hover {
            background-color: darken( @black-haze, 3% );
        }

        &:link,
        &:visited {
            color: @river-bed;
        }

    }

}