Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Tabber.css: Difference between revisions

MediaWiki interface page
LightSwitch (talk | contribs)
No edit summary
LightSwitch (talk | contribs)
No edit summary
Line 7: Line 7:
  /* Tabber Design */
  /* Tabber Design */
.tabbernav {
.tabbernav {
     font: bold 18px Century Gothic, sans-serif;
     font: bold 18px Century Gothic, sans-serif !important;
     border-bottom: 3px solid #bdbdbd;
     border-bottom: 3px solid #bdbdbd !important;
     padding: 10px 0px;
     padding: 10px 0px !important;
}
}
.tabbernav a {
.tabbernav a {
     padding: 10px 10px;
     padding: 10px 10px !important;
     margin: 0px;
     margin: 0px !important;
     color: #229CBC;
     color: #229CBC !important;
     border: none;
     border: none !important;
     background: transparent;
     background: transparent !important;
}
}
.tabberactive a {
.tabberactive a {
     color: #229CBC;
     color: #229CBC !important;
     border-bottom: 3px solid #229CBC;
     border-bottom: 3px solid #229CBC !important;
     background: transparent;
     background: transparent !important;
     border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0 !important;
}
}
.tabbernav :not(.tabberactive) a:hover {
.tabbernav :not(.tabberactive) a:hover {
     background: rgba(35,156,188, 0.2);
     background: rgba(35,156,188, 0.2) !important;
     border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0 !important;
}
}
.tabbertab {
.tabbertab {
     border: none;
     border: none !important;
     padding: 0;
     padding: 0 !important;
}
}



Revision as of 01:25, 26 September 2020

/******************** Tabber.css *******************
  Description:
    This is a stylesheet to apply the tabber design.
 
 **************************************************/
 
 /* Tabber Design */
.tabbernav {
    font: bold 18px Century Gothic, sans-serif !important;
    border-bottom: 3px solid #bdbdbd !important;
    padding: 10px 0px !important;
}
.tabbernav a {
    padding: 10px 10px !important;
    margin: 0px !important;
    color: #229CBC !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: #229CBC !important;
    border-bottom: 3px solid #229CBC !important;
    background: transparent !important;
    border-radius: 10px 10px 0 0 !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: rgba(35,156,188, 0.2) !important;
    border-radius: 10px 10px 0 0 !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}

.tabs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.tabs li {
    float: none;
    display: inline-block;
}