WIKI IS CURRENTLY UNDER CONSTRUCTION
Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
LadderGoat (talk | contribs) Tag: Manual revert |
LadderGoat (talk | contribs) |
||
(79 intermediate revisions by 2 users not shown) | |||
Line 80: | Line 80: | ||
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(--background-color-content) } | /*.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) } | ||
Line 104: | Line 105: | ||
} | } | ||
.tocnumber { color: white; } | /*.tocnumber { color: white; }*/ | ||
.tocnumber { display: none; } | |||
#n-Discord a { | #n-Discord a { | ||
Line 144: | Line 146: | ||
/* Wikitable Overrides: LadderGoat*/ | /* Wikitable Overrides: LadderGoat*/ | ||
/*Header*/ | .wikitable th.headerSort { | ||
.wikitable > tr > th,.wikitable > * > tr > th { | background-image: url('https://wiki.oldschoolrsps.com/images/a/a6/Sort_both.png'); | ||
background-color: # | 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; | text-align: center !important; | ||
} | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | |||
border: 1px solid #292929; | |||
} | } | ||
/* Content */ | /* Content */ | ||
.wikitable tr { | .wikitable tr { | ||
background-color: # | background-color: #3f3f3f; | ||
color: white; | color: white; | ||
} | } | ||
Line 162: | Line 191: | ||
padding-top: 3px; | padding-top: 3px; | ||
padding-bottom: 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 */ | /* Links */ | ||
.mw-parser-output .wikitable tbody tr td a { | .mw-parser-output .wikitable tbody tr td a { | ||
color: # | color: #5997d9; | ||
} | } | ||
Line 173: | Line 219: | ||
div.thumbinner { | div.thumbinner { | ||
background-color: #1a1a1a; | background-color: #1a1a1a; | ||
border: none; | |||
} | } | ||
Line 193: | Line 240: | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: var(--text-color); | 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; }