MediaWiki:Common.css: Difference between revisions

Fixes, more top toolbar styling
(More styling (mainly article))
(Fixes, more top toolbar styling)
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 div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-notice,
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-grey-7);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
height: 52px; }
body.skin-vector div.mw-page-container header.mw-header #p-personal {
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
height: 52px; }
body.skin-vector div.mw-page-container #mw-panel {
background-color: transparent; }
body.skin-vector div.mw-page-container #header.mw-panelheader > *#mw-sidebar-button {
paddingbackground-color: 0var(--rct-grey-7);
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;
margin-right: 0; }
body.skin-vector div.mw-page-container #mw-panel > * + * {
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);
text-align: center;
font-weight: bold;
border-top-color: var(--rct-indian-red-5);
border-left-color: var(--rct-indian-red-5);
border-right-color: var(--rct-indian-red-8);
border-bottom-color: var(--rct-indian-red-8);
margin: 0; }
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 {
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;
color: var(--rct-white-lighter);
text-align: center;
font-weight: bold;
border-top-color: var(--rct-indian-red-5);
border-left-color: var(--rct-indian-red-5);
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 div.mw-page-container #content > nav.vector-article-toolbar .mw-article-toolbar-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 -1px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: var(--rct-grey-6);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-45);
border-bottom: 1px solid var(--rct-grey-95); }
height: 44px;
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item a {
colorwidth: white44px; }
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert {
font-weight: bold;
paddingbackground-color: 13pxvar(--rct-grey-7);
border-bottomtop: 01px !important;solid }var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item.selected {
border-right: 1px background:solid var(--rct-grey-75);
border-topbottom: 1px solid var(--rct-grey-95);
height: 44px;
border-left: 1px solid var(--rct-grey-9);
width: 44px; }
border-right: 1px solid var(--rct-grey-5);
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert a:before {
border-bottom: 1px solid var(--rct-grey-7); }
background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); }
body.skin-vector div.mw-page-container #content #bodyContent {
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-notice {
background-color: var(--rct-grey-7);
background-color: var(--rct-grey-7);
padding: 1.0em; }
border-top: 1px solid var(--rct-grey-8);
body.skin-vector div.mw-page-container #content #bodyContent #mw-content-text {
marginborder-topleft: 0;1px }solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
height: 44px;
width: 44px; }
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-notice a:before {
background-image: url("https://static.miraheze.org/rctwiki/4/4f/Newspaper.png"); }
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-grey-7);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
height: 44px;
width: 44px; }
body.skin-vector div.mw-page-container header.mw-header #p-personal {
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
height: 44px;
width: 44px; }
body.skin-vector div.mw-page-container #mw-panel {
background-color: transparent; }
body.skin-vector div.mw-page-container #mw-panel > * {
padding: 0;
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;
margin-right: 0; }
body.skin-vector div.mw-page-container #mw-panel > * + * {
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);
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);
margin: 0; }
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 {
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;
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); }
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 div.mw-page-container #content > nav.vector-article-toolbar .mw-article-toolbar-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 -1px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: var(--rct-grey-6);
border-top: 1px solid var(--rct-grey-8);
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-4);
border-bottom: 1px solid var(--rct-grey-9); }
body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar li.mw-list-item a {
color: white;
font-weight: bold;
padding: 13px;
border-bottom: 0 !important; }
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,