MediaWiki:Common.css: Difference between revisions

Content added Content deleted
No edit summary
No edit summary
Line 42: Line 42:
--rct-grey-9: #B7C3C3;
--rct-grey-9: #B7C3C3;
--rct-grey-10: #D3DBDB;
--rct-grey-10: #D3DBDB;
--rct-grey-11: #EFF3F3; }
--rct-grey-11: #EFF3F3;
--rct-blue-0: #001b6f;
--rct-blue-1: #002797;
--rct-blue-2: #0733a7;
--rct-blue-3: #0f43bb;
--rct-blue-4: #1b53cb;
--rct-blue-5: #2b67df;
--rct-blue-6: #4387e3;
--rct-blue-7: #5ba3e7;
--rct-blue-8: #77bbef;
--rct-blue-9: #8fd3f3;
--rct-blue-10: #afe7fb;
--rct-blue-11: #d7f7ff; }


body.skin-vector {
body.skin-vector {
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); }
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); }
body.skin-vector .vector-pinnable-header-unpin-button {
width: 18px;
height: 18px;
overflow: hidden;
display: inline-block;
background: gray;
color: transparent;
position: relative;
background-color: var(--rct-indian-red-6);
border-top-color: var(--rct-indian-red-8);
border-left-color: var(--rct-indian-red-8);
border-right-color: var(--rct-indian-red-4);
border-bottom-color: var(--rct-indian-red-4); }
body.skin-vector .vector-pinnable-header-unpin-button::before {
content: '×';
color: black;
background-color: gray;
width: 17px;
position: absolute; }
body.skin-vector div.mw-page-container {
body.skin-vector div.mw-page-container {
background-color: transparent; }
background-color: transparent; }
Line 138: Line 131:
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu {
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu {
background-color: var(--rct-indian-red);
background-color: var(--rct-indian-red);
border-top: 1px solid var(--rct-indian-red-lighter);
border-top: 1px solid var(--rct-indian-red-5);
border-left: 1px solid var(--rct-indian-red-lighter);
border-left: 1px solid var(--rct-indian-red-5);
border-right: 1px solid var(--rct-indian-red-darker);
border-right: 1px solid var(--rct-indian-red-8);
border-bottom: 1px solid var(--rct-indian-red-darker); }
border-bottom: 1px solid var(--rct-indian-red-8); }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > *:first-child {
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > *:first-child {
background-color: var(--rct-indian-red-2);
background-color: var(--rct-indian-red-2);
Line 148: Line 141:
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
border-top: 1px solid var(--rct-indian-red-5);
border-left: 1px solid var(--rct-indian-red-5);
border-right: 1px solid var(--rct-indian-red-8);
border-bottom: 1px solid var(--rct-indian-red-8);
font-family: sans-serif;
font-family: sans-serif;
border-top: 1px solid var(--rct-blue-5);
border-left: 1px solid var(--rct-blue-5);
border-right: 1px solid var(--rct-blue-8);
border-bottom: 1px solid var(--rct-blue-8);
margin: 0; }
margin: 0; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > *:nth-child(2) {
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > *:nth-child(2) {
Line 165: Line 158:
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {
background-color: var(--rct-indian-red);
background-color: var(--rct-indian-red);
border-top: 1px solid var(--rct-indian-red-lighter);
border-top: 1px solid var(--rct-indian-red-5);
border-left: 1px solid var(--rct-indian-red-lighter);
border-left: 1px solid var(--rct-indian-red-5);
border-right: 1px solid var(--rct-indian-red-darker);
border-right: 1px solid var(--rct-indian-red-8);
border-bottom: 1px solid var(--rct-indian-red-darker);
border-bottom: 1px solid var(--rct-indian-red-8);
background-color: transparent; }
padding: 0; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header {
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header {
background-color: var(--rct-indian-red-2);
background-color: var(--rct-indian-red-2);
Line 176: Line 169:
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
border-top: 1px solid var(--rct-indian-red-5);
font-family: sans-serif;
border-left: 1px solid var(--rct-indian-red-5);
border-top: 1px solid var(--rct-blue-5);
border-right: 1px solid var(--rct-indian-red-8);
border-left: 1px solid var(--rct-blue-5);
border-bottom: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-blue-8);
font-family: sans-serif; }
border-bottom: 1px solid var(--rct-blue-8); }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-label {
color: #ffffff; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-unpin-button {
width: 18px;
height: 18px;
overflow: hidden;
display: inline-block;
color: transparent;
position: relative;
background-color: var(--rct-indian-red-6);
border-top-color: var(--rct-indian-red-8);
border-left-color: var(--rct-indian-red-8);
border-right-color: var(--rct-indian-red-4);
border-bottom-color: var(--rct-indian-red-4); }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-unpin-button::before {
content: '×';
color: black;
width: 18px;
position: absolute;
line-height: 16px; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu > * {
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu > * {
border: 0; }
border: 0; }
Line 197: Line 210:
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
font-family: sans-serif;
border-top: 1px solid var(--rct-indian-red-5);
border-top: 1px solid var(--rct-indian-red-5);
border-left: 1px solid var(--rct-indian-red-5);
border-left: 1px solid var(--rct-indian-red-5);
border-right: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-indian-red-8);
border-bottom: 1px solid var(--rct-indian-red-8);
border-bottom: 1px solid var(--rct-indian-red-8);
font-family: sans-serif;
border-top: 1px solid var(--rct-indian-red-8);
border-top: 1px solid var(--rct-indian-red-8);
border-left: 1px solid var(--rct-indian-red-8);
border-left: 1px solid var(--rct-indian-red-8);