MediaWiki:Common.css: Difference between revisions

From RollerCoaster Tycoon Wiki Wiki, the RollerCoaster Tycoon encyclopedia that anyone can edit.
Content added Content deleted
(Add main page thumbnail CSS)
No edit summary
 
(28 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;
--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; }
body.skin-vector div.mw-page-container header.mw-header #mw-sidebar-button {
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png");
background-color: var(--rct-grey-7);
/* Tabs like Main page, Discussion, etc. */
border-top: 1px solid var(--rct-grey-8);
/* Navigation boxes on the left */
border-left: 1px solid var(--rct-grey-8);
/* User links (top right) */
border-right: 1px solid var(--rct-grey-5);
/* Footer */
border-bottom: 1px solid var(--rct-grey-5);
}
font-weight: bold;

color: white;
body.skin-vector #mw-page-base,
height: 44px;
body.skin-vector-legacy #mw-page-base
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-indian-red);
background-image: none;*/
background-color: var(--rct-grey-7);
border-top: 1px solid var(--rct-grey-8);
background: none;
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 .mw-body,
font-weight: bold;
body.skin-vector-legacy .mw-body
color: white;
{
background-color: #f5f5f5;
height: 44px;
width: 44px;
border-top: 1px solid var(--rct-white-lighter);
width: auto;
border-left-color: var(--rct-white-lighter);
display: inline-flex;
border-right-color: var(--rct-white-darker);
align-items: center; }
border-bottom-color: var(--rct-white-darker);
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);
body.skin-vector #left-navigation,
border-left: 1px solid var(--rct-grey-8);
body.skin-vector #right-navigation,
border-right: 1px solid var(--rct-grey-5);
body.skin-vector-legacy #left-navigation,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector-legacy #right-navigation
font-weight: bold;
{
color: white;
margin-top: calc(2.5em - 2px);
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 {
body.skin-vector #left-navigation,
background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); }
body.skin-vector-legacy #left-navigation
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);
padding-left: 3px;
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 .vector-menu-tabs,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector #right-navigation .vector-menu-tabs,
font-weight: bold;
body.skin-vector-legacy #left-navigation .vector-menu-tabs,
color: white;
body.skin-vector-legacy #right-navigation .vector-menu-tabs
height: 44px;
{
background-image: none;
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 #left-navigation ul.vector-menu-content-list li,
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);
body.skin-vector #right-navigation ul.vector-menu-content-list li,
border-top: 1px solid var(--rct-grey-8);
body.skin-vector #right-navigation .vector-menu-dropdown h3,
border-left: 1px solid var(--rct-grey-8);
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li,
border-right: 1px solid var(--rct-grey-5);
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li,
border-bottom: 1px solid var(--rct-grey-5);
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3
font-weight: bold;
{
border-top-left-radius: 4px;
color: white;
border-top-right-radius: 4px;
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 #left-navigation ul.vector-menu-content-list li.selected,
body.skin-vector #right-navigation ul.vector-menu-content-list li.selected,
body.skin-vector div.mw-page-container header.mw-header #p-personal {
background-color: var(--rct-grey-7);
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li.selected,
border-top: 1px solid var(--rct-grey-8);
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li.selected
border-left: 1px solid var(--rct-grey-8);
{
border-right: 1px solid var(--rct-grey-5);
background-color: #f5f5f5;
border-left: 1px solid var(--rct-white-lighter);
border-bottom: 1px solid var(--rct-grey-5);
font-weight: bold;
border-top: 1px solid var(--rct-white-lighter);
border-right: 1px solid var(--rct-white-darker);
color: white;
border-bottom: 1px solid #f5f5f5;
height: 44px;
width: 44px; }
}
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu {

background-color: var(--rct-blue-7);
body.skin-vector #left-navigation ul.vector-menu-content-list li:not(.selected),
border-top: 1px solid var(--rct-blue-8);
body.skin-vector #right-navigation ul.vector-menu-content-list li:not(.selected),
border-left: 1px solid var(--rct-blue-8);
body.skin-vector #right-navigation .vector-menu-dropdown h3,
border-right: 1px solid var(--rct-blue-5);
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li:not(.selected),
border-bottom: 1px solid var(--rct-blue-5);
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li:not(.selected),
padding: 0; }
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header {
{
padding: 2px;
background-color: var(--rct-white-inactive-tab-background);
border-left: 1px solid var(--rct-white-lighter);
color: var(--rct-white-lighter);
text-align: center;
border-top: 1px solid var(--rct-white-lighter);
font-weight: bold;
border-right: 1px solid var(--rct-white-inactive-tab-darker);
font-family: sans-serif;
border-bottom: 1px solid var(--rct-white-inactive-tab-background);
background-image: none;
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);
body.skin-vector #left-navigation ul.vector-menu-content-list li a,
border-bottom: 1px solid var(--rct-blue-8);
body.skin-vector #right-navigation ul.vector-menu-content-list li a,
display: flex;
body.skin-vector #right-navigation .vector-menu-dropdown h3,
padding: 0; }
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 div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header .vector-pinnable-header-label {
color: #ffffff;
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3
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 {
background-image: none;
padding-top: 0.8em;
width: 18px;
height: 18px;
}
border-width: 1px;

border-style: solid;
body.skin-vector #right-navigation .vector-menu-dropdown h3::after,
overflow: hidden;
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3::after
display: inline-block;
{
top: 0.3em;
color: transparent;
position: relative;
}
background-color: var(--rct-blue-7);

border-top-color: var(--rct-blue-8);
body.skin-vector #right-navigation .vector-menu-dropdown h3,
border-left-color: var(--rct-blue-8);
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3
border-right-color: var(--rct-blue-5);
{
border-bottom-color: var(--rct-blue-5); }
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-unpin-button::before {
}
content: '×';

color: black;
body.skin-vector .mw-watchlink a,
width: 16px;
body.skin-vector-legacy .mw-watchlink a
position: absolute;
{
height: 3.07692308em !important;
line-height: 14px; }
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-action-opt-out {
color: transparent;
padding-top: 0;
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);
body.skin-vector #mw-panel nav,
border-right: 1px solid var(--rct-blue-5);
body.skin-vector-legacy #mw-panel nav
border-bottom: 1px solid var(--rct-blue-5);
{
position: relative;
background-color: var(--rct-indian-red);
border: 1px solid;
margin: 15px 5px 5px 5px;
padding: 0; }
border-top-color: var(--rct-indian-red-lighter);
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu > * {
border-left-color: var(--rct-indian-red-lighter);
border-right-color: var(--rct-indian-red-darker);
border-top: 1px solid var(--rct-blue-5);
border-bottom-color: var(--rct-indian-red-darker);
border-left: 1px solid var(--rct-blue-5);
border-right: 1px solid var(--rct-blue-8);
padding-top: 0;
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 #mw-panel nav + nav,
body.skin-vector-legacy #mw-panel nav + nav
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-heading {
position: absolute;
{
margin-top: 15px;
color: white;
border: 0;
}
left: 7px;

top: -15px;
body.skin-vector #mw-panel nav h3,
background: var(--rct-blue-7);
body.skin-vector-legacy #mw-panel nav h3
font-weight: bold; }
{
body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content {
height: 12px;
padding: 15px 5px 5px 5px; }
margin: 0;
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 {
border: 1px solid;
border-top-color: var(--rct-indian-red-darker);
color: white; }
body.skin-vector div.mw-page-container nav.vector-page-tools-landmark {
border-left-color: var(--rct-indian-red-darker);
margin-top: 0; }
border-right-color: var(--rct-indian-red-lighter);
body.skin-vector div.mw-page-container #vector-page-tools {
border-bottom-color: var(--rct-indian-red-lighter);
background-color: var(--rct-dark-indian-red);
background-color: var(--rct-dark-green-7);
border-top: 1px solid var(--rct-dark-green-8);
color: white;
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);
body.skin-vector #mw-panel nav a,
border-bottom: 1px solid var(--rct-grey-5);
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;
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 li#pt-notifications-alert,
body.skin-vector li#pt-notifications-notice,
body.skin-vector li#pt-preferences,
body.skin-vector li#pt-watchlist,
body.skin-vector li#pt-betafeatures,
body.skin-vector li#pt-userpage,
body.skin-vector li#pt-login,
body.skin-vector li#pt-logout,
body.skin-vector li#pt-mytalk,
body.skin-vector li#pt-anontalk,
body.skin-vector li#pt-mycontris,
body.skin-vector li#pt-anoncontribs,
body.skin-vector li#pt-createaccount,
body.skin-vector-legacy li#pt-notifications-alert,
body.skin-vector-legacy li#pt-notifications-notice,
body.skin-vector-legacy li#pt-preferences,
body.skin-vector-legacy li#pt-watchlist,
body.skin-vector-legacy li#pt-betafeatures,
body.skin-vector-legacy li#pt-userpage,
body.skin-vector-legacy li#pt-login,
body.skin-vector-legacy li#pt-logout,
body.skin-vector-legacy li#pt-mytalk,
body.skin-vector-legacy li#pt-anontalk,
body.skin-vector-legacy li#pt-mycontris,
body.skin-vector-legacy li#pt-anoncontribs,
body.skin-vector-legacy li#pt-createaccount
{
background-repeat: no-repeat;
background-position: center;
padding: 0 !important;
width: 28px;
margin-left: 0.75em;
margin-right: 0 !important;
}

body.skin-vector li#pt-anonuserpage,
body.skin-vector-legacy li#pt-anonuserpage
{
/*padding: 0 !important;*/
margin-left: 0.75em;
margin-right: 0 !important;
background-size: initial;
background-position: 8px 2px;
padding-left: 28px !important;
}

body.skin-vector li#pt-anonuserpage a,
body.skin-vector-legacy li#pt-anonuserpage a
{
color: white;
}

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

body.skin-vector #pt-notifications-notice,
body.skin-vector-legacy #pt-notifications-notice
{
background-image: url("https://static.miraheze.org/rctwiki/4/4f/Newspaper.png");
}

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

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

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

body.skin-vector li#pt-userpage,
body.skin-vector li#pt-anonuserpage,
body.skin-vector-legacy li#pt-userpage,
body.skin-vector-legacy li#pt-anonuserpage
{
background-image: url("https://static.miraheze.org/rctwiki/3/31/Guest2.png");
}

body.skin-vector li#pt-login,
body.skin-vector li#pt-logout,
body.skin-vector-legacy li#pt-login,
body.skin-vector-legacy li#pt-logout
{
background-image: url("https://static.miraheze.org/rctwiki/2/28/Entrance.png");
background-position-y: 0;
}

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;
}


.main-page-game-thumbnail,
body.skin-vector #pt-notifications-alert .mw-echo-notifications-badge::after,
.main-page-addon-thumbnail {
body.skin-vector #pt-notifications-notice .mw-echo-notifications-badge::after,
margin: auto;
body.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge::after,
border-radius: 10px;
body.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge::after
box-shadow: 1px 1px 2px #222;
{
top: 55%;
overflow: hidden; }
}


.main-page-game-thumbnail {
body.skin-vector .mw-footer li,
width: 140px;
body.skin-vector-legacy .mw-footer li
height: 140px; }
{
color: #999999;
}


.main-page-addon-thumbnail {
body.skin-vector .mw-footer li a,
width: 120px;
body.skin-vector-legacy .mw-footer li a
height: 120px; }
{
color: var(--light-link);
}


div.ridebox-list {
.main-page-game-thumbnail
display: flex;
{
margin: auto;
flex-wrap: wrap; }
div.ridebox-list > table.ridebox {
width: 140px;
height: 140px;
background-color: white;
border-radius: 10px;
border-top: 1px solid var(--rct-grey-9);
box-shadow: 0 1px 2px #222;
border-left: 1px solid var(--rct-grey-9);
border-right: 1px solid var(--rct-grey-5);
overflow: hidden;
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"