MediaWiki:Timeless.css

/* Credits to NINJISY (User:Sillyvizion). I lifted a bit of their CSS coz i dont know anyhting */

/* Root stuff */
:root {
	/* color */
	--main-black: black;
	--main-white: white;
	--link-color: #ff8080;
	--link-color-inverted: #007B7B;
	--external-link-color:#40a7f5;
	--content-black: #0e0e0e;
	--scrollbar-track: #0e0e0e;
	--scrollbar-thumb: black;
	--accent-gray: #171717;
	--reference-text: #ECECEC;
	--diff-old: #fa3235;
	--diff-new: #3257fa;
	--codeblock-gray: #363636;
	--fp-transparent-black: rgba(0,0,0,0.9);
	
	/* Background image */
	--bg-image: url(https://timebombmadness.com/mediawiki/images/c/c9/IceBgTemp.png);
	
	--default-font: 'Montserrat','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}

/* Main/common styling */

body {
	color:var(--main-white);
	background:var(--main-black);
	overflow-x:hidden;
}

a, a:visited {
	color:var(--link-color);
}

a:hover {
	color:var(--main-white);
	font-style:italic;
}

@media screen and (min-width: 851px) {
    .mw-wiki-logo.fallback {
    	height:7em;
    }
}

.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
	color:var(--external-link-color) !important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family:"Gotham", sans-serif;
	font-weight:bold;
}

.mw-body h2 {
	background: var(--main-black);
    padding: 0.2em 0.2em 0.2em 0.5em;
}

#mw-content {
	background:var(--content-black);
	color:var(--main-white);
}

#mw-content-container {
	background:var(--main-black);
	color:var(--main-white);
}

/* Messagebox styling */

.mbox__content__header {
    font-family:"Gotham";
    font-size:1.4em;
}

.mbox__content {
    border:1px solid white;
}

.mbox {
    margin-bottom:10px;
}

.tabber__tab, .tabber__tab:visited {
    color:var(--main-white);
}

/*Sitenotice styling*/

/* Selects the container for .anonnotice */
/* #localNotice:has(> .anonnotice) {
    background-color:var(--main-black);
    background-repeat:no-repeat;
    box-shadow:none;
    border:1px solid white;
    background-image: var(--anon-notice-img);
    background-position:10px;
    background-size:80px;
    padding-left:60px;
} */

/* Selects the container for the logged-in dismissable notice*/
.mw-dismissable-notice {
    background-color:var(--main-black);
    background-image: var(--site-notice-img);
    background-repeat:no-repeat;
    background-position:50px;
    background-size:90px 90px;
    box-shadow:none;
    border:1px solid white;
}

.mw-dismissable-notice .sitenotice {
	margin-left:150px;
	/* Special styling for Broker Plushie */
	min-height:80px;
    display:flex;
    align-items:center;
}

.anonnotice p, .mw-dismissable-notice-body {
    margin:1.5em 0;
    text-align:center;
}


a, a:visited {
	color:var(--link-color);
}

a:hover {
	color:var(--main-white);
	font-style:italic;
}

@media screen and (min-width: 851px) {
    .mw-wiki-logo.fallback {
    	height:7em;
    }
}

.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
	color:var(--external-link-color) !important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family:"Gotham", sans-serif;
	font-weight:bold;
}

.mw-body h2 {
	background: var(--main-black);
    padding: 0.2em 0.2em 0.2em 0.5em;
}

#mw-content {
	background:var(--content-black);
	color:var(--main-white);
}

#mw-content-container {
	background:var(--main-black);
	color:var(--main-white);
}

#mw-content-container {
	background-image:var(--bg-image);
	background-repeat: no-repeat;
	background-size: 100% auto;
}