MediaWiki:Timeless.css: Difference between revisions

From Timebomb Madness Wiki
copy more and hope to win
m test 2
Line 90: Line 90:
     color:var(--main-white);
     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*/
/* Selects the container for the logged-in dismissable notice*/
Line 129: Line 115:
}
}


 
#mw-header-container {
a, a:visited {
    background:var(--main-black);
color:var(--link-color);
     color:white;
}
     font-family:"Gotham", sans-serif;
 
     padding:0.5em 0 0.5em 0;
a:hover {
    min-height:3.125em;
color:var(--main-white);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.5);
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 {
#p-logo-text a {
background-image:var(--bg-image);
    color:white;
background-repeat: no-repeat;
    font-family:"Gotham", sans-serif;
background-size: 100% auto;
    font-weight:bold;
    text-transform:uppercase;
}
}

Revision as of 18:53, 21 February 2025

/* 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);
}

/* 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;
}

#mw-header-container {
    background:var(--main-black);
    color:white;
    font-family:"Gotham", sans-serif;
    padding:0.5em 0 0.5em 0;
    min-height:3.125em;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.5);
}

#p-logo-text a {
    color:white;
    font-family:"Gotham", sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}