|
|
| (54 intermediate revisions by the same user not shown) |
| 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;
| |
| }
| |
| | |