MediaWiki:Gadget-NavboxStyle.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Navbox template CSS */
/* Navbox template CSS */
/* Show/hide button */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}


/* Site styles */
/* Site styles */
table.navbox {
table.navbox {
background-color: #F9F9F9;
color: #000;
border: 1px solid #AAA;
clear: both;
font-size: 90%;
font-size: 90%;
margin: 15px auto 0;
padding: 0.2em;
text-align: center;
text-align: center;
border: 1px solid #aaa;
background-color: #f9f9f9;
min-width: 200px;
min-width: 200px;
max-width: 95%;
max-width: 95%;
padding: 0.2em;
margin: 15px auto 0;
clear: both;
}
}
.navbox + .navbox {
.navbox + .navbox,
margin-top: 5px;
.content-table-wrapper + .content-table-wrapper .navbox {
margin-top: 2px !important;
}
}
table.navbox th {
table.navbox th {
background-color: #CCF;
background-color: #beb;
padding-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-right: 1em;
}
table.navbox:not(.classic) th {
color: #fff;
}
table.navbox:not(.classic) tr th a,
table.navbox:not(.classic) .mw-collapsible-text,
table.navbox:not(.classic) .mw-collapsible-toggle {
color: inherit !important;
}
}
table.navbox tr:not(:first-child) th {
table.navbox tr:not(:first-child) th {
background-color: #DDF;
background-color: #cec;
}
}
table.navbox .mw-collapsible-text,
table.navbox .mw-collapsible-text,
Line 34: Line 38:
font-weight: bold;
font-weight: bold;
}
}
table.navbox .mw-collapsible-text,
body:not(.mobile) table.navbox .mw-collapsible-toggle-collapsed {
table.navbox .mw-collapsible-toggle {
color: #fff !important;
}
table.navbox.header-light .mw-collapsible-text,
table.navbox.header-light .mw-collapsible-toggle {
color: #000 !important;
}
table.navbox .mw-collapsible-toggle-collapsed {
margin-left: 10px;
margin-left: 10px;
}
}
Line 54: Line 50:
}
}


/* Area icons */
/* Light navboxes */
.navboxIcon img{
table.navbox-light {
transition: all 0.3s;
color: #000;
transform: scale(0.8);
}
table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
color: #262;
}
table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
color: #141;
}
table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
color: #363;
}
table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
color: #242;
}
table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
color: #422;
}
 
/* Dark navboxes */
table.navbox-dark {
color: #fff;
}
table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
color: #bfb;
}
table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
color: #cfc;
}
table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
color: #cfc;
}
table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
color: #dfd;
}
}
.navboxIcon img:hover{
table.navbox-dark a.new,
transform: scale(1.0);
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
color: #fdd;
}
}

Latest revision as of 09:40, August 11, 2023

/* Navbox template CSS */

/* Site styles */
table.navbox {
	color: #000;
	font-size: 90%;
	text-align: center;
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	min-width: 200px;
	max-width: 95%;
	padding: 0.2em;
	margin: 15px auto 0;
	clear: both;
}
.navbox + .navbox,
.content-table-wrapper + .content-table-wrapper .navbox {
	margin-top: 2px !important;
}
table.navbox th {
	background-color: #beb;
	padding-left: 1em;
	padding-right: 1em;
}
table.navbox:not(.classic) th {
	color: #fff;
}
table.navbox:not(.classic) tr th a,
table.navbox:not(.classic) .mw-collapsible-text,
table.navbox:not(.classic) .mw-collapsible-toggle {
	color: inherit !important;
}
table.navbox tr:not(:first-child) th {
	background-color: #cec;
}
table.navbox .mw-collapsible-text,
table.navbox .mw-collapsible-toggle {
	font-weight: bold;
}
body:not(.mobile) table.navbox .mw-collapsible-toggle-collapsed {
	margin-left: 10px;
}
body:not(.mobile) .navbox.mw-made-collapsible:not(.mw-collapsed) > tbody > tr:first-of-type > th {
	padding-left: 4.4em;
}
@media print {
	.navbox {
		display: none;
	}
}

/* Light navboxes */
table.navbox-light {
	color: #000;
}
table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
	color: #262;
}
table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
	color: #141;
}
table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
	color: #363;
}
table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
	color: #242;
}
table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
	color: #422;
}

/* Dark navboxes */
table.navbox-dark {
	color: #fff;
}
table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
	color: #bfb;
}
table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
	color: #cfc;
}
table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
	color: #cfc;
}
table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
	color: #dfd;
}
table.navbox-dark a.new,
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
	color: #fdd;
}