User:Nikenpelle/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS for User:Nikenpelle/sandbox

Table style for Super Mario franchise


#78a8d8		Darkest
#8bb5de
#9fc1e3		border
#b3cee9
#c7dbef		bg top header
#dbe8f4		bg alt
#eef4fa		bg
*/

#mariotable.wikitable {
	background-color: #eef4fa;
	border: 1px solid #9fc1e3;
	/* Due to timeless parsing, needed 1px */
	color: #202122;
}

#mariotable.wikitable tr {
	background-color: #eef4fa;
}

#mariotable.wikitable th,
#mariotable.wikitable td {
	border-color: #9fc1e3;
}

#mariotable.wikitable tr:first-of-type>th {
	background-color: #c7dbef;
	border-color: #9fc1e3;
}

#mariotable.wikitable.alternate-rows tr:nth-of-type(2n + 1) {
	background-color: #dbe8f4;
}

/*

#7c7ce6
#9191ea
#a7a7ee
#bcbcf2		header
#d1d1f6		bg alt
#e7e7fa		bg
#fcfcfe

*/

.infobox#test {
	background: #e7e7fa;
	border-color: #7c7ce6;
	font-size: 88%;
	line-height: 1.5em;
	width: 24em;
}

.infobox#test th,
.infobox#test td {
	padding: 2px 4px;
}

.infobox#test>tbody>tr:first-of-type {
	background: #bcbcf2;
}

.infobox#test>tbody>tr:first-of-type>th:first-of-type {
	font-size: larger;
}

.infobox#test>tbody>tr:nth-of-type(2)>td {
	background-color: transparent;
	text-align: center;
	font-size: small;
}

.infobox#test>tbody>tr>td:first-of-type:not(:last-of-type, [colspan]) {
	font-weight: bold;
	min-width: 0 !important;
	max-width: 6em !important;
}

.infobox#test>tbody>tr:nth-of-type(2n+3) {
	background: #d1d1f6;
}

/* Horizontal listing */

.hlist ul {
	margin: 0;
	padding: 0;
}

.hlist li {
	display: inline;
}

.hlist ul ul {
	display: inline;
}

.hlist li::after {
	content: " · ";
	font-weight: bold;
}

.hlist li:last-child::after {
	content: none;
}

.hlist li li:first-child::before {
	content: " (";
	font-weight: normal;
}

.hlist li li:last-child::after {
	content: ")";
	font-weight: normal;
}

body:not(.skin-monobook) {
	font-size: 0.9375em;

	&:not(.mobile) {
		font-size: 0.875em;
	}
}

@media screen and (max-width: 719px) {
	#mw-content {
		padding: 1em !important;
		border-width: unset;
	}

	#mw-content-block {
		background: unset;
		border-width: unset;
	}

	div#mw-wrapper>div#menus-cover {
		height: 100% !important;
		overflow: hidden !important;
	}

	.sidebar-inner,
	.dropdown {
		font-size: unset;
	}
}

@media screen and (min-width: 720px) {

	.sidebar-inner,
	.dropdown {
		font-size: unset;
	}
}