MediaWiki:Gadget-NavboxStyle.css: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Navbox templates, with mobile support */
/* Navbox template CSS */
 
/* Mobile */
.mobile .navbox {
width: 100% !important;
font-size: 85% !important;
margin: 15px 0 0 !important;
}
.mobile .navbox .navbox {
font-size: 100% !important;
margin-top: 0 !important;
}
.mobile .navbox + .navbox {
margin-top: 0 !important;
}
.mobile.skin-minerva .navbox + .navbox {
margin-top: 2px !important;
}
.mobile .navbox td, .mobile .navbox th {
font-size: 100% !important;
padding-left: 2px !important;
padding-right: 2px !important;
white-space: normal !important;
}
.mobile .navbox tr:first-child th span {
font-size: 100% !important;
}
.mobile .navbox tr:first-child th {
font-size: 105% !important;
padding-left: 4px !important;
padding-right: 4px !important;
}
@media all and (min-width: 720px) {
.mobile .navbox tr:first-child th {
font-size: 110% !important;
}
}
.mobile .navbox p, .mobile .navbox hr {
margin: 0.1em 0 !important;
}
.navbox-heading {
clear: both !important;
}
.mobile.skin-timeless .navbox-heading {
border: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
}
.mobile.skin-timeless .navbox-heading::after {
border: 0 !important;
}
.client-nojs .mobile .navbox,
.client-nojs .mobile #bodyContent .navbox-heading,
.mobile.skin-timeless .navbox-heading > .mw-ui-icon {
display: none !important;
}
.mobile.skin-timeless .navbox-heading + .collapsible-block {
display: block !important;
}
.navbox .mw-collapsible-toggle {
min-width: 45px;
text-align: right;
}


/* Site styles */
/* Site styles */
table.navbox { /* navbox container style */
table.navbox { /* navbox container style */
width: 100%;
color: #000;
font-size: 88%;
text-align: center;
border: 1px solid #aaa;
border: 1px solid #aaa;
width: 100%;  
padding: 1px;
margin: auto;
margin: auto;
clear: both;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
}
table.navbox + table.navbox {
table.navbox + table.navbox,
margin-top: -1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
.content-table-wrapper + .content-table-wrapper .navbox {
margin-top: -1px !important; /* single pixel border between adjacent navboxes */
}
}
.navbox-title, .navbox-abovebelow, table.navbox th {
.navbox-abovebelow,
text-align: center; /* title and above/below styles */
.navbox-title, table.navbox th { /* title and above/below styles */
text-align: center;
padding-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-right: 1em;
}
}
.navbox-group { /* group style */
.navbox-group { /* group style */
white-space: nowrap;
text-align: right;
text-align: right;
font-weight: bold;
font-weight: bold;
white-space: nowrap;
padding-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-right: 1em;
}
}
.navbox, .navbox-subgroup {
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
background: #fdfdfd; /* Background color */
}
}
.navbox-list {
.navbox-list {
Line 96: Line 36:
}
}
.navbox-title, table.navbox th {
.navbox-title, table.navbox th {
background: #ccccff; /* Level 1 color */
background: #ccccff; /* Level 1 color */
}
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
background: #ddddff; /* Level 2 color */
}
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
background: #e6e6ff; /* Level 3 color */
}
}
.navbox-even {
.navbox-even {
background: #f7f7f7; /* Even row striping */
background: #f7f7f7; /* Even row striping */
}
}
.navbox-odd {
.navbox-odd {
background: transparent; /* Odd row striping */
background: transparent; /* Odd row striping */
}
.client-nojs .navspace {
display: none;
}
}
@media print {
@media print {
Line 116: Line 59:
}
}


/* Special move navboxes */
/* Moveset and special moves boxes */
.mobile .sm-single {
.moveset-nav, .special-moves .wikitable {
font-size: 85% !important;
color: #000;
margin: 15px 0 0 !important;
}
.mobile .sm-single + .sm-single {
margin-top: 5px !important;
}
}


/* Moveset navboxes */
/* MediaWiki collapsible buttons */
.mobile .moveset-nav {
.mw-collapsible-toggle {
margin-top: 7.5px !important;
font-weight: normal;
margin-bottom: 0 !important;
}
}

Latest revision as of 06:53, August 5, 2023

/* Navbox template CSS */

/* Site styles */
table.navbox {				/* navbox container style */
	width: 100%;
	color: #000;
	font-size: 88%;
	text-align: center;
	border: 1px solid #aaa;
	padding: 1px;
	margin: auto;
	clear: both;
}
table.navbox + table.navbox,
.content-table-wrapper + .content-table-wrapper .navbox {
	margin-top: -1px !important;	/* single pixel border between adjacent navboxes */
}
.navbox-abovebelow,
.navbox-title, table.navbox th {	/* title and above/below styles */
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-group {				/* group style */
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox, .navbox-subgroup {
	background: #fdfdfd;		/* Background color */
}
.navbox-list {
	border-left: 2px solid #fdfdfd;	/* Must match background color */
}
.navbox-title, table.navbox th {
	background: #ccccff;		/* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background: #ddddff;		/* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: #e6e6ff;		/* Level 3 color */
}
.navbox-even {
	background: #f7f7f7;		/* Even row striping */
}
.navbox-odd {
	background: transparent;	/* Odd row striping */
}
.client-nojs .navspace {
	display: none;
}
@media print {
	.navbox {
		display: none;
	}
}

/* Moveset and special moves boxes */
.moveset-nav, .special-moves .wikitable {
	color: #000;
}

/* MediaWiki collapsible buttons */
.mw-collapsible-toggle {
	font-weight: normal;
}