Revision as of 18:11, 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; 
 --background-color-content: #292929;
 --text-color: #f8f9fa;
 --search-box-background-color: rgba(255, 255, 255, 1);
}

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

#searchInput { background: var(--search-box-background-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) }

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

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

#content { background: var(--background-color-content) }


.vector-menu-content-list li a { color: var(--text-color) }
#p-cactions-label { color: var(--text-color) }

.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) }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {

}


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