Difference between revisions of "User:ArcaneDisgea/common.css"

(New Page: CSS placed here will be applied to all skins: Standard tabber: .tabbernav { font-family: inherit !important: ; font-weight: normal !important: ; font-size: 13...)
 
(No difference)

Latest revision as of 14:58, 15 May 2019

/* CSS placed here will be applied to all skins */
/*Standard tabber */
.tabbernav {
    font-family: inherit  /*!important*/;
    font-weight: normal  /*!important*/;
    font-size: 13px  /*!important*/;
    border-bottom: 3px solid #BE2719  !important;
    padding: 0.3em 0  /*!important*/;
}
.tabbernav a {
    padding: 0.3em 0.5em /*!important*/;
    margin: 0 /*!important*/;
    color: #BE2719 !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: white !important;
    background: #BE2719 !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: #d3cac9 !important;
}
.tabbertab {
/*    border: none !important; If you take this out, then a "|___|" will appear around the tabcontent*/
    padding: 0  /*!important*/;
}
 
 
/* vertical tabber */
.tab-vertical .tabberlive {
    display: table;
    width: 100%;
}
.tab-vertical .tabbernav {
    display: table-cell;
    width: 200px; 
    padding: 0;
    vertical-align: top; 
    border-bottom: none !important;
}
.tab-vertical .tabbernav a {
    display: block;
    margin: 0;
    border: none;
    padding: 5px;
    font-size: 14px;
    background: transparent ;
}
 
.tab-vertical .tabbertab {
    display: table-cell;
     border: none; 
    padding: 0em 1em;
}
 
.tab-vertical .tabbertab p:nth-child(2){
    margin-top: 0;
}
 
.tab-vertical .tabberactive a {
    background: #BE2719 !important;
    color: white !important;
    border-radius: 3px;
}
 
.tab-vertical .tabbernav .tabberactive a:hover{
    background-color: #d1b6b3 !important;
}
 
.tab-vertical .tabbernav :not(.tabberactive) a:hover {
    background: #d3cac9 !important;
}