MediaWiki:Tabber.css: Difference between revisions
MediaWiki interface page
More actions
LightSwitch (talk | contribs) Created page with "→******************* Tabber.css ******************* Description: This is a stylesheet to apply the tabber design. *************************************************: ..." |
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; | ||
border-bottom: 3px solid #bdbdbd | border-bottom: 3px solid #bdbdbd; | ||
padding: 10px 0px | padding: 10px 0px; | ||
} | } | ||
.tabbernav a { | .tabbernav a { | ||
padding: 10px 10px | padding: 10px 10px; | ||
margin: 0px | margin: 0px; | ||
color: #229CBC | color: #229CBC; | ||
border: none | border: none; | ||
background: transparent | background: transparent; | ||
} | } | ||
.tabberactive a { | .tabberactive a { | ||
color: | color: #229CBC; | ||
border-bottom: 3px solid #229CBC; | |||
background: transparent; | |||
border-radius: 10px 10px 0 0; | border-radius: 10px 10px 0 0; | ||
} | } | ||
.tabbernav :not(.tabberactive) a:hover { | .tabbernav :not(.tabberactive) a:hover { | ||
background: rgba(35,156,188, 0.2) | background: rgba(35,156,188, 0.2); | ||
border-radius: 10px 10px 0 0; | border-radius: 10px 10px 0 0; | ||
} | } | ||
.tabbertab { | .tabbertab { | ||
border: none | border: none; | ||
padding: | padding: 0; | ||
} | } | ||
Revision as of 01:24, 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;
border-bottom: 3px solid #bdbdbd;
padding: 10px 0px;
}
.tabbernav a {
padding: 10px 10px;
margin: 0px;
color: #229CBC;
border: none;
background: transparent;
}
.tabberactive a {
color: #229CBC;
border-bottom: 3px solid #229CBC;
background: transparent;
border-radius: 10px 10px 0 0;
}
.tabbernav :not(.tabberactive) a:hover {
background: rgba(35,156,188, 0.2);
border-radius: 10px 10px 0 0;
}
.tabbertab {
border: none;
padding: 0;
}
.tabs {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.tabs li {
float: none;
display: inline-block;
}