Light.css

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
body {
	background: #efeff1;
	color: #36414f;
	font-size: 0.9rem;
	/*font-family: 'IBM Plex Sans', sans-serif;*/
}

.p-navbar .navbar-brand img {
	height: 23px;
	top: -2px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.container {
	max-width: 1460px;
	padding-right: 0;
	padding-left: 0;
}

#mw-navigation {
	box-shadow: 0 1px 2px rgba(0,0,0,0.15), 0 0px 2px rgba(0,0,0,0.1);
}

.mw-body {
	padding: 0;
	margin-bottom: 1rem;
}

.main-container {
	background: #fff;
	box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15);
}

.p-navbar {
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #444e5a;
	padding: 0;
	margin-top: 1rem!important;
	margin-bottom: 0.75rem!important;
	border: none;
	/*font-family: 'PT Serif', serif;
	font-weight: 700;*/
}

h1, h2, .h1, .h2 {
	border-bottom: 1px solid #e4eaee;
	padding-bottom: 0.5rem;
}

h2, .h2 {
	margin-top: 2rem!important;
}

a, a[href].external, a:visited, .mw-parser-output a.external:visited, toctogglelabel, toctogglelabel:visited {
	color: #327ba7;
}

.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a {
	color: #327ba7;
}

.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus {
	color: #327ba7;
	opacity: 0.6;
}

.fa-asterisk:before, .navbar-tool-link:before {
	content: "";
}

#mw-indicators {
	display: none;
}

.text-muted {
	color: rgb(255 255 255 / 0.6) !important;
}

#toc, .toc {
	padding: 0;
	margin-bottom: 1rem;
	box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
}

.toc, .mw-warning, .toccolours {
	border: none;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

#toc .toctitle, .toc .toctitle {
	background: #eeeeee;
	border-bottom: 1px solid #dcdcdc;
	padding: 0.25em 1em;
	text-align: center;
}

.mw-body .toc .toctitle .toctogglespan {
	margin-left: 0.2em;
	font-size: 90%;
}

.mw-body .toc .toctitle h2 {
	font-size: 0.8rem;
	color: #333333;
}

.toc label {
	margin-bottom: 0;
}

#toc > ul, .toc > ul {
	line-height: 1.8em;
	padding: 0.75em 1.75em;
	margin: 0;
}

.mw-body .toc ul li a .tocnumber {
	display: none;
}

.toc .toctitle {
	text-align: left;
}

.mw-body .toc ul li ul {
	margin-left: 1.5rem;
}

.floatright {
	float: right;
}

.mw-body .firstHeading {
	border-bottom: 1px solid #e4eaee;
}

.skill-row {
	padding: 0.75rem;
	background: #262831;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
}

div.tright {
	margin: 0 0 1rem 1rem;
}

@media screen and (max-width: 768px) {
	div.tright, div.floatright, table.floatright {
		width: 100%!important;
    	float: none!important;
    	clear: none!important;
    	margin: 1rem 0 1rem 0!important;
	}
}

.right-sidebar {
    max-width: 270px;
    margin-left: 1rem;
}

@media screen and (max-width: 1024px){
	.right-sidebar {
    	display: none;
	}
}

@media screen and (max-width: 500px) {
	.infobox-right {
		float: none!important;
		margin: 0 auto!important;
		margin-bottom: 1rem!important;
		width: 100%!important;
	}
}

.thumbinner {
	border: 1px solid #dcdcdc!important;
	padding: 0.25rem!important;
	background-color: #fff!important;
}

.thumbimage {
	border: 1px solid #111217!important;
	background: #111217!important;
}

.table {
	margin-bottom: 0;
	color: #f0f2f5;
	font-size: 0.9rem;
	width: auto;
}

.table th {
	background: #262831;
}

.table td {
	background: rgb(38 40 49 / 0.5);
}


.table th, .table td {
	border: none;
	padding: 0.5rem 0.75rem;
}

.table tr {
	border-bottom: 1px solid #1b1c23;
}

.table tr:last-child {
	border-bottom: none;
}

.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #454856;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: none;
	padding: 0.5rem 0.75rem;
}

.wikitable {
	background: #262831;
	color: #f0f2f5;
	width: 100%;
	border: none;
	font-size: 0.9rem;
	margin: 0;
}

.infobox-right {
	float: right;
	position: relative;
	width: 302px;
	background: #262831;
	margin: 0 0 1em 1em;
	padding: 0;
}

.bomber {
	background: rgb(128 0 128 / 0.25)!important;
}

.champion {
	background: rgb(255 0 0 / 0.25)!important;
}

.paladin {
	background: rgb(0 128 0 / 0.25)!important;
}

.warmonger {
	background: rgb(255 255 0 / 0.25)!important;
}

@media screen and (max-width: 1480px) {
	.footer-container {
	    padding: 0 0.5rem;
	}
}

.footer-info > div {
    margin: 0.5rem 1rem 0 0;
    opacity: 0.5;
}

.footer-places > div {
    margin: 0.5rem 1rem 0.5rem 0;
}

.footer-info, .footer-places, .footer-icons {
	margin-left: 0;
	margin-right: 0;
}

pre, .mw-code {
	margin-top: 1rem;
	border: none;
}

dt {
	font-weight: 600;
}

dl {
	margin: 0.7rem 0;
}

.stub-box {
	padding: 0.5rem 0.75rem;
	background: #262831;
	margin: 0 auto;
	margin-bottom: 1rem;
	width: fit-content;
}

:focus {
	outline: 0px!important;
}