MediaWiki:Common.css: Difference between revisions

← Older edit

MediaWiki:Common.css (view source)

Revision as of 00:16, 7 December 2023

7,320 bytes added , 5 months ago

no edit summary

Gymnasiast

Bureaucrats, Administrators

460

edits

Revision as of 18:16, 29 January 2023 (view source) Gymnasiast (talk \| contribs) (More tabbar fixes, add watchlist icon) ← Older edit		Latest revision as of 00:16, 7 December 2023 (view source) Gymnasiast (talk \| contribs) No edit summary
(18 intermediate revisions by the same user not shown)
Line 1: @charset "UTF-8"; :root { --rct-indian-red: #b34f4f; Line 41 ⟶ 42: --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 { Line 53 ⟶ 78: 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); Line 61 ⟶ 101: 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; } Line 71 ⟶ 113: 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; } Line 81 ⟶ 125: 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 { Line 91 ⟶ 137: 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: ~~transparent~~var(--rct-blue-7); } border-top: 1px solid var(--rct-blue-8); ~~body.skin-vector div.mw-page-container #mw-panel > * {~~ border-left: 1px solid var(--rct-blue-8); ~~padding: 0;~~ ~~background~~border-~~color~~right: 1px solid var(--rct-~~indian~~blue-~~red~~5); border-~~top~~bottom: 1px solid var(--rct-~~indian-red~~blue-~~lighter~~5); padding: 0; } ~~border-left: 1px solid var(--rct-indian-red-lighter);~~ body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-main-menu-pinnable-header { ~~border-right: 1px solid var(--rct-indian-red-darker);~~ padding: 2px; ~~border-bottom: 1px solid var(--rct-indian-red-darker);~~ ~~margin-left~~color: 0var(--rct-white-lighter); ~~margin~~text-~~right~~align: 0center; } font-weight: bold; ~~body.skin-vector div.mw-page-container #mw-panel > * + * {~~ 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 ~~> :first~~.vector-menu-~~child~~heading { ~~background-color~~position: ~~var(--rct-indian-red-2)~~absolute; ~~padding~~color: ~~2px~~white; ~~color~~border: ~~var(--rct-white-lighter)~~0; ~~text-align~~left: ~~center~~7px; ~~font-weight~~top: ~~bold~~-15px; ~~border-top~~background: ~~1px solid~~ var(--rct-~~indian-red~~blue-57); ~~border~~font-~~left~~weight: ~~1px~~bold; ~~solid var(--rct-indian-red-5);~~} body.skin-vector div.mw-page-container #mw-panel #vector-main-menu .vector-menu .vector-menu-content { ~~border-right: 1px solid var(--rct-indian-red-8);~~ ~~border-bottom~~padding: ~~1px~~15px ~~solid~~5px ~~var(--rct-indian-red-8)~~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 { ~~font-family: sans-serif;~~ ~~margin~~ color: 0white; } body.skin-vector div.mw-page-container ~~#mw~~nav.vector-~~panel > * > :nth~~page-tools-~~child(2)~~landmark { margin-~~left~~top: 0; } body.skin-vector div.mw-page-container #vector-page-tools { ~~padding-bottom: 0.3em; }~~ background-color: var(--rct-dark-green-7); ~~body.skin-vector div.mw-page-container #mw-panel > > :nth-child(2) li {~~ border-top: 1px solid var(--rct-dark-green-8); ~~padding-left: 0.5em; }~~ border-left: 1px solid var(--rct-dark-green-8); ~~body.skin-vector div.mw-page-container #mw-panel > > :nth-child(2) li:hover {~~ border-right: 1px ~~background-color:~~solid var(--rct-~~indian~~dark-~~red~~green-5); } border-bottom: 1px solid var(--rct-dark-green-5); ~~body.skin-vector div.mw-page-container #mw-panel > > :nth-child(2) a {~~ 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 { ~~background-color: var(--rct-indian-red-2);~~ padding: 2px; color: var(--rct-white-lighter); text-align: center; font-weight: bold; ~~border-top: 1px solid var(--rct-indian-red-5);~~ ~~border-left: 1px solid var(--rct-indian-red-5);~~ ~~border-right: 1px solid var(--rct-indian-red-8);~~ ~~border-bottom: 1px solid var(--rct-indian-red-8);~~ 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 ~~> nav~~.vector-~~article~~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: ~~1px solid var(--rct-grey-8)~~0; padding-left: 2px; padding-right: 2px; } body.skin-vector div.mw-page-container #content ~~> nav~~.vector-~~article~~page-toolbar .mwvector-~~article~~page-toolbar-container { ~~border~~box-~~bottom~~shadow: 0none; } body.skin-vector div.mw-page-container #content ~~> nav~~.vector-~~article~~page-toolbar #left-navigation { margin-left: 0; } body.skin-vector div.mw-page-container #content ~~> nav~~.vector-~~article~~page-toolbar #right-navigation { margin-right: 0; } body.skin-vector div.mw-page-container #content ~~> nav~~.vector-~~article~~page-toolbar :not(#p-cactions) li.mwvector-~~list~~page-toolbar-~~item~~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; Line 162 ⟶ 325: border-left: 1px solid var(--rct-grey-8); border-right: 1px solid var(--rct-grey-4); border-bottom: ~~1px solid var(--rct-grey-9)~~0; } height: 44px; } ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar :not(#p-cactions) li.mw-list-item a {~~ 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 ~~> nav~~.vector-~~article~~page-toolbar :not(#p-cactions) li.mwvector-~~list~~menu-~~item~~content-list > li.selected { background: var(--rct-~~grey-7~~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 { ~~border-bottom: 1px solid var(--rct-grey-7); }~~ color: black; } ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar :not(#p-cactions) li.mw-list-item:not(.selected) {~~ 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 ~~> nav~~.vector-~~article~~page-toolbar #p.vector-menu-content-list > li .mw-ui-~~cactions~~icon { ~~margin:~~ ~~2px 0~~ margin-~~1px~~top: 0; } ~~border-top-left-radius: 4px;~~ ~~border-top-right-radius: 4px;~~ ~~background: var(--rct-grey-6);~~ ~~border-top: 1px solid var(--rct-grey-8);~~ ~~border-left: 1px solid var(--rct-grey-8);~~ ~~border-right: 1px solid var(--rct-grey-4);~~ ~~border-bottom: 1px solid var(--rct-grey-9); }~~ ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar #p-cactions a {~~ ~~color: white;~~ ~~font-weight: bold;~~ ~~padding: 13px;~~ ~~border-bottom: 0 !important; }~~ ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar #p-cactions.selected {~~ ~~background: var(--rct-grey-7);~~ ~~border-top: 1px solid var(--rct-grey-9);~~ ~~border-left: 1px solid var(--rct-grey-9);~~ ~~border-right: 1px solid var(--rct-grey-5);~~ ~~border-bottom: 1px solid var(--rct-grey-7); }~~ ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar #p-cactions:not(.selected) {~~ ~~border-bottom-right-radius: 3px; }~~ ~~body.skin-vector div.mw-page-container #content > nav.vector-article-toolbar #p-cactions label {~~ ~~color: white;~~ ~~font-weight: bold;~~ ~~padding: 13px; }~~ body.skin-vector div.mw-page-container #content #bodyContent { background-color: var(--rct-~~grey-7~~white); padding: 1.0em; border-left: 1px solid var(--rct-grey-8); Line 210 ⟶ 351: 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, Line 229 ⟶ 386: display: flex; flex-wrap: wrap; } div.ridebox-list > table.ridebox { ~~width~~background-color: ~~auto~~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; }