MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 13:50, 29 March 2022

59,011 bytes added ,  13:50, 29 March 2022
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
@
/* <pre> */
:root {
    --body-main: #e2dbc8;
    --body-light: #d8ccb4;
    --body-mid: #d0bd97;
    --body-dark: #b8a282;
    --body-border: #94866d;
    --body-background-color: #c0a886;
    --button-background: #605443;
    --button-color: #fff;
    --button-border: #3c352a;
    --button-dark: #18140c;
    --button-light: #3a301d;
    --sidebar: #cfc08d;
    --sidebar-text-color: #444444;
    --sidebar-link-color: #442b18;
    --background-text-color: #444;
    --background-link-color: #52351e;
    --search-box: #efeee6;
    --link-color: #936039;
    --redlink-color: #ba0000;
    --text-color: #000;
    --admin-blue: #332e75;
    --bearcat-green: #13592e;
    --awb-purple: #933b96;
    --rsw-blue: #438ab6;
    --osrsw-brown: #605443;
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Regular.woff') format('woff');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Italic.woff') format('woff');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Bold.woff') format('woff');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath://IBMPlexSans-BoldItalic.woff') format('woff');
}
 
@font-face {
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Regular.woff') format('woff');
}
 
@font-face {
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Italic.woff') format('woff');
}
 
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold.woff') format('woff');
}
 
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold-Italic.woff') format('woff');
}
 
@font-face {
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath://RuneScape.woff') format('woff');
}
 
@font-face {
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: bold;
    src: local("RuneScape Bold"),
        local("RuneScape Bold 12"),
        local("RuneScape Chat 2"),
        local("RuneScape Chat"),
        url('filepath://RuneScape_Bold.woff') format('woff');
}
 
@font-face {
    font-family: 'RuneScape Small';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath://RuneScape_Small.woff') format('woff');
}
 
:root {
    --base-text-color: #444e5a;
    --base-heading-color: #444e5a;
    --base-heading-border: #e4eaee;
    --mw-code-background-color: #ddd4bb;
    --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
    --body-background-image: url('filepath://Old_School_RuneScape_Wiki_background.jpg');
}
 
#mw-page-base {
    background: none;
}
 
.mw-body {
    background-color: var(--body-main);
    color: var(--text-color);
    border-color: transparent;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    margin-top: 0;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-color);
}
 
h1,
h2 {
    border-color: var(--sidebar);
}
 
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
}
 
.mw-parser-output h2:first-of-type {
    clear: left;
}
 
pre,
code,
.mw-code {
    color: inherit;
    background-color: var(--mw-code-background-color);
    border: 1px solid var(--body-border);
}
 
ul {
    list-style-image: var(--ul-list-style-image);
}
 
.mw-content-ltr ol {
    margin-bottom: 0.8em;
}
 
dl {
    margin: 0;
}
 
dd {
    min-width: 17.85em;
}
 
hr {
    background: none;
    border-color: var(--sidebar);
    border-style: solid;
    border-width: 1px 0 0 0;
    height: initial;
}
 
.mw-footer li {
    color: var(--background-text-color);
}
 
.mw-footer a,
.mw-footer a:active,
.mw-footer a:visited {
    color: var(--background-link-color);
}
 
a,
image a {
    color: var(--link-color);
}
 
a:visited,
image a:visited,
a:active,
image a:active {
    color: var(--link-color);
}
 
a.new,
image a.new {
    color: var(--redlink-color);
}
 
a.new:visited,
image a.new:visited {
    color: var(--redlink-color);
}
 
.mw-body-content a.external,
.mw-body-content a.extiw {
    color: var(--link-color);
}
 
.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
    color: var(--link-color);
}
 
.jsPurgeLink a.external {
    color: var(--link-color);
}
 
a[href="/w/User:AndBot"],
a[href="/w/User:Bot_2_Pla"],
a[href="/w/User:Bot50"],
a[href="/w/User:Bowl"],
a[href="/w/User:Catbot"],
a[href="/w/User:CookBot"],
a[href="/w/User:Cresbot"],
a[href="/w/User:CrowBot"],
a[href="/w/User:GauBot"],
a[href="/w/User:Gaz_Bot"],
a[href="/w/User:Gaz_GEBot"],
a[href="/w/User:HabbletAWB"],
a[href="/w/User:JakesterwarsBot"],
a[href="/w/User:JaydenBot"],
a[href="/w/User:MuudyBot"],
a[href="/w/User:MB%C3%A5t"],
a[href="/w/User:New_user_message"],
a[href="/w/User:Quadrabot"],
a[href="/w/User:Redirect_fixer"],
a[href="/w/User:Riblet15_bot_account"],
a[href="/w/User:ShoyBot"],
a[href="/w/User:SlapChoppe"],
a[href="/w/User:Spinewielder"] {
    color: var(--awb-purple);
}
 
a[href="/w/User:Andmcadams"],
a[href="/w/User:BigDiesel2m"],
a[href="/w/User:Brok_Enwings"],
a[href="/w/User:Cook_Me_Plox"],
a[href="/w/User:Fjara"],
a[href="/w/User:Gau_Cho"],
a[href="/w/User:Gaz_Lloyd"],
a[href="/w/User:Iiii_I_I_I"],
a[href="/w/User:Jayden"],
a[href="/w/User:Jeljo"],
a[href="/w/User:Joeytje50"],
a[href="/w/User:Legaia_2_Pla"],
a[href="/w/User:Riblet15"],
a[href="/w/User:Shayani"],
a[href="/w/User:Shoyrukon"],
a[href="/w/User:TehKittyCat"],
a[href="/w/User:Towelcat"] {
    color: var(--admin-blue);
}
 
a[href="/w/User:Spineweilder"],
a[href="/w/User:Jakesterwars"],
a[href="/w/User:Julia"] {
    color: var(--bearcat-green);
}
 
a[href="/w/User:Jagex_Stu"],
a[href="/w/User:Jimwip"],
a[href="/w/User:Mod_Jam"],
a[href="/w/User:Kelvin"],
a[href="/w/User:JagexKieren"],
a[href="/w/User:JagexNin"],
a[href="/w/User:JagexPebble"],
a[href="/w/User:Mod_Sukotto"] {
    background: url("filepath://Jagex_small_logo.png?width=15") left no-repeat;
    padding-left: 20px;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}
 
#ca-nstab-user a {
    background: none;
}
 
:root {
    --archive-list-border: var(--body-border);
    --archive-list-background: var(--body-light);
    --fact-text-color: #15f;
    --fact-text-border-bottom-color: black;
    --production-selected-background: #c3e8a3;
    --updateline-image: url('filepath://Horizontal_Line.png');
    --rfdheader-border: grey;
    --wikipedia-border: #e0e0e0;
    --wikipedia-background: #f8f8f8;
    --keypress-background: #eeeeee;
    --keypress-border: #cccccc;
    --keypress-text-shadow: #fff;
    --keypress-color: #333333;
}
 
.archivelist {
    background-color: var(--archive-list-background);
    border: solid 1px var(--archive-list-border);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    float: right;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 120px;
}
 
.collapsed-sec {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
}
 
.fact-text {
    color: var(--fact-text-color);
    font-style: italic;
    cursor: help;
    border-bottom: dotted 1px var(--fact-text-border-bottom-color);
}
 
.production-selected {
    background: var(--production-selected-background);
}
 
.relative-location {
    background: var(--body-light);
    border: 1px solid var(--body-border);
    border-spacing: 0;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    margin: 5px;
    text-align: center;
}
 
.relative-location-txt {
    color: var(--text-color);
}
 
.relative-location-header {
    background: var(--body-dark);
}
 
#musicMap data {
    display: none;
}
 
.musicMap-buttons {
    text-align: center;
    margin: 0.7em;
}
 
.talkheader {
    text-align: center;
    background-color: var(--body-dark);
}
 
.shortcut {
    border: 1px solid var(--body-border);
    background: var(--body-light);
    float: right;
    font-size: 75%;
    margin: 0.5em 0em 0.5em 1em;
    padding: 0.5em;
    text-align: center;
}
 
.succession {
    width: 50%;
    text-align: center;
}
 
.succession th {
    width: 33%;
    font-size: 90%;
    background: var(--body-mid);
}
 
.succession td {
    background: var(--body-light);
}
 
.update {
    border-radius: 2px;
    background: var(--body-mid);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}
 
.update-redirect {
    text-align: center;
    background: #fffbf1;
    border: 1px solid #909090;
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    padding: 1em;
    color: #000 !important;
}
 
.update-redirect.nuke {
    margin-bottom: 25%;
}
 
.updateline {
    background: var(--updateline-image) no-repeat;
    background-position: center;
}
 
.pollwrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    counter-reset: question;
}
 
.pollquestion {
    position: relative;
    padding: 1em 0.7em;
    margin: 0.7em;
    margin-bottom: 1.2em;
    width: 700px;
    font-size: 16px;
    border: 2px solid var(--body-border);
    background: var(--body-light);
}
 
.pollquestion::before {
    content: "Question " counter(question);
    counter-increment: question;
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    top: -0.5em;
    margin-top: -2px;
    left: 0.6em;
    line-height: 1em;
    background: linear-gradient(0deg, var(--body-light), var(--body-light) 50%, rgba(0, 0, 0, 0) 50%);
    padding: 0 0.6em;
}
 
.pollquestion table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
 
Retrieved from "https://wiki.discorddungeons.me/Special:MobileDiff/28961"

Navigation menu