Revision as of 18:33, 18 December 2023

/* 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);
 --normal-link-color: #0645ad;
 --link-color: white;
 --content-link-color: #5997d9;
 --background-color-content: #292929;
 --normal-text-color: #202122;
 --text-color: #f8f9fa;
 --search-box-background-color: rgba(255, 255, 255, 1);
 --block-background-color: #969797;
 --table-cell-background-color: #919191;
}

/*#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) }
h2 { color: var(--text-color) }
.vector-menu-content-list li a { color: var(--text-color) }
#p-cactions-label { color: var(--text-color) }
#mw-subcategories h3 { color: var(--text-color) }
#mw-pages h3 { color: var(--text-color) }

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

.mw-parser-output .toc ul li a { color: white; }
.mw-parser-output .wikitable tbody tr td a { color: var(--normal-link-color) }
/*.mw-content-ltr .thumbcaption { color: var(--normal-text-color) }*/
.mw-content-ltr .thumbcaption { color: white; }*/
.mw-datatable td, .mw-datatable th { color: var(--normal-text-color) }

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

a, a:visited { color: var(--content-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-parser-output p a.mw-redirect { color: var(--content-link-color) }
/*.mw-parser-output ul li a.mw-redirect { color: var(--content-link-color) }
.mw-parser-output ul li a { color: var(--content-link-color) }*/
.mw-specialpages-list ul li a { color: var(--content-link-color) }
.mw-allpages-body ul.mw-allpages-chunk li a { color: var(--content-link-color) }
.toctogglelabel { color: var(--content-link-color) }

#mw-page-base { background: none; }
.diff-deletedline .diffchange { background: none; }
.diff-addedline .diffchange { background: #6f8091; }
li.gallerybox div.thumb { 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(--background-color-content) }
.editOptions { background-color: var(--block-background-color) }
.mw-editform #wpTextbox1 { background-color: var(--block-background-color) }
/* .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--block-background-color) } */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #393939;}
.not-patrolled { background-color: var(--block-background-color) }
/*.wikitable { background-color: var(--block-background-color) }/*

.mw-parser-output .wikitable tbody tr td { background: var(--table-cell-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 }

.dark-tbl {
  border: 1px solid white; 
  border-collapse: collapse; 
  background-color: #2c2c2d; 
  color: #f6f6f6;
}

.tocnumber { color: white; }

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



/* Wikitable Overrides: LadderGoat*/

/*Header*/
.wikitable > tr > th,.wikitable > * > tr > th {
 background-color: #1a1a1a !important;
 text-align: center !important;
}

/* Content */
.wikitable tr {
 background-color: #393939;
 color: white;
}

/* Image sizing */
.thumbnail img {
 width: auto;
 max-height: 32px;
 padding-top: 3px;
 padding-bottom: 3px;
}

/* Links */
.mw-parser-output .wikitable tbody tr td a {
 color: #156dff;
}

/* Thumbinner Overrides */

div.thumbinner {
 background-color: #1a1a1a;
}

/* Datatable overrides for better visability */

.mw-datatable th {
 background-color: #1a1a1a;
}

.mw-datatable td {
 background-color: #393939;
}

.mw-datatable tr:hover td {
    background-color: #979797;
}

/* Header overrides */

h1, h2, h3, h4, h5, h6 {
 color: var(--text-color);
}

::marker {
 color: white;
}