MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1:
@charset "UTF-8";
:root {
--rct-indian-red: #b34f4f;
Line 45 ⟶ 46:
body.skin-vector {
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);
backgroundborder-top-color: var(--rct-indian-red-28);
border-left-color: 1px solid var(--rct-indian-red-58);
border-right-color: 1px solid var(--rct-indian-red-84);
backgroundborder-bottom-color: var(--rct-indian-red-54); }
body.skin-vector .vector-pinnable-header-unpin-button::before {
content: '×';
color: whiteblack; }
background-color: gray;
width: 17px;
position: absolute; }
body.skin-vector div.mw-page-container {
background-color: transparent; }
Line 144 ⟶ 164:
color: white; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {
borderbackground-topcolor: 1px solid var(--rct-indian-red-5);
border-top: 1px solid var(--rct-indian-red-lighter);
border-left: 1px solid var(--rct-indian-red-lighter);
border-right: 1px solid var(--rct-indian-red-darker);
border-bottom: 1px solid var(--rct-indian-red-darker);
background-color: transparent; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu > *:nth-child(2)pinnable-header {
borderbackground-bottomcolor: 1px solid var(--rct-indian-red-82);
padding: 2px;
color: var(--rct-white-lighter);
text-align: center;
font-weight: bold;
border-bottomtop: 1px solid var(--rct-whiteindian-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; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu > * {
border: 0; }
Line 150 ⟶ 186:
display: none; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu {
background-color: var(--rct-indian-red);
border-top: 1px solid var(--rct-indian-red-lighter);
border-left: 1px solid var(--rct-indian-red-lighter);
border-right: 1px solid var(--rct-indian-red-darker);
border-bottom: 1px solid var(--rct-indian-red-darker);
padding: 0;
margin-left: 0;
Line 160 ⟶ 191:
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu + * {
margin-top: 1em; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > *:first-child {
background-color: var(--rct-indian-red-2);
padding: 2px;
color: var(--rct-white-lighter);
text-align: center;
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;
margin: 0; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > *:nth-child(2) {
margin-left: 0;
padding-bottom: 0.3em; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > *:nth-child(2) li {
padding-left: 0.5em; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > *:nth-child(2) li:hover {
background-color: var(--rct-indian-red-5); }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > *:nth-child(2) a {
color: white; }
body.skin-vector div.mw-page-container #content > header h1 {
background-color: var(--rct-indian-red-2);
Line 199 ⟶ 209:
border-left: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-indian-red-4);
border-bottom: 1px solid var(--rct-grey-8)0;
padding-left: 2px;
padding-right: 2px; }
body.skin-vector div.mw-page-container #mw-panelcontent #.vector-mainpage-menutoolbar .vector-menu > *:nthpage-child(2) litoolbar-container {
paddingbox-bottomshadow: 0.3emnone; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar #left-navigation {
margin-left: 0; }
Line 216 ⟶ 228:
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-4);
border-bottom: 1px solid var(--rct-grey-9)0;
height: 44px; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li a {
Line 227 ⟶ 239:
border-top: 1px solid var(--rct-grey-9);
border-left: 1px solid var(--rct-grey-9);
border-right: 1px solid var(--rct-grey-5); }
border-bottom: 1px solid var(--rct-white); }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li.selected a {
color: black; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li:not(.selected) {
border-bottom-right-radius: 3px; }
body.skin-vector div.mw-page-container #mw-panelcontent #.vector-mainpage-menutoolbar .vector-menu-content-list > *:nth-child(2) li:hover .mw-ui-icon {
margin-top: 0; }
body.skin-vector div.mw-page-container #content #bodyContent {
background-color: var(--rct-white);