MediaWiki:Common.less/tabber.less

From Old School RuneScape Wiki
Jump to: navigation, search
// <pre>
/* ==============================
         <tabber> styling
   ============================== */

.tabber {
    margin: 1em 0;
    display: inline-grid;

    .tabbertab {
        background-color: @BODY_LIGHT;
        border-color: @BODY_LIGHT;
        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 {
        background-color: #D8CCB4;
        color: black;
        border-bottom: none;
        &:hover {
            background-color: #D8CCB4;
            border-color: @BODY_BORDER;
            border-bottom: none;
        }
    }

    li a {
        background-color: #C0A886;
		border-bottom: transparent;
		border-color: @BODY_BORDER;
        color: @TEXT_COLOR;
        font-size: 110%;
        padding: 0.5em 1em;

        &:hover {
            background-color: darken( @BODY_LIGHT, 3% );
            border-color: @BODY_BORDER;
        }

        &:link,
        &:visited {
            color: @TEXT_COLOR;
        }

    }
}