MediaWiki:Common.css: Difference between revisions

From RollerCoaster Tycoon Wiki Wiki, the RollerCoaster Tycoon encyclopedia that anyone can edit.
Content added Content deleted
(Add ridebox list)
No edit summary
 
(27 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;
Line 17: Line 18:
--rct-gold-darker: #773f00;
--rct-gold-darker: #773f00;
--rct-dark-gold: #4b2200;
--rct-dark-gold: #4b2200;
--light-link: #66a5ff; }
--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-legacy {
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 {
/* Tabs like Main page, Discussion, etc. */
background-color: var(--rct-grey-7);
/* Navigation boxes on the left */
border-top: 1px solid var(--rct-grey-8);
/* User links (top right) */
border-left: 1px solid var(--rct-grey-8);
/* Footer */ }
border-right: 1px solid var(--rct-grey-5);
body.skin-vector #mw-page-base,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector-legacy #mw-page-base {
font-weight: bold;
/*background-color: var(--rct-indian-red);
background-image: none;*/
background: none; }
body.skin-vector .mw-body,
body.skin-vector-legacy .mw-body {
background-color: #f5f5f5;
border-top: 1px solid var(--rct-white-lighter);
border-left-color: var(--rct-white-lighter);
border-right-color: var(--rct-white-darker);
border-bottom-color: var(--rct-white-darker); }
body.skin-vector #left-navigation,
body.skin-vector #right-navigation,
body.skin-vector-legacy #left-navigation,
body.skin-vector-legacy #right-navigation {
margin-top: calc(2.5em - 2px); }
body.skin-vector #left-navigation,
body.skin-vector-legacy #left-navigation {
padding-left: 3px; }
body.skin-vector #left-navigation .vector-menu-tabs,
body.skin-vector #right-navigation .vector-menu-tabs,
body.skin-vector-legacy #left-navigation .vector-menu-tabs,
body.skin-vector-legacy #right-navigation .vector-menu-tabs {
background-image: none; }
body.skin-vector #left-navigation ul.vector-menu-content-list li,
body.skin-vector #right-navigation ul.vector-menu-content-list li,
body.skin-vector #right-navigation .vector-menu-dropdown h3,
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li,
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li,
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
body.skin-vector #left-navigation ul.vector-menu-content-list li.selected,
body.skin-vector #right-navigation ul.vector-menu-content-list li.selected,
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li.selected,
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li.selected {
background-color: #f5f5f5;
border-left: 1px solid var(--rct-white-lighter);
border-top: 1px solid var(--rct-white-lighter);
border-right: 1px solid var(--rct-white-darker);
border-bottom: 1px solid #f5f5f5; }
body.skin-vector #left-navigation ul.vector-menu-content-list li:not(.selected),
body.skin-vector #right-navigation ul.vector-menu-content-list li:not(.selected),
body.skin-vector #right-navigation .vector-menu-dropdown h3,
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li:not(.selected),
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li:not(.selected),
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 {
background-color: var(--rct-white-inactive-tab-background);
border-left: 1px solid var(--rct-white-lighter);
border-top: 1px solid var(--rct-white-lighter);
border-right: 1px solid var(--rct-white-inactive-tab-darker);
border-bottom: 1px solid var(--rct-white-inactive-tab-background);
background-image: none; }
body.skin-vector #left-navigation ul.vector-menu-content-list li a,
body.skin-vector #right-navigation ul.vector-menu-content-list li a,
body.skin-vector #right-navigation .vector-menu-dropdown h3,
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li a,
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li a,
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 {
background-image: none;
padding-top: 0.8em; }
body.skin-vector #right-navigation .vector-menu-dropdown h3::after,
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3::after {
top: 0.3em; }
body.skin-vector #right-navigation .vector-menu-dropdown h3,
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 {
height: calc(3.07692308em + 2px); }
body.skin-vector .mw-watchlink a,
body.skin-vector-legacy .mw-watchlink a {
height: 3.07692308em !important;
color: transparent;
padding-top: 0; }
body.skin-vector #mw-panel nav,
body.skin-vector-legacy #mw-panel nav {
background-color: var(--rct-indian-red);
border: 1px solid;
border-top-color: var(--rct-indian-red-lighter);
border-left-color: var(--rct-indian-red-lighter);
border-right-color: var(--rct-indian-red-darker);
border-bottom-color: var(--rct-indian-red-darker);
padding-top: 0; }
body.skin-vector #mw-panel nav + nav,
body.skin-vector-legacy #mw-panel nav + nav {
margin-top: 15px; }
body.skin-vector #mw-panel nav h3,
body.skin-vector-legacy #mw-panel nav h3 {
height: 12px;
margin: 0;
border: 1px solid;
border-top-color: var(--rct-indian-red-darker);
border-left-color: var(--rct-indian-red-darker);
border-right-color: var(--rct-indian-red-lighter);
border-bottom-color: var(--rct-indian-red-lighter);
background-color: var(--rct-dark-indian-red);
color: white;
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;
font-weight: bold;
text-align: center;
background-image: none;
line-height: 12px; }
body.skin-vector #mw-panel nav a,
body.skin-vector-legacy #mw-panel nav a {
color: #fff;
border-bottom: 1px dotted; }
body.skin-vector #p-personal .vector-menu-content-list,
body.skin-vector-legacy #p-personal .vector-menu-content-list {
align-items: normal; }
body.skin-vector #p-personal .vector-menu-content-list li,
body.skin-vector-legacy #p-personal .vector-menu-content-list 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;
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-weight: bold;
min-height: 28px;
font-family: sans-serif;
box-sizing: border-box;
background-color: var(--rct-indian-red-2);
border-top: 1px solid var(--rct-indian-red-8);
position: relative;
padding-left: 5px;
border-left: 1px solid var(--rct-indian-red-8);
padding-right: 5px; }
border-right: 1px solid var(--rct-indian-red-5);
border-bottom: 1px solid var(--rct-indian-red-5);
body.skin-vector li#pt-notifications-alert,
border-top: 1px solid var(--rct-indian-red-8);
body.skin-vector li#pt-notifications-notice,
border-left: 1px solid var(--rct-indian-red-8);
body.skin-vector li#pt-preferences,
border-right: 1px solid var(--rct-indian-red-4); }
body.skin-vector li#pt-watchlist,
body.skin-vector li#pt-betafeatures,
body.skin-vector div.mw-page-container #content .vector-page-toolbar {
background-color: var(--rct-indian-red-6);
body.skin-vector li#pt-userpage,
border-left: 1px solid var(--rct-indian-red-8);
body.skin-vector li#pt-login,
border-right: 1px solid var(--rct-indian-red-4);
body.skin-vector li#pt-logout,
border-bottom: 0;
body.skin-vector li#pt-mytalk,
padding-left: 2px;
body.skin-vector li#pt-anontalk,
padding-right: 2px; }
body.skin-vector li#pt-mycontris,
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
body.skin-vector li#pt-anoncontribs,
box-shadow: none; }
body.skin-vector li#pt-createaccount,
body.skin-vector-legacy li#pt-notifications-alert,
body.skin-vector div.mw-page-container #content .vector-page-toolbar #left-navigation {
margin-left: 0; }
body.skin-vector-legacy li#pt-notifications-notice,
body.skin-vector-legacy li#pt-preferences,
body.skin-vector div.mw-page-container #content .vector-page-toolbar #right-navigation {
margin-right: 0; }
body.skin-vector-legacy li#pt-watchlist,
body.skin-vector-legacy li#pt-betafeatures,
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-page-toolbar-container {
border-bottom: 0; }
body.skin-vector-legacy li#pt-userpage,
body.skin-vector-legacy li#pt-login,
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li {
margin: 2px 0 -1px 0;
body.skin-vector-legacy li#pt-logout,
border-top-left-radius: 4px;
body.skin-vector-legacy li#pt-mytalk,
border-top-right-radius: 4px;
body.skin-vector-legacy li#pt-anontalk,
background: var(--rct-grey-6);
body.skin-vector-legacy li#pt-mycontris,
border-top: 1px solid var(--rct-grey-8);
body.skin-vector-legacy li#pt-anoncontribs,
border-left: 1px solid var(--rct-grey-8);
body.skin-vector-legacy li#pt-createaccount {
border-right: 1px solid var(--rct-grey-4);
background-repeat: no-repeat;
background-position: center;
border-bottom: 0;
padding: 0 !important;
height: 44px; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li a {
width: 28px;
margin-left: 0.75em;
color: white;
margin-right: 0 !important; }
font-weight: bold;
padding: 13px;
body.skin-vector li#pt-anonuserpage,
border-bottom: 0 !important; }
body.skin-vector-legacy li#pt-anonuserpage {
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li.selected {
/*padding: 0 !important;*/
background: var(--rct-white);
margin-left: 0.75em;
border-top: 1px solid var(--rct-grey-9);
margin-right: 0 !important;
border-left: 1px solid var(--rct-grey-9);
background-size: initial;
border-right: 1px solid var(--rct-grey-5); }
background-position: 8px 2px;
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li.selected a {
padding-left: 28px !important; }
color: black; }
body.skin-vector li#pt-anonuserpage a,
body.skin-vector-legacy li#pt-anonuserpage a {
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li:not(.selected) {
color: white; }
border-bottom-right-radius: 3px; }
body.skin-vector div.mw-page-container #content .vector-page-toolbar .vector-menu-content-list > li .mw-ui-icon {
body.skin-vector #pt-notifications-alert,
margin-top: 0; }
body.skin-vector-legacy #pt-notifications-alert {
body.skin-vector div.mw-page-container #content #bodyContent {
background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); }
background-color: var(--rct-white);
body.skin-vector #pt-notifications-notice,
padding: 1.0em;
body.skin-vector-legacy #pt-notifications-notice {
border-left: 1px solid var(--rct-grey-8);
background-image: url("https://static.miraheze.org/rctwiki/4/4f/Newspaper.png"); }
border-right: 1px solid var(--rct-grey-5);
body.skin-vector li#pt-preferences,
border-bottom: 1px solid var(--rct-grey-5); }
body.skin-vector-legacy li#pt-preferences {
body.skin-vector div.mw-page-container #content #bodyContent #mw-content-text {
background-image: url("https://static.miraheze.org/rctwiki/7/7d/Gears.png"); }
margin-top: 0; }
body.skin-vector li#pt-watchlist,
body.skin-vector-legacy li#pt-watchlist {
body.skin-vector #vector-main-menu-dropdown-checkbox {
background-image: url("https://static.miraheze.org/rctwiki/8/80/Watchlist-icon.png"); }
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-grey-8);
body.skin-vector li#pt-betafeatures,
border-left: 1px solid var(--rct-grey-8);
body.skin-vector-legacy li#pt-betafeatures {
border-right: 1px solid var(--rct-grey-5);
background-image: url("https://static.miraheze.org/rctwiki/3/3f/Beta.png"); }
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector li#pt-userpage,
font-weight: bold;
body.skin-vector li#pt-anonuserpage,
color: white; }
body.skin-vector-legacy li#pt-userpage,
body.skin-vector-legacy li#pt-anonuserpage {
body.skin-vector .vector-limited-width-toggle {
background-image: url("https://static.miraheze.org/rctwiki/3/31/Guest2.png"); }
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-grey-8);
body.skin-vector li#pt-login,
border-left: 1px solid var(--rct-grey-8);
body.skin-vector li#pt-logout,
border-right: 1px solid var(--rct-grey-5);
body.skin-vector-legacy li#pt-login,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector-legacy li#pt-logout {
font-weight: bold;
background-image: url("https://static.miraheze.org/rctwiki/2/28/Entrance.png");
background-position-y: 0; }
color: white; }
body.skin-vector li#pt-mytalk,
body.skin-vector li#pt-anontalk,
body.skin-vector-legacy li#pt-mytalk,
body.skin-vector-legacy li#pt-anontalk {
background-image: url("https://static.miraheze.org/rctwiki/c/c7/Chat.png"); }
body.skin-vector li#pt-mycontris,
body.skin-vector li#pt-anoncontribs,
body.skin-vector-legacy li#pt-mycontris,
body.skin-vector-legacy li#pt-anoncontribs {
background-image: url("https://static.miraheze.org/rctwiki/7/77/Shovel.png"); }
body.skin-vector li#pt-createaccount,
body.skin-vector-legacy li#pt-createaccount {
background-image: url("https://static.miraheze.org/rctwiki/9/97/CreateAccount.png"); }
body.skin-vector #pt-notifications-alert a,
body.skin-vector #pt-notifications-notice a,
body.skin-vector li#pt-preferences a,
body.skin-vector li#pt-watchlist a,
body.skin-vector li#pt-betafeatures a,
body.skin-vector li#pt-userpage a,
body.skin-vector li#pt-login a,
body.skin-vector li#pt-logout a,
body.skin-vector li#pt-mytalk a,
body.skin-vector li#pt-anontalk a,
body.skin-vector li#pt-mycontris a,
body.skin-vector li#pt-anoncontribs a,
body.skin-vector li#pt-createaccount a,
body.skin-vector-legacy #pt-notifications-alert a,
body.skin-vector-legacy #pt-notifications-notice a,
body.skin-vector-legacy li#pt-preferences a,
body.skin-vector-legacy li#pt-watchlist a,
body.skin-vector-legacy li#pt-betafeatures a,
body.skin-vector-legacy li#pt-userpage a,
body.skin-vector-legacy li#pt-login a,
body.skin-vector-legacy li#pt-logout a,
body.skin-vector-legacy li#pt-mytalk a,
body.skin-vector-legacy li#pt-anontalk a,
body.skin-vector-legacy li#pt-mycontris a,
body.skin-vector-legacy li#pt-anoncontribs a,
body.skin-vector-legacy li#pt-createaccount a {
background-image: none;
width: 26px;
height: 26px;
position: static;
display: block;
margin: 0;
color: transparent;
padding: 0 !important; }
body.skin-vector #pt-notifications-alert .mw-echo-notifications-badge::after,
body.skin-vector #pt-notifications-notice .mw-echo-notifications-badge::after,
body.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge::after,
body.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge::after {
top: 55%; }
body.skin-vector .mw-footer li,
body.skin-vector-legacy .mw-footer li {
color: #999999; }
body.skin-vector .mw-footer li a,
body.skin-vector-legacy .mw-footer li a {
color: var(--light-link); }


.main-page-game-thumbnail,
.main-page-game-thumbnail,
Line 295: Line 386:
display: flex;
display: flex;
flex-wrap: wrap; }
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; }

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"