MediaWiki:Common.css: Difference between revisions

More styling (mainly article)
(Re-skin left menu, start article skinning)
(More styling (mainly article))
Line 45:
body.skin-vector {
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); }
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert,
body.skin-vector #mw-panel > * {
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-notice,
padding: 0;
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-watchlist-2 {
background-color: var(--rct-indian-red);
background-color: var(--rct-grey-7);
border: 1px solid;
border-top-color: 1px solid var(--rct-indian-redgrey-lighter8);
border-left-color: 1px solid var(--rct-indian-redgrey-lighter8);
border-right-color: 1px solid var(--rct-indian-redgrey-darker5);
border-bottom-color: 1px solid var(--rct-indiangrey-red-darker5); }
marginheight: 052px; }
body.skin-vector #mw-panel > * > *:first-child {
body.skin-vector div.mw-page-container header.mw-header #p-personal {
background-color: var(--rct-indian-red-2);
background-color: var(--rct-grey-7);
padding: 2px;
border-top: 1px color:solid var(--rct-whitegrey-lighter8);
border-left: 1px solid var(--rct-grey-8);
text-align: center;
border-bottomright: 1px solid var(--rct-grey-95); }
font-weight: bold;
border-top-colorbottom: 1px solid var(--rct-indian-redgrey-5);
height: 52px; }
border-left-color: var(--rct-indian-red-5);
body.skin-vector div.mw-page-container #mw-panel {
border-right-color: var(--rct-indian-red-8);
border-bottombackground-color: var(--rct-indian-red-8)transparent; }
body.skin-vector div.mw-page-container #mw-panel > * {
margin: 0; }
padding: 0;
body.skin-vector #mw-panel > * > *:first-child h1, body.skin-vector #mw-panel > * > *:first-child h2, body.skin-vector #mw-panel > * > *:first-child h3, body.skin-vector #mw-panel > * > *:first-child h4, body.skin-vector #mw-panel > * > *:first-child h5, body.skin-vector #mw-panel > * > *:first-child h6 {
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);
margin-left: 0;
paddingmargin-bottomright: 0.3em; }
body.skin-vector div.mw-page-container #mw-panel > * >+ *:nth-child(2) a {
margin-top: 1em; }
body.skin-vector div.mw-page-container #mw-panel > * > *:first-child {
background-color: var(--rct-indian-red-2);
padding: 2px;
color: var(--rct-white-lighter);
fonttext-familyalign: sans-serifcenter; }
font-weight: bold;
body.skin-vector #mw-panel > * > *:nth-child(2) {
border-top-color: var(--rct-indian-red-5);
padding-bottom: 0.3em; }
border-left-color: var(--rct-indian-red-5);
body.skin-vector #mw-panel > * > *:nth-child(2) li:hover {
backgroundborder-right-color: var(--rct-indian-red-58); }
border-rightbottom-color: var(--rct-indian-red-8);
body.skin-vector #mw-panel > * > *:nth-child(2) a {
colormargin: white0; }
body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h1, body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h2, body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h3, body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h4, body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h5, body.skin-vector div.mw-page-container #mw-panel > * > *:first-child h6 {
body.skin-vector #content > header {
color: var(--rct-white-lighter);
font-family: sans-serif; }
body.skin-vector div.mw-page-container #mw-panel > * > *:nth-child(2) {
padding-bottom: 0.3em; }
body.skin-vector div.mw-page-container #mw-panel > * > *:nth-child(2) li:hover {
background-color: var(--rct-indian-red-5); }
body.skin-vector div.mw-page-container #mw-panel > * > *:nth-child(2) a {
color: white; }
body.skin-vector div.mw-page-container #content > header {
background-color: var(--rct-indian-red-2);
padding: 2px;
Line 83 ⟶ 104:
border-right-color: var(--rct-indian-red-8);
border-bottom-color: var(--rct-indian-red-8); }
body.skin-vector div.mw-page-container #content > header h1, body.skin-vector div.mw-page-container #content > header h2, body.skin-vector div.mw-page-container #content > header h3, body.skin-vector div.mw-page-container #content > header h4, body.skin-vector div.mw-page-container #content > header h5, body.skin-vector div.mw-page-container #content > header h6 {
color: var(--rct-white-lighter);
font-family: sans-serif; }
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar {
background-color: var(--rct-indian-red-6); }
border-bottom: 1px solid var(--rct-grey-8); }
body.skin-vector #content > nav.vector-article-toolbar #left-navigation {
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-listarticle-item atoolbar-container {
border-bottom: 0; }
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar #left-navigation {
margin-left: 0; }
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item {
margin: 2px 0 0-1px 0;
border-top-left-radius: 2px4px;
border-top-right-radius: 2px4px;
background: var(--rct-grey-6);
border-top: 1px solid var(--rct-grey-8);
border-topleft: 1px solid var(--rct-grey-8);
border-leftright: 1px solid var(--rct-grey-84);
border-rightbottom: 1px solid var(--rct-grey-49); }
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item.selected a {
border-bottom: var(--rct-grey-9); }
body.skin-vector #content > nav.vector-article-toolbar li.mw-list-item a {
color: white;
font-weight: bold;
padding: 13px; }
border-bottom: 0 !important; }
body.skin-vector #content > nav.vector-article-toolbar li.mw-list-item.selected {
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item.selected {
background: var(--rct-grey-7);
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-grey-7); }
body.skin-vector div.mw-page-container #content #bodyContent {
background-color: var(--rct-grey-7); }
padding: 1.0em; }
body.skin-vector div.mw-page-container #content #bodyContent #mw-content-text {
margin-top: 0; }
 
.main-page-game-thumbnail,