MediaWiki:Common.css: Difference between revisions

From RollerCoaster Tycoon Wiki Wiki, the RollerCoaster Tycoon encyclopedia that anyone can edit.
Content added Content deleted
(Add user icon)
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
@charset "UTF-8";
:root {
:root {
--rct-indian-red: #b34f4f;
--rct-indian-red: #b34f4f;
--rct-indian-red-lighter: #c76767;
--rct-indian-red-lighter: #c76767;
--rct-indian-red-darker: #7b1312;
--rct-indian-red-darker: #7b1312;
--rct-dark-indian-red: #530000;
--rct-dark-indian-red: #530000;
--rct-light-grey: #839797;
--rct-light-grey: #839797;
--rct-light-grey-lighter: #9fafaf;
--rct-light-grey-lighter: #9fafaf;
--rct-light-grey-darker: #5b7373;
--rct-light-grey-darker: #5b7373;
--rct-dark-grey: #3f5353;
--rct-dark-grey: #3f5353;
--rct-white: #d3dbdb;
--rct-white: #d3dbdb;
--rct-white-lighter: #eff3f3;
--rct-white-lighter: #eff3f3;
--rct-white-darker: #9fafaf;
--rct-white-darker: #9fafaf;
--rct-white-inactive-tab-background: #b7c3c3;
--rct-white-inactive-tab-background: #b7c3c3;
--rct-white-inactive-tab-darker: #839797;
--rct-white-inactive-tab-darker: #839797;
--rct-gold: #a76f07;
--rct-gold: #a76f07;
--rct-gold-lighter: #bf8b0f;
--rct-gold-lighter: #bf8b0f;
--rct-gold-darker: #773f00;
--rct-gold-darker: #773f00;
--rct-dark-gold: #4b2200;
--rct-dark-gold: #4b2200;
--light-link: #66a5ff;
}
--rct-indian-red-0: #230000;
--rct-indian-red-1: #4F0000;
--rct-indian-red-2: #5F0707;
--rct-indian-red-3: #6F0F0F;
--rct-indian-red-4: #7F1B1B;
--rct-indian-red-5: #8F2727;
--rct-indian-red-6: #A33B3B;
--rct-indian-red-7: #B34F4F;
--rct-indian-red-8: #C76767;
--rct-indian-red-9: #D77F7F;
--rct-indian-red-10: #EB9F9F;
--rct-indian-red-11: #FFBFBF;
--rct-grey-0: #172323;
--rct-grey-1: #233333;
--rct-grey-2: #2F4343;
--rct-grey-3: #3F5353;
--rct-grey-4: #4B6363;
--rct-grey-5: #5B7373;
--rct-grey-6: #6F8383;
--rct-grey-7: #839797;
--rct-grey-8: #9FAFAF;
--rct-grey-9: #B7C3C3;
--rct-grey-10: #D3DBDB;
--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;
--rct-dark-green-0: #0B2B0F;
--rct-dark-green-1: #0F3717;
--rct-dark-green-2: #17471F;
--rct-dark-green-3: #23532B;
--rct-dark-green-4: #2F633B;
--rct-dark-green-5: #3B734B;
--rct-dark-green-6: #4F875F;
--rct-dark-green-7: #639B77;
--rct-dark-green-8: #7BAF8B;
--rct-dark-green-9: #93C7A7;
--rct-dark-green-10: #AFDBC3;
--rct-dark-green-11: #CFF3DF; }


body.skin-vector
body.skin-vector {
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); }
{
body.skin-vector div.mw-page-container {
/*background-color: var(--rct-indian-red);*/
background-color: transparent; }
background: url('https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png');
body.skin-vector div.mw-page-container header.mw-header #mw-sidebar-button {
}
background-color: var(--rct-grey-7);

border-top: 1px solid var(--rct-grey-8);
body.skin-vector #mw-page-base
border-left: 1px solid var(--rct-grey-8);
{
/*background-color: var(--rct-indian-red);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5);
background-image: none;*/
background: none;
font-weight: bold;
color: white;
}
height: 44px;

width: 44px; }
body.skin-vector .mw-body
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-userpage-2 {
{
background-color: var(--rct-white);
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-white-lighter);
border-top: 1px solid var(--rct-grey-8);
border-left-color: var(--rct-white-lighter);
border-left: 1px solid var(--rct-grey-8);
border-right-color: var(--rct-white-darker);
border-right: 1px solid var(--rct-grey-5);
border-bottom-color: var(--rct-white-darker);
border-bottom: 1px solid var(--rct-grey-5);
font-weight: bold;
}
color: white;

height: 44px;
body.skin-vector #body-content
width: 44px;
{
width: auto;

display: inline-flex;
}
align-items: center; }

body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert {
/* Tabs like Main page, Discussion, etc. */
background-color: var(--rct-grey-7);
body.skin-vector #left-navigation,
border-top: 1px solid var(--rct-grey-8);
body.skin-vector #right-navigation
border-left: 1px solid var(--rct-grey-8);
{
border-right: 1px solid var(--rct-grey-5);
margin-top: calc(2.5em - 2px);
border-bottom: 1px solid var(--rct-grey-5);
}
font-weight: bold;

color: white;
body.skin-vector #left-navigation
height: 44px;
{
padding-left: 3px;
width: 44px; }
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert a {
}
background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); }

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);
body.skin-vector #left-navigation .vector-menu-tabs,
border-top: 1px solid var(--rct-grey-8);
body.skin-vector #right-navigation .vector-menu-tabs
border-left: 1px solid var(--rct-grey-8);
{
border-right: 1px solid var(--rct-grey-5);
background-image: none;
border-bottom: 1px solid var(--rct-grey-5);
}
font-weight: bold;

color: white;

height: 44px;
body.skin-vector #left-navigation ul.vector-menu-content-list li,
width: 44px; }
body.skin-vector #right-navigation ul.vector-menu-content-list li,
body.skin-vector #right-navigation .vector-menu-dropdown h3
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-notice a {
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 {
border-top-left-radius: 4px;
background-color: var(--rct-grey-7);
border-top-right-radius: 4px;
border-top: 1px solid var(--rct-grey-8);
}
border-left: 1px solid var(--rct-grey-8);

border-right: 1px solid var(--rct-grey-5);
body.skin-vector #left-navigation ul.vector-menu-content-list li.selected,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector #right-navigation ul.vector-menu-content-list li.selected
font-weight: bold;
{
background-color: var(--rct-white);
color: white;
height: 44px;
border-left: 1px solid var(--rct-white-lighter);
width: 44px; }
border-top: 1px solid var(--rct-white-lighter);
body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-watchlist-2 a:before {
border-right: 1px solid var(--rct-white-darker);
background-image: url("https://static.miraheze.org/rctwiki/8/80/Watchlist-icon.png"); }
border-bottom: 1px solid var(--rct-white);
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);
body.skin-vector #left-navigation ul.vector-menu-content-list li:not(.selected),
border-left: 1px solid var(--rct-grey-8);
body.skin-vector #right-navigation ul.vector-menu-content-list li:not(.selected),
border-right: 1px solid var(--rct-grey-5);
body.skin-vector #right-navigation .vector-menu-dropdown h3
border-bottom: 1px solid var(--rct-grey-5);
{
font-weight: bold;
background-color: var(--rct-white-inactive-tab-background);
border-left: 1px solid var(--rct-white-lighter);
color: white;
height: 44px;
border-top: 1px solid var(--rct-white-lighter);
width: 44px; }
border-right: 1px solid var(--rct-white-inactive-tab-darker);
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {
border-bottom: 1px solid var(--rct-white-inactive-tab-background);
background-image: none;
background-color: var(--rct-blue-7);
border-top: 1px solid var(--rct-blue-8);
}
border-left: 1px solid var(--rct-blue-8);

border-right: 1px solid var(--rct-blue-5);
body.skin-vector #left-navigation ul.vector-menu-content-list li a,
border-bottom: 1px solid var(--rct-blue-5);
body.skin-vector #right-navigation ul.vector-menu-content-list li a,
padding: 0; }
body.skin-vector #right-navigation .vector-menu-dropdown h3
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header {
{
background-image: none;
padding: 2px;
color: var(--rct-white-lighter);
padding-top: 0.8em;
text-align: center;
}
font-weight: bold;

font-family: sans-serif;
body.skin-vector #right-navigation .vector-menu-dropdown h3::after
background-color: var(--rct-blue-1);
{
top: 0.3em;
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);
body.skin-vector #right-navigation .vector-menu-dropdown h3
display: flex;
{
padding: 0; }
height: calc(3.07692308em + 2px);
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-label {
}
color: #ffffff;

flex-grow: 1; }
body.skin-vector .mw-watchlink a
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: 3.07692308em !important;
color: transparent;
height: 18px;
padding-top: 0;
border-width: 1px;
border-style: solid;
}
overflow: hidden;

display: inline-block;
/* Navigation boxes on the left */
color: transparent;
body.skin-vector #mw-panel nav
position: relative;
{
background-color: var(--rct-indian-red);
background-color: var(--rct-blue-7);
border: 1px solid;
border-top-color: var(--rct-blue-8);
border-top-color: var(--rct-indian-red-lighter);
border-left-color: var(--rct-blue-8);
border-left-color: var(--rct-indian-red-lighter);
border-right-color: var(--rct-blue-5);
border-right-color: var(--rct-indian-red-darker);
border-bottom-color: var(--rct-blue-5); }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-unpin-button::before {
border-bottom-color: var(--rct-indian-red-darker);
padding-top: 0;
content: '×';
color: black;
}
width: 16px;

position: absolute;
body.skin-vector #mw-panel nav + nav
line-height: 14px; }
{
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-action-opt-out {
margin-top: 15px;
display: none; }
}
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu {

border-top: 1px solid var(--rct-blue-8);
body.skin-vector #mw-panel nav h3
border-left: 1px solid var(--rct-blue-8);
{
border-right: 1px solid var(--rct-blue-5);
height: 12px;
border-bottom: 1px solid var(--rct-blue-5);
margin: 0;
position: relative;
border: 1px solid;
margin: 15px 5px 5px 5px;
border-top-color: var(--rct-indian-red-darker);
padding: 0; }
border-left-color: var(--rct-indian-red-darker);
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > * {
border-right-color: var(--rct-indian-red-lighter);
border-bottom-color: var(--rct-indian-red-lighter);
border-top: 1px solid var(--rct-blue-5);
background-color: var(--rct-dark-indian-red);
border-left: 1px solid var(--rct-blue-5);
border-right: 1px solid var(--rct-blue-8);
color: white;
border-bottom: 1px solid var(--rct-blue-8); }
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 .vector-menu-heading {
position: absolute;
color: white;
border: 0;
left: 7px;
top: -15px;
background: var(--rct-blue-7);
font-weight: bold; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content {
padding: 15px 5px 5px 5px; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content ul li a, body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content ul li a:visited {
color: white; }
body.skin-vector div.mw-page-container nav.vector-page-tools-landmark {
margin-top: 0; }
body.skin-vector div.mw-page-container #vector-page-tools {
background-color: var(--rct-dark-green-7);
border-top: 1px solid var(--rct-dark-green-8);
border-left: 1px solid var(--rct-dark-green-8);
border-right: 1px solid var(--rct-dark-green-5);
border-bottom: 1px solid var(--rct-dark-green-5);
padding: 0;
min-width: 250px; }
body.skin-vector div.mw-page-container #vector-page-tools::after {
background: none; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header {
padding: 2px;
color: var(--rct-white-lighter);
text-align: center;
font-weight: bold;
font-family: sans-serif;
background-color: var(--rct-dark-green-3);
border-top: 1px solid var(--rct-dark-green-5);
border-left: 1px solid var(--rct-dark-green-5);
border-right: 1px solid var(--rct-dark-green-8);
border-bottom: 1px solid var(--rct-dark-green-8);
display: flex;
padding: 0; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-label {
color: #ffffff;
flex-grow: 1; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-unpin-button {
width: 18px;
height: 18px;
border-width: 1px;
border-style: solid;
overflow: hidden;
display: inline-block;
color: transparent;
position: relative;
background-color: var(--rct-dark-green-7);
border-top: 1px solid var(--rct-dark-green-8);
border-left: 1px solid var(--rct-dark-green-8);
border-right: 1px solid var(--rct-dark-green-5);
border-bottom: 1px solid var(--rct-dark-green-5); }
body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-unpin-button::before {
content: '×';
color: black;
width: 16px;
position: absolute;
line-height: 14px; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu {
border-top: 1px solid var(--rct-dark-green-8);
border-left: 1px solid var(--rct-dark-green-8);
border-right: 1px solid var(--rct-dark-green-5);
border-bottom: 1px solid var(--rct-dark-green-5);
position: relative;
margin: 15px 5px 5px 5px;
padding: 0; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > * {
border-top: 1px solid var(--rct-dark-green-5);
border-left: 1px solid var(--rct-dark-green-5);
border-right: 1px solid var(--rct-dark-green-8);
border-bottom: 1px solid var(--rct-dark-green-8); }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu + * {
margin-top: 1em; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-heading {
position: absolute;
color: white;
border: 0;
left: 7px;
top: -15px;
background: var(--rct-dark-green-7);
font-weight: bold; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content {
padding: 15px 5px 5px 5px; }
body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content ul li a, body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content ul li a:visited {
color: white; }
body.skin-vector div.mw-page-container #content > header h1 {
padding: 2px;
color: var(--rct-white-lighter);
text-align: center;
font-weight: bold;
font-family: sans-serif;
background-color: var(--rct-indian-red-2);
border-top: 1px solid var(--rct-indian-red-8);
border-left: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-indian-red-5);
border-bottom: 1px solid var(--rct-indian-red-5);
border-top: 1px solid var(--rct-indian-red-8);
border-left: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-indian-red-4); }
body.skin-vector div.mw-page-container #content .vector-page-toolbar {
background-color: var(--rct-indian-red-6);
border-left: 1px solid var(--rct-indian-red-8);
border-right: 1px solid var(--rct-indian-red-4);
border-bottom: 0;
padding-left: 2px;
padding-right: 2px; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
box-shadow: none; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar #left-navigation {
margin-left: 0; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar #right-navigation {
margin-right: 0; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
border-bottom: 0; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li {
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: 0;
height: 44px; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li a {
color: white;
font-weight: bold;
padding: 13px;
border-bottom: 0 !important; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li.selected {
background: var(--rct-white);
border-top: 1px solid var(--rct-grey-9);
border-left: 1px solid var(--rct-grey-9);
border-right: 1px solid var(--rct-grey-5); }
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 #content .vector-page-toolbar .vector-menu-content-list > li .mw-ui-icon {
margin-top: 0; }
body.skin-vector div.mw-page-container #content #bodyContent {
background-color: var(--rct-white);
padding: 1.0em;
border-left: 1px solid var(--rct-grey-8);
border-right: 1px solid var(--rct-grey-5);
border-bottom: 1px solid var(--rct-grey-5); }
body.skin-vector div.mw-page-container #content #bodyContent #mw-content-text {
margin-top: 0; }
body.skin-vector #vector-main-menu-dropdown-checkbox {
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);
font-weight: bold;
font-weight: bold;
text-align: center;
color: white; }
body.skin-vector .vector-limited-width-toggle {
background-image: none;
background-color: var(--rct-grey-7);
line-height: 12px;
border-top: 1px solid var(--rct-grey-8);
}
border-left: 1px solid var(--rct-grey-8);

border-right: 1px solid var(--rct-grey-5);
/* User links (top right) */
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector #p-personal li
{
background-color: var(--rct-light-grey);
border: 1px solid;
border-top-color: var(--rct-light-grey-lighter);
border-left-color: var(--rct-light-grey-lighter);
border-right-color: var(--rct-light-grey-darker);
border-bottom-color: var(--rct-light-grey-darker);
color: white;
font-weight: bold;
font-weight: bold;
min-height: 28px;
color: white; }
box-sizing: border-box;
position: relative;
padding-left: 5px;
padding-right: 5px;
}

body.skin-vector #p-personal li a
{
color: white;
}

body.skin-vector #pt-notifications-alert,
body.skin-vector li#pt-preferences,
body.skin-vector li#pt-watchlist,
body.skin-vector li#pt-betafeatures,
body.skin-vector li#pt-userpage
{
background-repeat: no-repeat;
background-position: center;
padding: 0 !important;
width: 28px;
}

body.skin-vector #pt-notifications-alert
{
background-image: url('https://static.miraheze.org/rctwiki/7/74/Notifications.png');
}

body.skin-vector li#pt-preferences
{
background-image: url('https://static.miraheze.org/rctwiki/7/7d/Gears.png');
}

body.skin-vector li#pt-watchlist
{
background-image: url('https://static.miraheze.org/rctwiki/8/80/Watchlist-icon.png');
}

body.skin-vector li#pt-betafeatures
{
background-image: url('https://static.miraheze.org/rctwiki/3/3f/Beta.png');
}


.main-page-game-thumbnail,
body.skin-vector li#pt-userpage
.main-page-addon-thumbnail {
{
margin: auto;
background-image: url('https://static.miraheze.org/rctwiki/1/12/Guest.png');
border-radius: 10px;
}
box-shadow: 1px 1px 2px #222;
overflow: hidden; }


.main-page-game-thumbnail {
body.skin-vector #pt-notifications-alert a,
width: 140px;
body.skin-vector li#pt-preferences a,
height: 140px; }
body.skin-vector li#pt-watchlist a,
body.skin-vector li#pt-betafeatures a,
body.skin-vector li#pt-userpage a
{
background-image: none;
min-width: 26px;
min-height: 26px;
position: static;
display: block;
margin: 0;
color: transparent;
padding: 0 !important;
}


.main-page-addon-thumbnail {
/* Footer */
width: 120px;
body.skin-vector .mw-footer li
height: 120px; }
{
color: #999999
}


div.ridebox-list {
body.skin-vector .mw-footer li a
display: flex;
{
flex-wrap: wrap; }
color: #66a5ff
div.ridebox-list > table.ridebox {
}
background-color: white;
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-5);
margin: 5px;
border-radius: 4px; }
div.ridebox-list > table.ridebox img {
margin-top: 1.0em;
-webkit-mask-image: url(https://static.miraheze.org/rctwiki/9/93/Feathered-border.png);
mask-image: url(https://static.miraheze.org/rctwiki/9/93/Feathered-border.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; }

Latest revision as of 00:16, 7 December 2023

@charset "UTF-8";
:root {
  --rct-indian-red: #b34f4f;
  --rct-indian-red-lighter: #c76767;
  --rct-indian-red-darker: #7b1312;
  --rct-dark-indian-red: #530000;
  --rct-light-grey: #839797;
  --rct-light-grey-lighter: #9fafaf;
  --rct-light-grey-darker: #5b7373;
  --rct-dark-grey: #3f5353;
  --rct-white: #d3dbdb;
  --rct-white-lighter: #eff3f3;
  --rct-white-darker: #9fafaf;
  --rct-white-inactive-tab-background: #b7c3c3;
  --rct-white-inactive-tab-darker: #839797;
  --rct-gold: #a76f07;
  --rct-gold-lighter: #bf8b0f;
  --rct-gold-darker: #773f00;
  --rct-dark-gold: #4b2200;
  --light-link: #66a5ff;
  --rct-indian-red-0: #230000;
  --rct-indian-red-1: #4F0000;
  --rct-indian-red-2: #5F0707;
  --rct-indian-red-3: #6F0F0F;
  --rct-indian-red-4: #7F1B1B;
  --rct-indian-red-5: #8F2727;
  --rct-indian-red-6: #A33B3B;
  --rct-indian-red-7: #B34F4F;
  --rct-indian-red-8: #C76767;
  --rct-indian-red-9: #D77F7F;
  --rct-indian-red-10: #EB9F9F;
  --rct-indian-red-11: #FFBFBF;
  --rct-grey-0: #172323;
  --rct-grey-1: #233333;
  --rct-grey-2: #2F4343;
  --rct-grey-3: #3F5353;
  --rct-grey-4: #4B6363;
  --rct-grey-5: #5B7373;
  --rct-grey-6: #6F8383;
  --rct-grey-7: #839797;
  --rct-grey-8: #9FAFAF;
  --rct-grey-9: #B7C3C3;
  --rct-grey-10: #D3DBDB;
  --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;
  --rct-dark-green-0: #0B2B0F;
  --rct-dark-green-1: #0F3717;
  --rct-dark-green-2: #17471F;
  --rct-dark-green-3: #23532B;
  --rct-dark-green-4: #2F633B;
  --rct-dark-green-5: #3B734B;
  --rct-dark-green-6: #4F875F;
  --rct-dark-green-7: #639B77;
  --rct-dark-green-8: #7BAF8B;
  --rct-dark-green-9: #93C7A7;
  --rct-dark-green-10: #AFDBC3;
  --rct-dark-green-11: #CFF3DF; }

body.skin-vector {
  background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); }
  body.skin-vector div.mw-page-container {
    background-color: transparent; }
    body.skin-vector div.mw-page-container header.mw-header #mw-sidebar-button {
      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);
      font-weight: bold;
      color: white;
      height: 44px;
      width: 44px; }
    body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-userpage-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);
      font-weight: bold;
      color: white;
      height: 44px;
      width: 44px;
      width: auto;
      display: inline-flex;
      align-items: center; }
    body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-notifications-alert {
      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);
      font-weight: bold;
      color: white;
      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-alert a {
        background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); }
    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);
      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);
      font-weight: bold;
      color: white;
      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 {
        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);
      font-weight: bold;
      color: white;
      height: 44px;
      width: 44px; }
      body.skin-vector div.mw-page-container header.mw-header nav.vector-user-links ul.vector-menu-content-list > #pt-watchlist-2 a:before {
        background-image: url("https://static.miraheze.org/rctwiki/8/80/Watchlist-icon.png"); }
    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);
      font-weight: bold;
      color: white;
      height: 44px;
      width: 44px; }
    body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {
      background-color: var(--rct-blue-7);
      border-top: 1px solid var(--rct-blue-8);
      border-left: 1px solid var(--rct-blue-8);
      border-right: 1px solid var(--rct-blue-5);
      border-bottom: 1px solid var(--rct-blue-5);
      padding: 0; }
      body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header {
        padding: 2px;
        color: var(--rct-white-lighter);
        text-align: center;
        font-weight: bold;
        font-family: sans-serif;
        background-color: var(--rct-blue-1);
        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);
        display: flex;
        padding: 0; }
        body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-label {
          color: #ffffff;
          flex-grow: 1; }
        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;
          border-width: 1px;
          border-style: solid;
          overflow: hidden;
          display: inline-block;
          color: transparent;
          position: relative;
          background-color: var(--rct-blue-7);
          border-top-color: var(--rct-blue-8);
          border-left-color: var(--rct-blue-8);
          border-right-color: var(--rct-blue-5);
          border-bottom-color: var(--rct-blue-5); }
          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: 16px;
            position: absolute;
            line-height: 14px; }
      body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-action-opt-out {
        display: none; }
      body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu {
        border-top: 1px solid var(--rct-blue-8);
        border-left: 1px solid var(--rct-blue-8);
        border-right: 1px solid var(--rct-blue-5);
        border-bottom: 1px solid var(--rct-blue-5);
        position: relative;
        margin: 15px 5px 5px 5px;
        padding: 0; }
        body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > * {
          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); }
        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 .vector-menu-heading {
          position: absolute;
          color: white;
          border: 0;
          left: 7px;
          top: -15px;
          background: var(--rct-blue-7);
          font-weight: bold; }
        body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content {
          padding: 15px 5px 5px 5px; }
          body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content ul li a, body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content ul li a:visited {
            color: white; }
    body.skin-vector div.mw-page-container nav.vector-page-tools-landmark {
      margin-top: 0; }
    body.skin-vector div.mw-page-container #vector-page-tools {
      background-color: var(--rct-dark-green-7);
      border-top: 1px solid var(--rct-dark-green-8);
      border-left: 1px solid var(--rct-dark-green-8);
      border-right: 1px solid var(--rct-dark-green-5);
      border-bottom: 1px solid var(--rct-dark-green-5);
      padding: 0;
      min-width: 250px; }
      body.skin-vector div.mw-page-container #vector-page-tools::after {
        background: none; }
      body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header {
        padding: 2px;
        color: var(--rct-white-lighter);
        text-align: center;
        font-weight: bold;
        font-family: sans-serif;
        background-color: var(--rct-dark-green-3);
        border-top: 1px solid var(--rct-dark-green-5);
        border-left: 1px solid var(--rct-dark-green-5);
        border-right: 1px solid var(--rct-dark-green-8);
        border-bottom: 1px solid var(--rct-dark-green-8);
        display: flex;
        padding: 0; }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-label {
          color: #ffffff;
          flex-grow: 1; }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-unpin-button {
          width: 18px;
          height: 18px;
          border-width: 1px;
          border-style: solid;
          overflow: hidden;
          display: inline-block;
          color: transparent;
          position: relative;
          background-color: var(--rct-dark-green-7);
          border-top: 1px solid var(--rct-dark-green-8);
          border-left: 1px solid var(--rct-dark-green-8);
          border-right: 1px solid var(--rct-dark-green-5);
          border-bottom: 1px solid var(--rct-dark-green-5); }
          body.skin-vector div.mw-page-container #vector-page-tools .vector-page-tools-pinnable-header .vector-pinnable-header-unpin-button::before {
            content: '×';
            color: black;
            width: 16px;
            position: absolute;
            line-height: 14px; }
      body.skin-vector div.mw-page-container #vector-page-tools .vector-menu {
        border-top: 1px solid var(--rct-dark-green-8);
        border-left: 1px solid var(--rct-dark-green-8);
        border-right: 1px solid var(--rct-dark-green-5);
        border-bottom: 1px solid var(--rct-dark-green-5);
        position: relative;
        margin: 15px 5px 5px 5px;
        padding: 0; }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-menu > * {
          border-top: 1px solid var(--rct-dark-green-5);
          border-left: 1px solid var(--rct-dark-green-5);
          border-right: 1px solid var(--rct-dark-green-8);
          border-bottom: 1px solid var(--rct-dark-green-8); }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-menu + * {
          margin-top: 1em; }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-heading {
          position: absolute;
          color: white;
          border: 0;
          left: 7px;
          top: -15px;
          background: var(--rct-dark-green-7);
          font-weight: bold; }
        body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content {
          padding: 15px 5px 5px 5px; }
          body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content ul li a, body.skin-vector div.mw-page-container #vector-page-tools .vector-menu .vector-menu-content ul li a:visited {
            color: white; }
    body.skin-vector div.mw-page-container #content > header h1 {
      padding: 2px;
      color: var(--rct-white-lighter);
      text-align: center;
      font-weight: bold;
      font-family: sans-serif;
      background-color: var(--rct-indian-red-2);
      border-top: 1px solid var(--rct-indian-red-8);
      border-left: 1px solid var(--rct-indian-red-8);
      border-right: 1px solid var(--rct-indian-red-5);
      border-bottom: 1px solid var(--rct-indian-red-5);
      border-top: 1px solid var(--rct-indian-red-8);
      border-left: 1px solid var(--rct-indian-red-8);
      border-right: 1px solid var(--rct-indian-red-4); }
    body.skin-vector div.mw-page-container #content .vector-page-toolbar {
      background-color: var(--rct-indian-red-6);
      border-left: 1px solid var(--rct-indian-red-8);
      border-right: 1px solid var(--rct-indian-red-4);
      border-bottom: 0;
      padding-left: 2px;
      padding-right: 2px; }
      body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
        box-shadow: none; }
      body.skin-vector div.mw-page-container #content .vector-page-toolbar #left-navigation {
        margin-left: 0; }
      body.skin-vector div.mw-page-container #content .vector-page-toolbar #right-navigation {
        margin-right: 0; }
      body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
        border-bottom: 0; }
      body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li {
        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: 0;
        height: 44px; }
        body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li a {
          color: white;
          font-weight: bold;
          padding: 13px;
          border-bottom: 0 !important; }
        body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li.selected {
          background: var(--rct-white);
          border-top: 1px solid var(--rct-grey-9);
          border-left: 1px solid var(--rct-grey-9);
          border-right: 1px solid var(--rct-grey-5); }
          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 #content .vector-page-toolbar .vector-menu-content-list > li .mw-ui-icon {
          margin-top: 0; }
    body.skin-vector div.mw-page-container #content #bodyContent {
      background-color: var(--rct-white);
      padding: 1.0em;
      border-left: 1px solid var(--rct-grey-8);
      border-right: 1px solid var(--rct-grey-5);
      border-bottom: 1px solid var(--rct-grey-5); }
      body.skin-vector div.mw-page-container #content #bodyContent #mw-content-text {
        margin-top: 0; }
  body.skin-vector #vector-main-menu-dropdown-checkbox {
    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);
    font-weight: bold;
    color: white; }
  body.skin-vector .vector-limited-width-toggle {
    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);
    font-weight: bold;
    color: white; }

.main-page-game-thumbnail,
.main-page-addon-thumbnail {
  margin: auto;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #222;
  overflow: hidden; }

.main-page-game-thumbnail {
  width: 140px;
  height: 140px; }

.main-page-addon-thumbnail {
  width: 120px;
  height: 120px; }

div.ridebox-list {
  display: flex;
  flex-wrap: wrap; }
  div.ridebox-list > table.ridebox {
    background-color: white;
    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-5);
    margin: 5px;
    border-radius: 4px; }
    div.ridebox-list > table.ridebox img {
      margin-top: 1.0em;
      -webkit-mask-image: url(https://static.miraheze.org/rctwiki/9/93/Feathered-border.png);
      mask-image: url(https://static.miraheze.org/rctwiki/9/93/Feathered-border.png);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat; }
Retrieved from "https://rct.wiki/wiki/MediaWiki:Common.css?oldid=48493"