MediaWiki: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 placed here will be applied to all skins */
.center {
	text-align:center;
	margin:auto;
}

.compact {
	padding:0px;
}

.italic {
	font-style:italic;
}

.nodesktop {
    display: none;
}

.wide {
	white-space:nowrap;
	width:99%;
	margin:auto;
}

.nowrap {
	white-space:nowrap;
}

.float {
	float:left;
}

.notice {
	background-color:#FFDD0040;
}

.warning {
	background-color:#FF001040;
}

.important {
	background-color:#00FF0040;
}

.nav-center-top {
	width: fit-content;
	margin: auto;
	font-weight: bold;
	background-color: #00000033;
	border-radius: 5px;
	padding: 0px 15px;
	font-size: 22px;
}

.nav-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.nav-center p {
	background-color: #F8F9FA;
	border-bottom: 4px solid #C8CCD1;
	padding: 5px 15px;
	text-wrap: nowrap;
	margin: 0px;
}

.nav-center p:hover {
	background-color: #D7DDE3;
	border-bottom: 4px solid #5D7DA4;
}

@media screen and (min-width:1024px) {
	.nav-center {
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.wide {
		width:100%;
	}
}

.mhnow-craftflex {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:90%;
	margin: auto;
}

.mhnow-rare1 {
	background-color: #93ABAB;
	color: white;
	font-weight: bold;
}

.mhnow-rare2 {
	background-color: #4ABB56;
	color: white;
	font-weight: bold;
}

.mhnow-rare3 {
	background-color: #4B8ACA;
	color: white;
	font-weight: bold;
}

.mhnow-rare4 {
	background-color: #C36AE2;
	color: white;
	font-weight: bold;
}

.mhnow-rare5 {
	background-color: #F0B83A;
	color: white;
	font-weight: bold;
}

.mhnow-rare6, .mhnow-rare7, .mhnow-rare8, .mhnow-rare9, .mhnow-rare10 {
	background-color: #FD6B6B;
	color: white;
	font-weight: bold;
}

.mw-collapsible .mw-collapsible-toggle {
    float:right;
    font-weight:bold;
    font-size:1.15rem;
}