Revision as of 19:00, 24 March 2022

/* CSS placed here will be applied to all skins */

:root {
 --background-image-color: #441003;
 --background-image: url(https://oldschoolrsps.com/images/video-fallback.jpg);
 --background-image-position: 45em 15%;
 --button-background-gradient: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #fff 100%);
 --background-color: rgba(15, 15, 15, 0.85);
 --link-color: white; 
 --content-link-color: #5997d9;
 --background-color-content: #292929;
 --text-color: #f8f9fa;
 --search-box-background-color: rgba(255, 255, 255, 1);
 --block-background-color: #969797;
}

/*#mw-head { background: var(--background-image-color) var(--background-image) var(--background-image-position); }*/

.mw-headline { color: var(--text-color) }
.firstHeading { color: var(--text-color) }
.mw-editfooter-toggler { color: var(--text-color) }
#mw-previewheader  { color: var(--text-color) }
#mw-panel .vector-menu-heading { color: var(--text-color) }
.vector-body { color: var(--text-color) }
#footer-info-lastmod { color: var(--text-color) }
#mw-pages h2 { color: var(--text-color) }
#mw-subcategories h2 { color: var(--text-color) }
.vector-menu-content-list li a { color: var(--text-color) }
#p-cactions-label { color: var(--text-color) }

.mw-body { border-color: white; }

.mw-footer a { color: var(--link-color) }
#mw-panel a { color: var(--link-color) }
#p-personal a { color: var(--link-color) }
#contentSub .subpages a { color: var(--link-color) }

.mw-parser-output a.external { color: var(--content-link-color) }
.mw-parser-output ol li a { color: var(--content-link-color) }
.mw-normal-catlinks ul li a { color: var(--content-link-color) }
.mw-category-group ul li a { color: var(--content-link-color) }
#mw-subcategories .mw-content-ltr ul li a { color: var(--content-link-color) }
#mw-pages .mw-content-ltr ul li a { color: var(--content-link-color) }
#mw-hidden-catlinks ul li a { color: var(--content-link-color) }
.mw-normal-catlinks a { color: var(--content-link-color) }

#mw-page-base { background: none; }

.mw-parser-output ul { list-style-image: none; }

body { background-color: var(--background-color) }

#content { background: var(--background-color-content) }
#catlinks { background: var(--background-color-content) }
.vector-menu-tabs li { background: var(--background-color-content) }
body #p-cactions { background: var(--background-color-content) }
.vector-menu-dropdown .vector-menu-content { background: var(--background-color-content) }

#searchInput { background: var(--search-box-background-color) }
pre, code, .mw-code { background-color: var(--block-background-color) }
.toc, .toccolours { background-color: var(--block-background-color) }
.editOptions { background-color: var(--block-background-color) }
.mw-editform #wpTextbox1 { background-color: var(--block-background-color) }


/*#p-cactions-label { color: #0645ad; }
body #p-cactions { background-image: var(--button-background-gradient) }*/

#ca-talk { display: none !important; }

#footer-poweredbyico img { display:none }

#n-Discord a {
 color:white !important;
 font-size:12px;
 font-weight:bold;
 border-radius:5px;
 border:1px solid #4c57d0;
 background-color:#5865f2;
 display:block;
 position:relative;
 padding:4px 0 5px calc(17px + 6.5px * 2);
 box-shadow:0 2px 3px rgba(0,0,0,0.1);
 transition:0.2s ease
}
#n-Discord a::before {
 content:'Join our ';
 font-weight:normal;
 opacity:0.85
}
#n-Discord a::after {
 content:'';
 background:url(images/1/18/Discord_icon.png) no-repeat;
 background-size:17px 13px;
 filter:drop-shadow(0 1px 1px rgba(0,0,0,0.1));
 position:absolute;
 top:5px;
 left:7px;
 width:17px;
 height:13px
}
#n-Discord a:hover {
 text-decoration:none;
 background-color:#525ee0
}