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
NekoPillow (talk | contribs)
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:
   
   
  **************************************************/
  **************************************************/
/* TabView Design */
.gtw-tabview p {
display: flex;
}
.gtw-tabview a {
font: bold 15px Century Gothic, sans-serif;
border-bottom: 3px solid #9c9c9c;
color: #9c9c9c;
flex-grow: 1;
text-align: center;
text-decoration: none;
padding: 8px 0;
}
.gtw-tabview a.active {
border-color: #FF0000;
color: #FF0000;
}
.mw-parser-output .gtw-tabview a:active, .mw-parser-output .gtw-tabview a:hover {
text-decoration: none;
}
   
   
  /* Tabber Design */
  /* Tabber Design */

Latest revision as of 05:30, 8 October 2020

/******************** Tabber.css *******************
  Description:
    This is a stylesheet to apply the tabber design.
 
 **************************************************/

 /* TabView Design */
.gtw-tabview p {
	display: flex;
}
.gtw-tabview a {
	font: bold 15px Century Gothic, sans-serif;
	border-bottom: 3px solid #9c9c9c;
	color: #9c9c9c;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	padding: 8px 0;
}
.gtw-tabview a.active {
	border-color: #FF0000;
	color: #FF0000;
}
.mw-parser-output .gtw-tabview a:active, .mw-parser-output .gtw-tabview a:hover {
	text-decoration: none;
}
 
 /* Tabber Design */
.tabbernav {
    font: bold 15px Century Gothic, sans-serif !important;
    border-bottom: 3px solid #9c9c9c !important;
    padding: 8px 0px !important;
	margin-bottom: 5px !important;
}

.tabbernav a {
    padding: 8px 15px 8px !important;
    margin: 0px !important;
    color: #9c9c9c !important;
    border: none !important;
    background: transparent !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;
}