Difference between revisions of "Common.css"

Revision as of 23:39, 24 December 2020

body {
	background: #111217;
	color: #f0f2f5;
	/*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-body {
	padding: 0;
	margin-bottom: 1rem;
}

.main-container {
	background: #1b1c23;
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
}

.p-navbar {
	background-color: #262831;
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);
}

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

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

a, a[href].external {
	color: #f9a916;
}

a:hover, a[href].external:hover {
	color: #f9a916;
	opacity: 0.6;
	text-decoration: none;
}

a:visited {
	color: #f9a916;
}

a[href].new {
	color: #ff0000;
}

a[href].new:hover {
	color: #ff0000;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	opacity: 1;
}

.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: #cacaca;
}

.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: #fff;
	opacity: 1;
}

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

#mw-indicators {
	display: none;
}

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

.toc {
	float: right;
	padding: 0.5rem 0.75rem;
	border-radius: 0.25rem;
	clear: right;
	margin-bottom: 1rem;
	margin-left: 1rem;
}

.toc, .mw-warning, .toccolours {
	border: none;
	background-color: #262831;
}

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

.toctogglelabel {
	color: #f9a916;
}

.toctogglelabel:hover {
	color: #f9a916;
	opacity: 0.6;
	text-decoration: none;
}

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

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

.floatright {
	float: right;
}

.mw-body .firstHeading {
	border-bottom: none;
}

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

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

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

@media screen and (max-width: 425px) {
	.toc {
		width: 100%;
	}
}

.thumbinner {
	border: none!important;
	padding: 0.25rem!important;
	background-color: #262831!important;
}

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