WIKI IS CURRENTLY UNDER CONSTRUCTION

Difference between revisions of "MediaWiki:Common.css"

From OldSchool RSPS
Jump to navigation Jump to search
m
 
(201 intermediate revisions by 5 users not shown)
Line 7: Line 7:
  --button-background-gradient: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #fff 100%);
  --button-background-gradient: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #fff 100%);
  --background-color: rgba(15, 15, 15, 0.85);
  --background-color: rgba(15, 15, 15, 0.85);
  --link-color: white;  
--normal-link-color: #0645ad;
  --link-color: white;
  --content-link-color: #5997d9;
  --content-link-color: #5997d9;
  --background-color-content: #292929;
  --background-color-content: #292929;
--normal-text-color: #202122;
  --text-color: #f8f9fa;
  --text-color: #f8f9fa;
  --search-box-background-color: rgba(255, 255, 255, 1);
  --search-box-background-color: rgba(255, 255, 255, 1);
Line 25: Line 27:
.vector-body { color: var(--text-color) }
.vector-body { color: var(--text-color) }
#footer-info-lastmod { color: var(--text-color) }
#footer-info-lastmod { color: var(--text-color) }
#mw-pages h2 { color: var(--text-color) }
h2 { color: var(--text-color) }
#mw-subcategories h2 { color: var(--text-color) }
.vector-menu-content-list li a { color: var(--text-color) }
.vector-menu-content-list li a { color: var(--text-color) }
#p-cactions-label { color: var(--text-color) }
#p-cactions-label { color: var(--text-color) }
Line 33: Line 34:


.mw-body { border-color: white; }
.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-footer a { color: var(--link-color) }
Line 39: Line 46:
#contentSub .subpages 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 a.external { color: var(--content-link-color) }
.mw-parser-output ol li a { color: var(--content-link-color) }
.mw-parser-output ol li a { color: var(--content-link-color) }
Line 48: Line 56:
.mw-normal-catlinks 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 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.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; }
#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; }
.mw-parser-output ul { list-style-image: none; }
Line 63: Line 78:


#searchInput { background: var(--search-box-background-color) }
#searchInput { background: var(--search-box-background-color) }
pre, code, .mw-code { background-color: var(--block-background-color) }
pre, code, .mw-code { background-color: var(--block-background-color) }
.toc, .toccolours { background-color: var(--block-background-color) }
/*.toc, .toccolours { background-color: var(--background-color-content) }*/
.toc, .toccolours { background-color: #4b4b4b; }
.editOptions { background-color: var(--block-background-color) }
.editOptions { background-color: var(--block-background-color) }
.mw-editform #wpTextbox1 { 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) }/*


tbody tr td { background: var(--table-cell-background-color) }
.mw-parser-output .wikitable tbody tr td { background: var(--table-cell-background-color) }


/*#p-cactions-label { color: #0645ad; }
/*#p-cactions-label { color: #0645ad; }
Line 76: Line 97:


#footer-poweredbyico img { display:none }
#footer-poweredbyico img { display:none }
.dark-tbl {
  border: 1px solid white;
  border-collapse: collapse;
  background-color: #2c2c2d;
  color: #f6f6f6;
}
/*.tocnumber { color: white; }*/
.tocnumber { display: none; }


#n-Discord a {
#n-Discord a {
Line 109: Line 140:
  text-decoration:none;
  text-decoration:none;
  background-color:#525ee0
  background-color:#525ee0
}
/* Wikitable Overrides: LadderGoat*/
.wikitable th.headerSort {
    background-image: url('https://wiki.oldschoolrsps.com/images/a/a6/Sort_both.png');
    background-repeat: no-repeat;
    background-position: right;
}
/* For ascending sorting */
.wikitable th.headerSortUp {
    background-image: url('https://wiki.oldschoolrsps.com/images/8/81/Sort_up.png');
    background-repeat: no-repeat;
    background-position: right;
}
/* For descending sorting */
.wikitable th.headerSortDown {
    background-image: url('https://wiki.oldschoolrsps.com/images/f/f3/Sort_down.png');
    background-repeat: no-repeat;
    background-position: right;
}
/* Header */
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #2f2f2f !important;
color: white !important; /* Ensures the text is white */
text-align: center !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #292929;
}
/* Content */
.wikitable tr {
background-color: #3f3f3f;
color: white;
}
/* Image sizing */
.thumbnail img {
width: auto;
max-height: 32px;
padding-top: 3px;
padding-bottom: 3px;
}
/* Check & Crossed */
/* Image sizing */
.checks img {
width: auto;
max-height: 18px;
padding-top: 3px;
padding-bottom: 3px;
}
td.check:hover {
background-color: #3c780a;
}
td.crossed:hover {
background-color: #9b4343;
}
/* Links */
.mw-parser-output .wikitable tbody tr td a {
color: #5997d9;
}
/* Thumbinner Overrides */
div.thumbinner {
background-color: #1a1a1a;
border: none;
}
/* 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);
}
.mw-headline-number {
display: none;
}
.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
text-align: left;
line-height: 20px;
font-size: 13px;
margin-left: 1em;
padding-right: 10px;
}
.toc, .toccolours {
padding: 0px;
min-width: 120px;
background: #3f3f3f;
border: 1px solid #818181;
}
.toc ul ul {
border-left: 1px dotted #596e96;
padding-left: 0.5em;
padding-right: 1em;
}
.toc .toctitle {
background: #2f2f2f;
height: 25px;
padding-top: 3px;
}
.mw-parser-output .toc ul li a {
color: #5997d9;
}
.toctext b {
font-weight: 200;
}
a.new, a.new:visited {
color: #5997d9;
}
.common {
background-color: #3c780a;
}
.uncommon {
background-color: #a48900;
}
.rare {
background-color: #b55e0c;
}
.very-rare {
background-color: #9f261e;
}
.thumbimage {
border: none;
}
}

Latest revision as of 19:54, 24 January 2024

/* 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) }*/
.toc, .toccolours { background-color: #4b4b4b; }
.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; }*/
.tocnumber { 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
}



/* Wikitable Overrides: LadderGoat*/

.wikitable th.headerSort {
    background-image: url('https://wiki.oldschoolrsps.com/images/a/a6/Sort_both.png');
    background-repeat: no-repeat;
    background-position: right;
}

/* For ascending sorting */
.wikitable th.headerSortUp {
    background-image: url('https://wiki.oldschoolrsps.com/images/8/81/Sort_up.png');
    background-repeat: no-repeat;
    background-position: right;
}

/* For descending sorting */
.wikitable th.headerSortDown {
    background-image: url('https://wiki.oldschoolrsps.com/images/f/f3/Sort_down.png');
    background-repeat: no-repeat;
    background-position: right;
}



/* Header */
.wikitable > tr > th, .wikitable > * > tr > th {
 background-color: #2f2f2f !important;
 color: white !important; /* Ensures the text is white */
 text-align: center !important;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 border: 1px solid #292929;
}

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

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

/* Check & Crossed */
/* Image sizing */
.checks img {
 width: auto;
 max-height: 18px;
 padding-top: 3px;
 padding-bottom: 3px;
}

td.check:hover {
 background-color: #3c780a;
}

td.crossed:hover {
 background-color: #9b4343;
}

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

/* Thumbinner Overrides */

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

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

.mw-headline-number {
 display: none;
}

.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
 text-align: left;
 line-height: 20px;
 font-size: 13px;
 margin-left: 1em;
 padding-right: 10px;
}

.toc, .toccolours {
 padding: 0px;
 min-width: 120px;
 background: #3f3f3f;
 border: 1px solid #818181;
}

.toc ul ul {
 border-left: 1px dotted #596e96;
 padding-left: 0.5em;
 padding-right: 1em;
}

.toc .toctitle {
 background: #2f2f2f;
 height: 25px;
 padding-top: 3px;
}

.mw-parser-output .toc ul li a {
 color: #5997d9;
}

.toctext b {
 font-weight: 200;
}

a.new, a.new:visited {
 color: #5997d9;
}

.common {
 background-color: #3c780a;
}

.uncommon {
 background-color: #a48900;
}

.rare {
 background-color: #b55e0c;
}

.very-rare {
 background-color: #9f261e;
}

.thumbimage {
 border: none;
}