MediaWiki:Tabber.css: Difference between revisions
MediaWiki interface page
More actions
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;
}