|
|
| Line 1: |
Line 1: |
| /* WIP */
| |
| :root {
| |
| color-scheme: dark;
| |
| --text: #e0eaf0;
| |
| --text-emphasized: #f0f9fa;
| |
| --text-subtle: #a2a9b1;
| |
| --text-link: #2dafdf;
| |
| --text-link--hover: #7fc6ef;
| |
| --text-external: #8891df;
| |
| --text-external--hover: #b6c3ff;
| |
| --text-redlink: #ef6266;
| |
| --text-redlink--hover: #ff91a4;
| |
|
| |
| --bg-primary: #040818;
| |
| --bg-secondary: #081028;
| |
| --bg-tertiary: #0f1a30;
| |
| --bg-border-primary: #909ac2;
| |
| --bg-border-secondary: #cadcff;
| |
|
| |
| --item-primary: #1a1211;
| |
| --item-secondary: #241817;
| |
| --item-tertiary: #2c2422;
| |
| --item-border-primary: #5e524c;
| |
| --item-border-secondary: #7d716b;
| |
| --item-highlight: #20315a;
| |
|
| |
| --bg-error: #ff4242;
| |
| --bg-warning: #301d00;
| |
| --bg-success: #00261e;
| |
| --bg-notice: #202122;
| |
| --border-error: #ff4242;
| |
| --border-warning: #fc3;
| |
| --border-success: #00af89;
| |
| --border-notice: #c8ccd1;
| |
|
| |
| --text-added: #44c97c;
| |
| --text-removed: #ef6164;
| |
| --bg-added: #2a4b8d;
| |
| --bg-removed: #a66200;
| |
| --border-added: #2a4b8d;
| |
| --border-removed: #a66200;
| |
| }
| |
|
| |
|
|
| |
| /* ========================================== */
| |
| /* TEXT */
| |
| body,
| |
| .warningbox,
| |
| .usermessage,
| |
| #pagehistory li.selected {
| |
| color: var(--text);
| |
| font-family: sans-serif;
| |
| }
| |
|
| |
| .mw-heading, h1, h2, h3, h4, h5, h6 {
| |
| color: var(--text-emphasized);
| |
| font-family: sans-serif;
| |
| }
| |
|
| |
| @font-face {
| |
| font-family: 'Luckiest Guy';
| |
| src: url('/fonts/LuckiestGuy.eot?#iefix') format('embedded-opentype'),
| |
| url('/fonts/LuckiestGuy.woff2') format('woff2'),
| |
| url('/fonts/LuckiestGuy.ttf') format('truetype'),
| |
| url('/fonts/LuckiestGuy.svg') format('svg');
| |
| font-weight: normal;
| |
| font-style: normal;
| |
| }
| |
|
| |
| .btd6-font {
| |
| color: white;
| |
| font-family: 'Luckiest Guy';
| |
| font-weight: normal;
| |
| text-shadow:
| |
| 1.5px 2px 0 #000,
| |
| 1.5px -1.5px 0 #000,
| |
| -1.5px 2px 0 #000,
| |
| -1.5px -1.5px 0 #000,
| |
| 1.5px 0 0 #000,
| |
| 0 1.5px 0 #000,
| |
| 1.5px 0 0 #000,
| |
| 0 2px 0 #000;
| |
| }
| |
|
| |
| /* discussion tools */
| |
| .ext-discussiontools-init-timestamplink,
| |
| .ext-discussiontools-init-timestamplink:visited,
| |
| .ext-discussiontools-init-timestamplink:active,
| |
| .ext-discussiontools-ui-replyWidget-footer,
| |
| .ext-discussiontools-init-pageframe-latestcomment,
| |
| .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .ve-ui-overlay-global {
| |
| color: black!important;
| |
| }
| |
|
| |
| /* links */
| |
| a, a:visited, .hatnote a, .dablink a, .rellink a { color: var(--text-link) }
| |
| a:hover, a:active { color: var(--text-link--hover) }
| |
|
| |
| a.new, a.new:visited { color: var(--text-redlink) }
| |
| a.new:hover, a.new:active { color: var(--text-redlink--hover) }
| |
|
| |
| .mw-parser-output a.extiw, .mw-parser-output a.external,
| |
| .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
| |
| color: var(--text-external);
| |
| }
| |
|
| |
| .mw-parser-output a.extiw:hover, .mw-parser-output a.external:hover,
| |
| .mw-parser-output a.extiw:active, .mw-parser-output a.external:active {
| |
| color: var(--text-external--hover);
| |
| }
| |
|
| |
| .mw-parser-output a.external {
| |
| background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>external link</title><path d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z" fill="%238891df"/></svg>');
| |
| }
| |
|
| |
| .mw-parser-output a.external:hover, .mw-parser-output a.external:active {
| |
| background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>external link</title><path d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z" fill="%23b6c3ff"/></svg>')
| |
| }
| |
|
| |
| .explain[title] {
| |
| cursor: help;
| |
| border-bottom: 1px dotted;
| |
| text-decoration: none;
| |
| }
| |
|
| |
|
| |
| #pagehistory li.selected,
| |
| ol.references li:target, sup.reference:target,
| |
| .cargo-pagevalues-tableinfo {
| |
| background-color: var(--bg-neutral-subtle);
| |
| }
| |
|
| |
| .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
| |
| .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),
| |
| #contentSub:not(:empty), #contentSub,
| |
| #mw-content-subtitle, #contentSub2 {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| body.page-Main_Page.action-view #siteSub,
| |
| body.page-Main_Page.action-submit #siteSub,
| |
| body.ns-talk #siteSub {
| |
| display: none;
| |
| }
| |
|
| |
| /**************************************************
| |
| INNER TABLES
| |
| **************************************************/
| |
|
| |
| table.wikitable, table.cargoTable, table.mw-datatable, table.mw_metadata {
| |
| background-color: var(--item-tertiary);
| |
| color: var(--text);
| |
| margin: 1em 0;
| |
| border: 1px solid var(--item-border-secondary);
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td,
| |
| table.cargoTable > tr > th, table.cargoTable > tr > td, table.cargoTable > * > tr > th, table.cargoTable > * > tr > td,
| |
| table.cargoTable.mergeSimilarCells > tr > th, table.cargoTable.mergeSimilarCells > tr > td, table.cargoTable.mergeSimilarCells > * > tr > th, table.cargoTable.mergeSimilarCells > * > tr > td,
| |
| table.mw-datatable > tr > th, table.mw-datatable > tr > td, table.mw-datatable > * > tr > th, table.mw-datatable > * > tr > td,
| |
| table.mw_metadata > tr > th, table.mw_metadata > tr > td, table.mw_metadata > * > tr > th, table.mw_metadata > * > tr > td {
| |
| border: 1px solid var(--item-border-secondary);
| |
| padding: .2em .4em;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| .wikitable.right {
| |
| float: right;
| |
| margin: .5em 0 .5em 1em;
| |
| }
| |
|
| |
| table.wikitable > tr > th, table.wikitable > * > tr > th,
| |
| table.cargoTable > tr > th, table.cargoTable > * > tr > th, th.headerSort,
| |
| table.cargoTable.mergeSimilarCells > tr > th.odd, table.cargoTable.mergeSimilarCells > * > tr > th.odd,
| |
| table.cargoTable.mergeSimilarCells > tr > th.even, table.cargoTable.mergeSimilarCells > * > tr > th.even,
| |
| table.mw-datatable > tr > th, table.mw-datatable > * > tr > th,
| |
| table.mw_metadata > tr > th, table.mw_metadata > * > tr > th {
| |
| background-color: var(--item-secondary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| table.wikitable > tr > td, table.wikitable > * > tr > td,
| |
| table.cargoTable > tr > td, table.cargoTable > * > tr > td,
| |
| table.cargoTable.mergeSimilarCells > tr > td.odd, table.cargoTable.mergeSimilarCells > * > tr > td.odd,
| |
| table.cargoTable.mergeSimilarCells > tr > td.even, table.cargoTable.mergeSimilarCells > * > tr > td.even,
| |
| table.mw-datatable > tr > td, table.mw-datatable > * > tr > td,
| |
| table.mw_metadata > tr > td, table.mw_metadata > * > tr > td {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| div.center-col-1 > table > * > tr > td:nth-child(1), table.center-col-1 > * > tr > td:nth-child(1) { text-align:center; }
| |
| div.center-col-2 > table > * > tr > td:nth-child(2), table.center-col-2 > * > tr > td:nth-child(2) { text-align:center; }
| |
| div.center-col-3 > table > * > tr > td:nth-child(3), table.center-col-3 > * > tr > td:nth-child(3) { text-align:center; }
| |
| div.center-col-4 > table > * > tr > td:nth-child(4), table.center-col-4 > * > tr > td:nth-child(4) { text-align:center; }
| |
| div.center-col-5 > table > * > tr > td:nth-child(5), table.center-col-5 > * > tr > td:nth-child(5) { text-align:center; }
| |
| div.center-col-6 > table > * > tr > td:nth-child(6), table.center-col-6 > * > tr > td:nth-child(6) { text-align:center; }
| |
| div.center-col-7 > table > * > tr > td:nth-child(7), table.center-col-7 > * > tr > td:nth-child(7) { text-align:center; }
| |
| div.center-col-8 > table > * > tr > td:nth-child(8), table.center-col-8 > * > tr > td:nth-child(8) { text-align:center; }
| |
| div.center-col-9 > table > * > tr > td:nth-child(9), table.center-col-9 > * > tr > td:nth-child(9) { text-align:center; }
| |
| div.center-col-10 > table > * > tr > td:nth-child(10), table.center-col-10 > * > tr > td:nth-child(10) { text-align:center; }
| |
|
| |
| /* force collapsible to not be bold */
| |
| .mw-collapsible-toggle-default {
| |
| font-weight: normal!important;
| |
| margin-left: .2em;
| |
| }
| |
|
| |
| /* inline tables for displaying multiple tables on one row */
| |
| .wikitable.inline {
| |
| display: inline-table;
| |
| vertical-align: top;
| |
| margin-right: 1em;
| |
| }
| |
|
| |
| /**************************************************
| |
| OUTER TABLES
| |
| **************************************************/
| |
|
| |
| .info, .wide, .nav, .navbar, .mp, .mp-game {
| |
| background: var(--item-primary);
| |
| border: 1px solid var(--item-border-primary);
| |
| }
| |
|
| |
| .info-sub th,
| |
| .wide-sub > * > tr > th,
| |
| .nav-sub th,
| |
| .navbar-sub th,
| |
| .stats .stats-sub th {
| |
| background: var(--item-secondary);
| |
| }
| |
|
| |
| .info-sub td,
| |
| .wide-sub > * > tr > td,
| |
| .nav-sub td,
| |
| .navbar-sub td,
| |
| .stats .stats-sub td {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| /**************************************************
| |
| TABS
| |
| **************************************************/
| |
|
| |
| .tabs-tabbox {
| |
| background-color: var(--item-primary);
| |
| padding: .5em .1em;
| |
| text-align: center;
| |
| }
| |
|
| |
| .tabs-tabbox > .tabs-container {
| |
| background: var(--item-tertiary);
| |
| border: none;
| |
| border-radius: 0;
| |
| text-align: initial;
| |
| }
| |
|
| |
|
| |
| .tabs-tabbox > .tabs-container .tabs-content {
| |
| width: 100%;
| |
| }
| |
|
| |
| .tabs-tabbox > .tabs-label {
| |
| background-color: var(--item-secondary);
| |
| border: none;
| |
| border-radius: 0;
| |
| }
| |
|
| |
| .tabs-label:hover {
| |
| background-color: var(--item-secondary);
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* INFOBOXES */
| |
| .info {
| |
| font-size: .85em;
| |
| border-spacing: 0;
| |
|
| |
| width: 300px;
| |
| float: right!important;
| |
| margin: .5em 0 .5em 1em!important;
| |
|
| |
| table-layout: fixed;
| |
| border-collapse: separate!important;
| |
| clear: right;
| |
| color: var(--text);
| |
| line-height: 0;
| |
| padding: 2px;
| |
| }
| |
|
| |
| .info th, .info td {
| |
| padding: 0;
| |
| }
| |
|
| |
| .info .head {
| |
| padding: .5em .3em;
| |
| font-size: 1.25em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .info .foot {
| |
| padding: .3em;
| |
| font-size: 1.1em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .info-sub.main td {
| |
| padding: .3em .4em;
| |
| font-size: 1.1em;
| |
| border-top: 2px solid var(--item-primary);
| |
| }
| |
|
| |
| .info-sub {
| |
| display: inline-table!important;
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| border-spacing: 1px;
| |
| table-layout: fixed;
| |
| margin: 0!important;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .info-sub th, .info-sub td {
| |
| padding: .2em .3em;
| |
| border: 2px solid var(--item-primary);
| |
| border-top: 0;
| |
| }
| |
|
| |
| .info .centered-cells td {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* tabs in infoboxes */
| |
| .info .tabs-tabbox {
| |
| padding: 0;
| |
| margin: 0;
| |
| }
| |
|
| |
| .tabs-tabbox > .tabs-container {
| |
| background: none;
| |
| padding: 0;
| |
| }
| |
|
| |
| .info .tabs-tabbox > .tabs-label {
| |
| line-height: 1.6;
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* WIDEBOXES */
| |
| .wide {
| |
| margin: .5em 0;
| |
| padding: 4px 2px 2px;
| |
| }
| |
|
| |
| .wide-sub {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| border-spacing: 1px;
| |
| margin: 0!important;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .wide-sub > * > tr > th, .wide-sub > * > tr > td {
| |
| border: 2px solid var(--item-primary);
| |
| padding: .3em .4em;
| |
| border-top: 0;
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* NAVBOXES */
| |
| .nav {
| |
| border-spacing: 0;
| |
|
| |
| width: 100%;
| |
| margin: 1em 0 0 0!important;
| |
|
| |
| display: inline-table!important;
| |
| border-collapse: separate!important;
| |
| table-layout: fixed;
| |
| color: var(--text);
| |
| line-height: 0;
| |
| font-size: .9em;
| |
| padding: 3px;
| |
| }
| |
|
| |
| .nav + .nav, .nav + .navbar {
| |
| margin: -1px 0 0 0 !important;
| |
| }
| |
|
| |
| .nav .head {
| |
| padding: .2em;
| |
| font-size: 1.1em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .nav .foot {
| |
| padding: .2em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .nav .head button {
| |
| position: absolute;
| |
| right: .5em;
| |
| }
| |
|
| |
| .nav-sub {
| |
| display: inline-table!important;
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| border-spacing: 1px;
| |
| margin: 0!important;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .nav-sub th, .nav-sub td {
| |
| padding: .2em .3em;
| |
| border: 2px solid var(--item-primary);
| |
| border-top: 0;
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* NAVBARS */
| |
| .navbar {
| |
| border-spacing: 0;
| |
|
| |
| width: 100%;
| |
| margin: 1em 0 0 0!important;
| |
|
| |
| display: inline-table!important;
| |
| border-collapse: separate!important;
| |
| table-layout: fixed;
| |
| color: var(--text);
| |
| line-height: 0;
| |
| font-size: .9em;
| |
| padding: 2px;
| |
| }
| |
|
| |
| .navbar-sub {
| |
| display: inline-table!important;
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| table-layout: fixed;
| |
| border-spacing: 1px;
| |
| margin: 0!important;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .navbar-sub th, .navbar-sub td {
| |
| padding: .2em .3em;
| |
| border: 2px solid var(--item-primary);
| |
| }
| |
|
| |
|
| |
|
| |
| /* ========================================== */
| |
| /* PANELS */
| |
| .panels-container {
| |
| display: grid;
| |
| grid-column-gap: 5px;
| |
| grid-row-gap: 5px;
| |
| grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
| |
| margin: .5em 0;
| |
| }
| |
|
| |
| table.panels {
| |
| background: var(--item-primary);
| |
| border-spacing: 0;
| |
|
| |
| display: inline-table!important;
| |
| border-collapse: collapse;
| |
| color: var(--text);
| |
| margin: 0!important;
| |
| }
| |
|
| |
| table.panels > * > * > th, table.panels > * > * > td {
| |
| border: 1px solid var(--item-border-secondary);
| |
| padding: 5px;
| |
| }
| |
|
| |
| table.panels > * > * > th {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| table.panels > * > * > td {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| @media (max-width: 699px) {
| |
| .panels-container {
| |
| display: block!important;
| |
| }
| |
|
| |
| table.panels {
| |
| width: 100%!important;
| |
| }
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* STATBOXES */
| |
| #content table.stats {
| |
| border: 1px solid var(--border);
| |
| background-color: var(--item-tertiary);
| |
| display: inline-table!important;
| |
| border-collapse: collapse;
| |
| vertical-align: top;
| |
| width: auto!important;
| |
| margin: 1em .5em 0 0!important;
| |
| }
| |
|
| |
| #content table.stats table.stats {
| |
| border-width: 1px 1px 0 0;
| |
| margin: 0!important;
| |
| }
| |
|
| |
| #content table.stats table.stats + table.stats {
| |
| border-right-width: 0;
| |
| }
| |
|
| |
| .stats .head {
| |
| font-size: .9em;
| |
| }
| |
|
| |
| .stats th {
| |
| padding: .2em .3em;
| |
| background: var(--item-primary);
| |
| }
| |
|
| |
| .stats td {
| |
| padding: 0;
| |
| }
| |
|
| |
| #content .stats-sub {
| |
| float: left!important;
| |
| margin: 0!important;
| |
| border-collapse: collapse;
| |
| width: 100%!important;
| |
| font-size: 0.85em;
| |
| }
| |
|
| |
| #content table.stats table.stats:only-child {
| |
| width: 100%!important;
| |
| border-right: 0;
| |
| }
| |
|
| |
| .stats .stats-sub th, .stats .stats-sub td, .stats .stats-sub caption {
| |
| padding: .2em .3em;
| |
| border: 2px solid var(--item-primary);
| |
| border-top: 0;
| |
| }
| |
|
| |
|
| |
|
| |
| /* pending removal */
| |
| .wikitable.stat {
| |
| display: inline-table!important;
| |
| border: none;
| |
| width: auto!important;
| |
| font-size: .9em;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .wikitable.stat caption {
| |
| background: var(--item-primary);
| |
| }
| |
|
| |
| /**************************************************
| |
| IMAGES / GALLERIES
| |
| **************************************************/
| |
|
| |
| li.gallerybox div.thumb {
| |
| border: 0;
| |
| background-color: var(--bg-neutral-subtle);
| |
| color: var(--text);
| |
| }
| |
|
| |
| ul.gallery.pixelated li.gallerybox div.thumb img {
| |
| image-rendering: optimizeSpeed; /* pixelated images */
| |
| image-rendering: -moz-crisp-edges; /* firefox */
| |
| image-rendering: -o-crisp-edges; /* opera */
| |
| image-rendering: -webkit-optimize-contrast; /* chrome/safari */
| |
| image-rendering: pixelated; /* chrome */
| |
| image-rendering: optimize-contrast; /* CSS3 */
| |
| -ms-interpolation-mode: nearest-neighbor; /* IE */
| |
| }
| |
|
| |
| div.gallerytext {
| |
| overflow: visible;
| |
| }
| |
|
| |
| ul.gallery.center {
| |
| margin-left: auto!important;
| |
| margin-right: auto!important;
| |
| }
| |
|
| |
| ul.mw-gallery-nolines.left li.gallerybox div.gallerytext {
| |
| text-align: left;
| |
| }
| |
|
| |
| /* class for flipping images */
| |
| .flip img {
| |
| transform: scaleX(-1);
| |
| -webkit-transform: scaleX(-1);
| |
| -moz-transform: scaleX(-1);
| |
| -o-transform: scaleX(-1);
| |
| filter: FlipH;
| |
| -ms-filter: FlipH;
| |
| }
| |
|
| |
| /**************************************************
| |
| NOTICES
| |
| **************************************************/
| |
|
| |
| .notice {
| |
| background: var(--item-secondary);
| |
| border: 1px solid var(--item-border-secondary);
| |
| padding: .2em;
| |
| font-style: italic;
| |
| border-collapse: separate;
| |
| font-size: .9em;
| |
| margin: 1em .5em;
| |
| }
| |
|
| |
| .hatnote {
| |
| background: var(--bg-secondary);
| |
| color: var(--text);
| |
|
| |
| font-style: italic;
| |
| overflow: hidden;
| |
| margin: .5em 0;
| |
| padding: .2em .5em;
| |
| }
| |
|
| |
| /**************************************************
| |
| MESSAGE BOXES
| |
| **************************************************/
| |
|
| |
| .mw-message-box-warning,
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
| |
| background-color: var(--bg-warning-subtle);
| |
| border-color: var(--border-warning);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .mw-message-box-error,
| |
| .ext-phonos-error-popup .oo-ui-popupWidget-popup {
| |
| background-color: var(--bg-error-subtle);
| |
| border-color: var(--border-error);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .mw-message-box-success,
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
| |
| background-color: var(--bg-success-subtle);
| |
| border-color: var(--border-success);
| |
| color: var(--text);
| |
| }
| |
|
| |
| ul.fileupload-results li.ful-error {
| |
| background-color: var(--bg-error-subtle);
| |
| }
| |
|
| |
| ul.fileupload-results li.ful-success {
| |
| background-color: var(--bg-success-subtle);
| |
| }
| |
|
| |
| /**************************************************
| |
| REVISION HISTORY
| |
| **************************************************/
| |
|
| |
| .diff-context,
| |
| .diff-addedline,
| |
| .diff-deletedline {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-secondary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .diff-addedline {
| |
| border-color: var(--bg-content-added);
| |
| }
| |
|
| |
| .diff-addedline .diffchange {
| |
| background-color: var(--bg-content-added);
| |
| }
| |
|
| |
| .diff-deletedline {
| |
| border-color: var(--bg-content-removed);
| |
| }
| |
|
| |
| .diff-deletedline .diffchange {
| |
| background-color: var(--bg-content-removed);
| |
| }
| |
|
| |
| .mw-plusminus-pos {
| |
| color: var(--text-content-added);
| |
| }
| |
|
| |
| .mw-plusminus-neg {
| |
| color: var(--text-content-removed);
| |
| }
| |
|
| |
| /* ========================================== */
| |
| /* PHONOS */
| |
| .ext-phonos-PhonosButton.oo-ui-buttonElement-frameless.oo-ui-buttonWidget > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
| |
| filter: invert(1) hue-rotate(180deg);
| |
| }
| |
|
| |
| .ext-phonos-PhonosButton.oo-ui-buttonElement-frameless.oo-ui-buttonWidget > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
| |
| display: none;
| |
| }
| |
|
| |
|
| |
|
| |
| @media (max-width: 719px) {
| |
| table.responsive-two-cols > tbody > tr > td {
| |
| display: block!important;
| |
| width: auto!important;
| |
| padding: 0!important;
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* ========================================== */
| |
| /* TOOLTIPS */
| |
| .tooltip {
| |
| position: relative;
| |
| display: inline-block;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .tooltip .tooltip-text {
| |
| visibility: hidden;
| |
| width: max-content;
| |
| text-align: center;
| |
| padding: 6px 8px 5px;
| |
| position: absolute;
| |
| z-index: 1;
| |
| bottom: 95%;
| |
| left: 50%;
| |
| transform: translateX(-50%);
| |
| font-style: normal;
| |
| font-weight: normal;
| |
| line-height: 1.6;
| |
| text-align: left;
| |
| max-height: 200px;
| |
| max-width: 250px;
| |
| overflow: auto;
| |
|
| |
| background-color: var(--item-primary);
| |
| border: 1px solid var(--border-subtle);
| |
| }
| |
|
| |
| .tooltip:hover .tooltip-text {
| |
| visibility: visible;
| |
| }
| |
|
| |
| .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), .ext-discussiontools-ui-replyWidget-preview {
| |
| background-color: var(--bg-neutral-subtle);
| |
| }
| |
|
| |
| /**************************************************
| |
| EDITORS
| |
| **************************************************/
| |
|
| |
| .wikiEditor-ui .wikiEditor-ui-view,
| |
| .wikiEditor-ui .wikiEditor-ui-top {
| |
| border-color: var(--item-border-primary);
| |
| }
| |
|
| |
| .codeEditor-status {
| |
| border-color: var(--item-border-primary);
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .codeEditor-status > * {
| |
| border-color: var(--item-border-primary);
| |
| }
| |
|
| |
| .vector-icon,
| |
| .oo-ui-iconElement-icon:not(.oo-ui-image-progressive.oo-ui-icon-markup):not(.oo-ui-icon-check):not(.mw-no-invert):not(.oo-ui-image-invert),
| |
| .wikiEditor-ui-toolbar .tabs span.tab a::before,
| |
| .wikiEditor-ui-toolbar .group .tool-select .label::after,
| |
| .oo-ui-indicatorElement-indicator {
| |
| filter: invert(1) hue-rotate(180deg);
| |
| }
| |
|
| |
| /* wikieditor toolbar */
| |
| .oo-ui-toolbar-bar,
| |
| .wikiEditor-ui-toolbar,
| |
| .wikiEditor-ui-toolbar .sections .section,
| |
| .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
| |
| .ve-ui-toolbarDialog {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-primary);
| |
| border-width: 1px 0 0;
| |
| color: var(--text);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar,
| |
| .ve-ui-toolbarDialog {
| |
| border: none;
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group,
| |
| .wikiEditor-ui-toolbar .group .tool-select .label,
| |
| .wikiEditor-ui-toolbar .section-secondary .group,
| |
| .wikiEditor-ui-toolbar .page-characters div span {
| |
| color: var(--text);
| |
| border-color: var(--item-border-primary);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .tabs span.tab a {
| |
| color: var(--text-link);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group .label,
| |
| .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .page-characters div span:hover {
| |
| color: var(--text);
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| }
| |
|
| |
| /* toolbar help page */
| |
| .wikiEditor-ui-toolbar .page-table th {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .page-table td {
| |
| color: var(--text);
| |
| }
| |
|
| |
| /* booklet dropdown */
| |
| .wikiEditor-ui-toolbar .booklet > .index > :hover {
| |
| background-color: var(--item-primary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .booklet > .index > .current {
| |
| background-color: var(--item-highlight);
| |
| color: var(--text-link);
| |
| }
| |
|
| |
| .ext-WikiEditor-ManualWidget {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| /* edit options at the bottom */
| |
| div.editOptions {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .ext-WikiEditor-ResizingDragBar {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| border-width: 1px 1px 0;
| |
| }
| |
|
| |
| .ace_gutter-cell {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| /* code preview */
| |
| .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
| |
| background-color: white;
| |
| color: black;
| |
| border: 1px solid var(--item-border-secondary);
| |
| }
| |
|
| |
| /* invert text editors */
| |
| .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre,
| |
| .ace_editor {
| |
| filter: invert();
| |
| }
| |
|
| |
| .ace_editor .ace_warning,
| |
| .ace_editor .ace_error {
| |
| filter: invert(180);
| |
| }
| |
|
| |
| /* visual editor popups */
| |
| .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .oo-ui-messageDialog-title {
| |
| color: var(--text-emphasized);
| |
| }
| |
|
| |
| .oo-ui-messageDialog-message {
| |
| color: var(--text);
| |
| }
| |
|
| |
| .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .ve-ui-overlay-global {
| |
| color: var(--text-emphasized)!important;
| |
| }
| |
|
| |
| body .oo-ui-popupWidget-popup {
| |
| background-color: var(--item-tertiary);
| |
| border-bottom: 1px solid!important;
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before,
| |
| .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after {
| |
| border-top-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .ve-ui-mwSaveDialog-options {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .ve-ui-mwSaveDialog-license {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| /* heading dropdown */
| |
| .oo-ui-popupToolGroup-tools {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
| |
| .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
| |
| background-color: var(--item-primary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
| |
| .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
| |
| background-color: var(--item-highlight);
| |
| }
| |
|
| |
| /* replacetext */
| |
| .ext-replacetext-searchoptions {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| /**************************************************
| |
| SEARCH PAGE
| |
| **************************************************/
| |
| .mw-body .mw-search-profile-tabs,
| |
| .mw-body fieldset#mw-searchoptions {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .search-types .current a {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| /**************************************************
| |
| RECENT CHANGES
| |
| **************************************************/
| |
|
| |
| /* header */
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget-header,
| |
| .mw-rcfilters-ui-menuSelectWidget-footer,
| |
| .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
| |
| color: var(--text);
| |
| }
| |
|
| |
| /* header buttons */
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| color: var(--text);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
| |
| .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| /* filter round things */
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-tagItemWidget-popup-content {
| |
| color: var(--text);
| |
| }
| |
|
| |
| /* filter dropdown */
| |
| .oo-ui-menuSelectWidget {
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .oo-ui-menuSectionOptionWidget,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
| |
| .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
| |
| .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
| |
| color: var(--text);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: var(--item-highlight);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| /* legend */
| |
| .mw-changeslist-legend,
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
| background-color: var(--item-tertiary);
| |
| border-color: var(--item-border-secondary);
| |
| }
| |
|
| |
| /**************************************************
| |
| INPUTS
| |
| **************************************************/
| |
|
| |
| /* buttons */
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| background-color: var(--item-secondary);
| |
| border-color: var(--item-border-secondary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover:not(.oo-ui-buttonElement-active) {
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| color: var(--text);
| |
| }
| |
|
| |
| /* input boxes */
| |
| .oo-ui-textInputWidget .oo-ui-inputWidget-input,
| |
| .mw-ui-input:not(:disabled),
| |
| .search-box .search {
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| color: var(--text-subtle);
| |
| }
| |
|
| |
| /* checkboxes */
| |
| .oo-ui-checkboxInputWidget [type="checkbox"] + span {
| |
| background-color: var(--item-primary);
| |
| border-color: var(--item-border-primary);
| |
| }
| |
|
| |
| /* cancel buttons */
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| color: var(--text-redlink);
| |
| }
| |
|
| |
| /* dropdowns */
| |
| .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
| |
| color: var(--text);
| |
| }
| |
|
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--item-highlight);
| |
| }
| |
|
| |
| /**************************************************
| |
| COLOR FIXES
| |
| **************************************************/
| |
|
| |
| .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol {
| |
| filter: hue-rotate(180deg) invert(1);
| |
| }
| |
|
| |
| pre, code, .mw-code {
| |
| background-color: var(--bg-neutral-subtle);
| |
| color: var(--text-emphasized);
| |
| border: 1px solid var(--border-muted);
| |
| }
| |
|
| |
| /* json */
| |
| .mw-json th, .mw-json td {
| |
| border: 1px solid var(--border);
| |
| }
| |
|
| |
| .mw-json tr, .mw-json-value, .mw-json-single-value {
| |
| background-color: var(--item-tertiary);
| |
| }
| |
|
| |
| .mw-json th, .mw-json-empty {
| |
| background-color: var(--item-secondary);
| |
| }
| |
|
| |
| /**************************************************
| |
| MAIN PAGE
| |
| **************************************************/
| |
|
| |
| .mp, .mp-game {
| |
| padding: 2px;
| |
| border-collapse: separate!important;
| |
|
| |
| width:100%;
| |
| float: right!important;
| |
| margin-bottom: 10px!important;
| |
| }
| |
|
| |
| .mp th {
| |
| padding: .2em;
| |
| color: white;
| |
| font-family: 'Luckiest Guy';
| |
| font-weight: normal;
| |
| font-size: 1.4em;
| |
| text-shadow:
| |
| 1.5px 2px 0 #333,
| |
| 1.5px -1.5px 0 #333,
| |
| -1.5px 2px 0 #333,
| |
| -1.5px -1.5px 0 #333,
| |
| 1.5px 0 0 #333,
| |
| 0 1.5px 0 #333,
| |
| 1.5px 0 0 #333,
| |
| 0 2px 0 #333;
| |
| }
| |
|
| |
| .mp-game th {
| |
| padding: .2em;
| |
| }
| |
|
| |
| .mp td, .mp-game td {
| |
| background-color: var(--item-tertiary);
| |
| padding: .5em;
| |
| }
| |
|
| |
| @media (max-width: 719px) {
| |
| #mp-main > tbody > tr > td {
| |
| display: block!important;
| |
| width: auto!important;
| |
| padding:0!important;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 899px) {
| |
| .mp-game > tbody > tr > th, .mp-game > tbody > tr > td {
| |
| display: block!important;
| |
| width: auto!important;
| |
| }
| |
| }
| |
|
| |
| /**************************************************
| |
| MISC
| |
| **************************************************/
| |
|
| |
| /* enable site subtitle */
| |
| #siteSub {
| |
| display: block;
| |
| }
| |
|
| |
| /* key button thing */
| |
| kbd {
| |
| display: inline-block;
| |
| white-space: nowrap;
| |
| padding: .1em .3em;
| |
|
| |
| color: var(--text-subtle);
| |
| background-color: var(--item-primary);
| |
| border: 1px solid var(--item-border-primary);
| |
| border-radius: 0;
| |
|
| |
| font-size: .85em;
| |
| font-family: monospace;
| |
| font-style: normal;
| |
| }
| |
|
| |
| /* blockquotes */
| |
| .quote {
| |
| background-color: var(--bg-secondary);
| |
| margin: 0.5em 0;
| |
| padding: .5em;
| |
| }
| |
|
| |
| .quote-center {
| |
| padding: 0 1em;
| |
| font-size: 95%;
| |
| }
| |
|
| |
| .quote-side {
| |
| color: var(--text-subtle);
| |
| font-family: Times New Roman, Times, Georgie, serif;
| |
| font-weight: bold;
| |
| font-size: 2.5em;
| |
| line-height: 0;
| |
| }
| |
|
| |
| /* force userbox links to be more visible */
| |
| .userbox a {
| |
| color: #0645ad!important;
| |
| }
| |
