MediaWiki:Vector.css
Jump to navigation
Jump to search
In other languages: Deutsch • Español • Français • Italiano • 日本語 • Polski • Português do Brasil • Русский • ไทย
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* [[de:MediaWiki:Vector.css]] * [[es:MediaWiki:Vector.css]] * [[fr:MediaWiki:Vector.css]] * [[it:MediaWiki:Vector.css]] * [[ja:MediaWiki:Vector.css]] * [[pl:MediaWiki:Vector.css]] * [[pt-br:MediaWiki:Vector.css]] * [[ru:MediaWiki:Vector.css]] * [[th:MediaWiki:Vector.css]] */
/* CSS placed here will affect users of the Vector skin */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* #region Shared variables */
/* #region Screen grade: wide desktop */
:root {
/* wiki.gg */
--netbar-height: 35px;
/* Body */
--page-background-image: url(/images/9/95/Bg_dark.jpg?20231017) /*[[File:Bg dark.jpg]]*/;
/* Logo assets */
--wiki-logo-source--frame: url(/images/a/af/Framed_logo_dark.png?20231017) /*[[File:Framed logo dark.png]]*/;
--wiki-logo-source--wordmark: url(/images/0/01/Framed_logo_wordmark_en.png?20231017) /*[[File:Framed logo wordmark.png]]*/;
--wiki-logo-source--horizontal: url(/images/7/79/Logo_horiz.png?20231016) /*[[File:Logo horiz.png]]*/;
/* Logo composition */
--wiki-logo-width: 194px;
--wiki-logo-height: calc(762 / 1116 * var(--wiki-logo-width));
--wiki-logo-settings:
var(--wiki-logo-source--wordmark) center 84% / 80% auto no-repeat,
var(--wiki-logo-source--frame) top / contain no-repeat;
--wiki-logo-disposition--top: 10px;
--wiki-logo-offset--top: calc(-1 * var(--wiki-logo-height) + var(--wiki-logo-disposition--top));
--wiki-logo-offset--left: calc(-1.1em - 7px);
--wiki-logo-layout-bottom-gap: 0;
/* Sidebar */
--sidebar-width: 180px;
--sidebar-to-content-margin: 0;
--sidebar-padding: 2.4rem 0 1rem 1.2em;
/* Page content frame */
--content-frame-image: url(/images/a/a6/Border_frame_dark.png?20231019) /*[[File:Border frame dark.png]]*/;
--content-frame-slice: 620 643 0 643;
--content-frame-widths: 405px 380px 0px 380px;
--content-frame-outset: 13px 20px 12px;
--content-frame-border-width: 3px;
--content-frame-border-margin: 3px;
/* Page content */
--content-vertical-margin--top: 1.9rem;
--content-vertical-margin--bottom: 1.2rem;
--content-horizontal-margin: 2rem;
/* Article navigation */
--article-navigation-height: 42.4px;
--article-navigation-disposition: 12px;
--article-navigation-disposition--left: 0px;
--article-navigation-top-offset: 0px;
--article-navigation-margin: 0 0 var(--article-navigation-disposition) 0.2rem;
--article-navigation-item-border-width: 3px;
/* Grid layout */
--layout-content-top-offset: calc(var(--wiki-logo-height) - var(--article-navigation-height) - var(--wiki-logo-disposition--top) - var(--article-navigation-disposition));
--layout-sidespace--dynamic: 3vw;
--layout-sidespace--left: calc(0.1rem + var(--layout-sidespace--dynamic));
--layout-sidespace--right: var(--layout-sidespace--left);
--layout-column-gap: 0px;
--layout-allotment--article-navigation: 0fr;
/* Search */
--search-height: 3em;
--search-button-overlay-image: url(/images/1/1c/Search_hlna.png?20231016) /*[[File:Search hlna.png]]*/;
--search-button-overlay-offset--right: -1.9rem;
--search-button-overlay-offset--top: -2.4rem;
/* Advertisements - adjusting to fit the layout better. We're faking the horizontal content margin in the rail ad. */
--ad-left-shared-offset: -3px;
--ad-slot-top--top-spacing: 0px;
--ad-slot-top--content-spacing: 0.4rem;
--ad-slot-rail--edge-spacing: 2px;
--ad-slot-rail--content-spacing: calc(var(--content-horizontal-margin) * 2 / 3);
--ad-slot-footer--divider-spacing: 0.2rem;
--ad-slot-top--margin:
calc(var(--content-vertical-margin--top) * -1 + 1px + var(--ad-slot-top--top-spacing))
calc(var(--content-horizontal-margin) * -1)
var(--ad-slot-top--content-spacing)
calc(var(--content-horizontal-margin) * -1 + var(--ad-left-shared-offset));
--ad-slot-rail--margin:
calc(var(--ad-slot-top--content-spacing) * -1)
calc(var(--content-horizontal-margin) * -1 + var(--ad-slot-rail--edge-spacing))
0
var(--content-horizontal-margin);
--ad-slot-footer--margin:
0
calc(var(--content-horizontal-margin) * -1)
calc(var(--content-vertical-margin--bottom) * -1)
calc(var(--content-horizontal-margin) * -1 + var(--ad-left-shared-offset));
/* Frontpage */
--fp-gap: 0.9rem;
--fp-promo-image: url(/images/0/01/FP_promo_image.jpg?20231017) /*[[File:FP promo image.jpg]]*/;
/* Sticky header */
--sticky-header-height: 0px;
--sticky-header-height--expanded: 3rem;
--sticky-header-padding: 0 1rem;
--sticky-header-item-spacing: calc( 2rem + 2vw );
--sticky-header-search-height: 2.2rem;
--sticky-search-border-radius: 4px;
--sticky-button-border-radius: 4px;
/* Common icons */
--icon-sheet-base: url(/images/9/9e/Skin_iconsheet.svg?20240123) /*[[File:Skin iconsheet.svg]]*/;
--icon-edit: url(/images/9/9e/Skin_iconsheet.svg?20240123#edit);
--icon-talk: url(/images/9/9e/Skin_iconsheet.svg?20240123#talk);
--icon-history: url(/images/9/9e/Skin_iconsheet.svg?20240123#history);
--icon-view: url(/images/9/9e/Skin_iconsheet.svg?20240123#view);
--icon-view-source: url(/images/9/9e/Skin_iconsheet.svg?20240123#edit-source);
--icon-contributions: url(/images/9/9e/Skin_iconsheet.svg?20240123#contributions);
--icon-more: url(/images/9/9e/Skin_iconsheet.svg?20240123#more);
--icon-top: url(/images/9/9e/Skin_iconsheet.svg?20240123#top);
--icon-toc: url(/images/9/9e/Skin_iconsheet.svg?20240123#toc);
--sidenav-toggle-icon: url(/images/9/9e/Skin_iconsheet.svg?20240123#expand-sidebar);
--sidenav-toggle-icon--hidden: url(/images/9/9e/Skin_iconsheet.svg?20240123#collapse-sidebar);
--sidebar-toggle-icon--open: url(/images/9/9e/Skin_iconsheet.svg?20240123#collapse-sidebar);
--sidebar-toggle-icon--collapsed: url(/images/9/9e/Skin_iconsheet.svg?20240123#expand-sidebar);
/* Bulletpoints - still embedding, using the sheet unfortunately caused problems */
--list-bulletpoint-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22%3E %3Ccircle cx=%222.5%22 cy=%229%22 r=%222.5%22 fill=%22%23fff%22/%3E %3C/svg%3E);
}
body {
/* These variables live on the body element so they recalculate if we change their components by body classes */
/* Global position: sticky offset */
--sticky-offset: calc(var(--netbar-height) + var(--sticky-header-height));
}
html.is-sticky-header-visible {
--sticky-header-height: var( --sticky-header-height--expanded );
--search-button-overlay-offset--top: -1rem;
}
@media screen and (min-width: 1261px) {
body.rootpage-ARK_Wiki {
--wiki-logo-settings:
var(--wiki-logo-source--wordmark) center 88% / 64% auto no-repeat,
var(--wiki-logo-source--frame) top / contain no-repeat;
--wiki-logo-height: 260px;
--wiki-logo-width: 450px;
--wiki-logo-offset--top: calc(-1 * var(--wiki-logo-height) + 15px);
--wiki-logo-offset--left: calc(50vw - var(--layout-sidespace--left) - var(--layout-column-gap) * 1.5
- var(--wiki-logo-width) / 2);
--layout-content-top-offset: calc(var(--wiki-logo-height) - 27px - var(--article-navigation-height));
}
}
/* #endregion */
/* #region Screen grade: 3k and above */
@media screen and (min-width: 2300px) {
:root {
--layout-sidespace--dynamic: 4vw;
}
}
@media screen and (min-width: 2700px) {
:root {
--layout-sidespace--dynamic: 9vw;
}
}
/* #endregion */
/* #region Screen grade: medium desktop and above - sidebar hiding */
@media screen and (min-width: 1260px) {
html.is-sidebar-hidden {
--sidenav-toggle-icon: var(--sidenav-toggle-icon--hidden);
--sidebar-width: 0px;
--article-navigation-disposition--left: var(--wiki-logo-width);
--sidebar-background-color: transparent;
--sidebar-content-divider-color: transparent;
}
html.is-sidebar-hidden #mw-panel .mw-portlet {
display: none;
}
}
/* #endregion */
/* #region Screen grade: medium desktop */
@media screen and (max-width: 1500px) {
:root {
--sidebar-width: 170px;
--content-horizontal-margin: 1.5rem;
}
}
/* #endregion */
/* #region Screen grade: tablet */
@media screen and (max-width: 1260px) {
:root {
/* Logo */
--wiki-logo-width: 300px;
--wiki-logo-height: 110px;
--wiki-logo-settings: var(--wiki-logo-source--horizontal) top / contain no-repeat;
--wiki-logo-offset--left: 0px;
--wiki-logo-offset--top: calc(-1 * var(--wiki-logo-height));
/* Grid layout */
--layout-content-top-offset: calc(var(--wiki-logo-height) - 10px);
--layout-sidespace--dynamic: 1.15vw;
--layout-column-gap: 0px;
--sidebar-width: 0px;
--layout-allotment--article-navigation: 5rem;
/* Article navigation */
--article-navigation-top-offset: 3.1rem;
--article-navigation-margin: 0 0 var(--article-navigation-disposition);
/* Sidebar / toolbar */
--toolbar-height: 38px;
--sidebar-to-content-margin: 0;
--sidebar-toggle-icon--open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m13.002 6.001-5 5.001-5-5.001z' fill='%23fff' /%3E%3C/svg%3E%0A");
--sidebar-toggle-icon--collapsed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m6.001 2.998 5.001 5-5.001 5z' fill='%23fff'/%3E%3C/svg%3E%0A");
/* Page content */
--content-vertical-margin--top: 2.4rem;
--content-horizontal-margin: 1rem;
--content-top-margin: var(--article-navigation-top-offset);
/* Search */
--search-button-overlay-offset--top: -0.9rem;
/* Advertisements */
--ad-left-shared-offset: 0px;
}
}
/* #endregion */
/* #region Screen grade: mobile */
@media screen and (max-width: 720px) {
:root {
/* Logo */
--wiki-logo-offset--top: calc(-1 * var(--wiki-logo-height));
--wiki-logo-layout-bottom-gap: calc((var(--wiki-logo-offset--top) - var(--netbar-height)) * 2);
--mw-head-base-height-offset: 0px;
/* Logo background */
--head-shadow-settings: linear-gradient(to right, #0009 0, #0007 var(--wiki-logo-width), transparent 100%);
--head-background-settings: var(--head-background-image--mobile) 100% 0 / 161px 154px no-repeat;
/* Grid layout */
--layout-content-top-offset: var(--wiki-logo-height);
--layout-sidespace--left: 0;
--layout-sidespace--right: 0;
--content-frame-border-width: 3px;
--content-frame-border-margin: 0;
/* Search */
--search-height: 35px;
--search-spacing--bottom: 6px;
--search-top-disposition: 0.3rem;
--search-top-offset: calc(100% + var(--search-top-disposition));
/* Page content */
--content-border-widths: 3px 0;
--content-vertical-margin--top: calc(var(--search-height) + 1.2rem);
/* Advertisements */
--ad-slot-top--top-spacing: calc(var(--search-height) + 0.7rem);
/* Sticky header */
--sticky-header-padding: 0 0.8rem;
--sticky-search-border-radius: 0;
--sticky-header-item-spacing: 0.8rem;
--sticky-button-border-radius: 0;
}
html.is-sticky-header-visible {
--sticky-header-height: 2.6rem;
--search-button-overlay-image: none;
}
}
/* #endregion */
/* #endregion */
/* #region Default (dark) theme variables */
html {
--theme-accent-color: #0d6f70;
--theme-accent-color--rgb: 13, 111, 112;
--page-background-color: #0b1212;
--page-background-color--rgb: 11, 18, 18;
--content-background-color: #1c1e21;
--content-background-color--rgb: 28, 30, 33;
--content-background-color--transparent: rgba(var(--content-background-color--rgb), 0.98);
--content-text-color: #ebebeb;
--content-header-color: #fff;
--content-default-link-color: #9acd32;
--content-default-link-color--rgb: 154, 205, 50;
--content-text-link-color: #9acd32;
--content-text-link-color--new: #e51616;
--content-border-color: #658a19;
--content-border-color--rgb: 101, 138, 25;
--content-frame-border-color: var(--content-border-color);
--content-heading-divider-color: #a2a9b1;
--code-background-color: #202020;
--code-border-color: #525354;
--footer-background-color: rgba(var(--content-background-color--rgb), 0.8);
--reference-background-color--highlight: #5e5e5e;
--ad-content-divider-color: var(--sidebar-content-divider-color);
/* Article navigation */
--article-navigation-item-background-color: #2f3030fa;
--article-navigation-item-background-color--selected: #1c1e21;
--article-navigation-item-border-color: var(--content-border-color);
--article-navigation-dropdown-background-color: #2f3030;
--article-navigation-item-underline-color: #228083;
--article-navigation-item-underline-color--active: #9acd32;
/* Sidebar */
--sidenav-header-background: #e5e5e5;
--sidenav-header-background--rgb: 229, 229, 229;
--sidenav-header-text-color: var(--content-text-link-color);
--sidenav-background-color: #3d3e3d50;
--sidenav-text-color: #fff;
--sidenav-text-hover-color: var(--content-text-link-color);
--toolbar-background-color: #354237ee;
--toolbar-list-background-color: #354237ee;
--toolbar-border-color: #234064;
--sidenav-toggle-icon-filter: invert(1);
--sidenav-toggle-icon-filter: none;
--sidebar-background-color: rgba(var(--content-border-color--rgb), 0.05);
--sidebar-content-divider-color: rgba(var(--content-border-color--rgb), 0.4);
/* Search */
--search-background-color--rgb: 39, 42, 47;
--search-background-color-opacity: 0.87;
--search-background-color-opacity--active: 0.98;
--search-background-color--sticky: #fff6;
--search-background-color--sticky-active: #fff8;
--search-border-color: var(--content-border-color);
--search-border-color--active: var(--content-border-color);
--search-border-color--sticky: #313131;
--search-text-color: var(--content-text-color);
--search-text-color--sticky: #333e;
--search-text-color--placeholder: #aaa;
--search-text-color--placeholder-sticky: #3e403e;
--search-button-filter: invert(1) brightness(80%);
--search-button-filter--sticky: brightness(80%);
--search-suggestion-background-color--hover: rgba( var( --content-border-color--rgb ), 0.15 );
/* [[Special:Search]] */
--search-result-data-text-color: #aaa;
/* Table of contents */
--toc-background-color: #252b26;
--toc-number-color: #cecece;
/* Tabbers */
--tabber-shadow-color: var(--ark-arkitex-border-color);
--tabber-shadow-active-color: var(--sidenav-header-text-color);
--tabber-shadow-hover-color: #8dc224;
--tabber-background-hover-color: #8dc22488;
--tabber-text-hover-color: #000;
--tabber-background-active-color: #5e811896;
--tabber-bottom-active-color: var(--tabber-shadow-hover-color);
/* Tables */
--table-background-color: var(--content-background-color);
--table-border-color: #3d555e;
--table-heading-background-color: #2a454f;
--gray-table-background-color: #262626;
--red-table-background-color: #cf4c4c8a;
/* Site notice */
--sitenotice-background-color: #0002;
--sitenotice-border-color: var(--content-border-color);
/* Frontpage */
--fp-heading-text-color: var(--content-text-color);
--fp-heading-border-color: #749ca4;
--fp-box-background-color: #1d2526;
--fp-box-border-color: #749ca4;
--fp-box-shadow-color: #00000018;
--fp-box-border-color--2: #547076;
--fp-box-background-color--2: #1a2022;
--fp-box-mainheading-text-color: #82a8af;
--fp-labelled-icon-border-color: var(--content-default-link-color);
--fp-labelled-icon-background: #42473499;
--fp-social-icon-border-color: rgba(var(--content-border-color--rgb), 0.7);
--fp-social-icon-background: #5353534d;
--fp-promo-shadow-color--1: #00000024;
--fp-promo-shadow-color--2: #0003;
--fp-promo-shadow-color--text: #000;
--fp-promo-text-color: #e0e9eb;
--fp-promo-link-color: #9acd32;
/* [[Module:DinoIcon]] */
--dino-icon-filter: brightness(500%) contrast(110%) invert(1);
--dino-icon-overlay--normal: linear-gradient( 130deg, rgb(21, 24, 92) 0%, rgb(155, 108, 108) 80% );
--dino-icon-overlay--aberrant: linear-gradient(130deg, rgb(0, 104, 5) 0%,rgb(109, 255, 0) 100%);
--dino-icon-overlay--balpha: linear-gradient(130deg, rgb(66, 108, 106) 0%,rgb(26, 191, 180) 100%);
--dino-icon-overlay--bbeta: linear-gradient(130deg, rgb(113, 87, 72) 0%,rgb(185, 88, 31) 100%);
--dino-icon-overlay--bgamma: linear-gradient(130deg, rgb(179, 116, 198) 0%,rgb(149, 31, 185) 100%);
--dino-icon-overlay--x: linear-gradient(130deg, rgb(174, 69, 51) 35%,rgb(255, 97, 229) 65%);
--dino-icon-overlay--r: linear-gradient(130deg, rgb(83, 51, 164) 0%,rgb(24, 156, 50) 95%);
--dino-icon-overlay--vr: linear-gradient(130deg, rgb(166, 61, 27) 0%,rgb(57, 89, 3) 85%);
--dino-icon-overlay--corrupt: linear-gradient(130deg, rgb(146, 176, 112) 15%,rgb(80, 174, 24) 60%);
--dino-icon-overlay--event: linear-gradient(130deg, rgb(89, 255, 67) 20%, rgb(201, 20, 120) 80%);
--dino-icon-overlay--brute: linear-gradient(130deg, rgb(24, 113, 255) 70%, rgb(10, 156, 154) 30%);
--dino-icon-overlay--mtek: linear-gradient(130deg,rgb(15, 191, 163) 0%, rgb(176, 59, 21) 80%);
--dino-icon-overlay--alpha: linear-gradient(130deg, rgb(91, 225, 223) 25%, rgb(0, 106, 138) 75%);
--dino-icon-overlay--tek: linear-gradient(130deg,rgb(255, 14, 14) 20%, rgb(142, 133, 29) 100%);
--dino-icon-overlay--enraged: linear-gradient(130deg, rgb(56, 152, 225) 0%, rgb(95, 134, 31) 80%);
--dino-icon-overlay--wyvf: linear-gradient(130deg, rgb(0, 94, 255) 50%, rgb(8, 76, 193) 50%);
--dino-icon-overlay--wyvi: linear-gradient(130deg, rgb(191, 12, 3) 0%, rgb(181, 159, 39) 80%);
--dino-icon-overlay--wyvl: linear-gradient(130deg, rgb(255, 0, 47) 0%, rgb(72, 113, 19) 80%);
--dino-icon-overlay--wyvp: linear-gradient(130deg, rgb(255, 13, 196) 0%, rgb(52, 134, 13) 90%);
--dino-icon-overlay--wyvb: linear-gradient(130deg, rgb(56, 225, 225) 0%, rgb(171, 249, 126) 80%);
--dino-icon-overlay--wyvt: linear-gradient(130deg, rgb(0, 8, 247) 0%, rgb(134, 69, 31) 80%);
--dino-icon-overlay--wyve: linear-gradient(130deg, rgb(15, 100, 51) 0%, rgb(42, 17, 232) 80%);
--dino-icon-overlay--reaperk: linear-gradient(130deg, rgb(0, 61, 255) 0%, rgb(136, 200, 31) 100%);
--dino-icon-overlay--reaperq: linear-gradient(130deg, rgb(52, 176, 49) 0%, rgb(136, 200, 31) 80%);
/* Fallback for Chrome */
--dino-icon-overlay-fallback--normal: invert(73%) sepia(25%) saturate(6347%) hue-rotate(349deg) brightness(104%) contrast(97%);
--dino-icon-overlay-fallback--aberrant: invert(17%) sepia(84%) saturate(4556%) hue-rotate(308deg) brightness(83%) contrast(90%);
--dino-icon-overlay-fallback--balpha: invert(8%) sepia(79%) saturate(3335%) hue-rotate(334deg) brightness(136%) contrast(115%);
--dino-icon-overlay-fallback--bbeta: invert(16%) sepia(98%) saturate(3484%) hue-rotate(208deg) brightness(89%) contrast(89%);
--dino-icon-overlay-fallback--bgamma: invert(42%) sepia(100%) saturate(2194%) hue-rotate(83deg) brightness(97%) contrast(94%);
--dino-icon-overlay-fallback--x: invert(40%) sepia(89%) saturate(586%) hue-rotate(114deg) brightness(100%) contrast(94%);
--dino-icon-overlay-fallback--r: invert(9%) sepia(70%) saturate(5290%) hue-rotate(329deg) brightness(107%) contrast(101%);
--dino-icon-overlay-fallback--vr: invert(66%) sepia(17%) saturate(735%) hue-rotate(193deg) brightness(96%) contrast(91%);
--dino-icon-overlay-fallback--corrupt: invert(13%) sepia(88%) saturate(5780%) hue-rotate(274deg) brightness(77%) contrast(106%);
--dino-icon-overlay-fallback--event: invert(83%) sepia(28%) saturate(2323%) hue-rotate(9deg) brightness(110%) contrast(88%);
--dino-icon-overlay-fallback--brute: invert(49%) sepia(49%) saturate(4034%) hue-rotate(12deg) brightness(102%) contrast(84%);
--dino-icon-overlay-fallback--mtek: invert(15%) sepia(65%) saturate(6085%) hue-rotate(253deg) brightness(66%) contrast(107%);
--dino-icon-overlay-fallback--alpha: invert(17%) sepia(78%) saturate(4457%) hue-rotate(355deg) brightness(91%) contrast(91%);
--dino-icon-overlay-fallback--tek: invert(41%) sepia(86%) saturate(880%) hue-rotate(184deg) brightness(103%) contrast(105%);
--dino-icon-overlay-fallback--enraged: invert(11%) sepia(80%) saturate(4672%) hue-rotate(300deg) brightness(85%) contrast(99%);
--dino-icon-overlay-fallback--wyvf: invert(13%) sepia(60%) saturate(5302%) hue-rotate(2deg) brightness(87%) contrast(92%);
--dino-icon-overlay-fallback--wyvi: invert(74%) sepia(13%) saturate(1992%) hue-rotate(154deg) brightness(101%) contrast(84%);
--dino-icon-overlay-fallback--wyvl: invert(24%) sepia(87%) saturate(2787%) hue-rotate(237deg) brightness(74%) contrast(92%);
--dino-icon-overlay-fallback--wyvp: invert(87%) sepia(6%) saturate(5212%) hue-rotate(57deg) brightness(92%) contrast(90%);
--dino-icon-overlay-fallback--wyvb: invert(11%) sepia(39%) saturate(6917%) hue-rotate(355deg) brightness(100%) contrast(109%);
--dino-icon-overlay-fallback--wyvt: invert(61%) sepia(38%) saturate(668%) hue-rotate(45deg) brightness(104%) contrast(90%);
--dino-icon-overlay-fallback--wyve: invert(45%) sepia(84%) saturate(489%) hue-rotate(332deg) brightness(104%) contrast(88%);
--dino-icon-overlay-fallback--reaperk: invert(80%) sepia(39%) saturate(594%) hue-rotate(351deg) brightness(91%) contrast(91%);
--dino-icon-overlay-fallback--reaperq: invert(48%) sepia(65%) saturate(7494%) hue-rotate(270deg) brightness(86%) contrast(102%);
/* Ambox */
--ark-ambox-background-color: #0000004D;
--ark-ambox-border-color: #999999;
--ark-ambox-blue: #0000aa;
--ark-ambox-gray: #555555;
--ark-ambox-green: #00aa06;
--ark-ambox-purple: #a655b2;
--ark-ambox-red: #aa0000;
--ark-ambox-yellow: #aaaa00;
--ark-ambox-cyan: #00ABA2;
--ark-ambox-orange: #ffa500;
/* Template:Navbox */
--ark-navbox-title-text-color: var(--content-text-color);
--ark-navbox-title-link-color: var(--content-default-link-color);
--ark-navbox-title-background-color: var(--ark-arkitex-background-color);
--navbox-border-color: #0d6f70;
--navbox-row-zebra-colour: #fff1;
--ark-navboxgroup-title-background-color: #2c2c2c;
--ark-navboxgroup-title-text-color: var(--content-text-color);
--ark-navboxgroup-title-border-color: #94c436;
/* Arkitexure */
--ark-arkitex-background-color: #535353;
--ark-arkitex-border-color: var(--sidenav-header-background);
--ark-arkitex-border-color--rgb: var(--sidenav-header-background--rgb);
--ark-arkitex-accent-color: lightgrey;
--ark-arkitex-left-color: #3d3e3d;
--ark-arkitex-right-color: #232821;
/* PaintRegion */
--ark-paintregion-background-color: #756f6f;
--ark-paintregion-border-color: var(--content-border-color);
/* Template:DossierText & Template:Quote */
--ark-cite-quote-color: #2d74bed9;
--ark-dossier-background-color: #6e92c036;
--ark-dossier-border-color: #2d74bea6;
--ark-dossier-text-color: #88E9FF;
--ark-dossiernote-background-color: #1a3b4d;
--ark-dossiernote-border-color: #2d74be;
/* Module:LootTable */
--ark-loottable-background-color: #021e289a;
--ark-loottable-header-color: #0b58599a;
/* [[Module:PaintRegions]] */
--ark-paintregion-background-color: #555a62;
--ark-paintregion-border-color--rgb: var(--content-border-color--rgb);
--ark-paintregion-background-color--unused: var(--ark-paintregion-background-color);
--ark-paintregion-border-color--unused: #e51616;
--ark-paintregion-border-color--unused--rgb: 229, 22, 22;
/* Difficulty level colors */
--ark-difficulty-gamma: #4edb17;
--ark-difficulty-beta: #19cff9;
--ark-difficulty-alpha: #f76450;
--ark-difficulty-none: #BCEEFA;
/* Template:Mission */
--ark-mission-background-color: #003E4C;
--ark-mission-text-color: #BCEEFA;
--ark-mission-border-color: var(--theme-accent-color);
/* Template:HoverNote */
--ark-hovertext-text-color: #4FB5FF;
/* Kibble tables */
--ark-kibbletable-border-color: #2d74bea6;
--ark-kibbletable-background-color: #6e92c036;
/* [[Template:ModListEntry]] */
--ark-mod-entry-background-color: #1F262F;
--ark-mod-entry-border-color: var(--content-border-color);
--ark-mod-entry-store-text-color: var(--ark-arkitex-accent-color);
/* Math */
--math-filter: invert(1);
/* OOUI */
/* Useful for colourisation filters: https://codepen.io/sosuke/pen/Pjoqqp */
--oo-ui-icon-filter--normal: invert(1);
--oo-ui-icon-filter--black: brightness(0);
--oo-ui-icon-filter--normal-progressive: brightness(0) invert(87%) sepia(86%) saturate(529%) hue-rotate(20deg) brightness(87%) contrast(82%);
--oo-ui-icon-filter--destructive: none;
--oo-ui-icon-filter--error: none;
--oo-ui-icon-filter--alert: none;
--oo-ui-icon-filter--success: none;
--oo-ui-icon-filter--required: invert(1);
--known-black-icon-filter: invert(100%);
/* DataMaps */
--datamaps-notice-border-color: var(--content-border-color);
--datamaps-notice-background-color: var(--ark-arkitex-right-color);
--datamaps-container-background-color: var(--content-background-color);
--datamaps-container-top-background-color: var(--tabber-background-hover-color);
--datamaps-container-select-background--rgb: var(--content-border-color--rgb);
--datamaps-container-legend-background-color: var(--toc-background-color);
--datamaps-container-legend-selected-background-color: var(--toc-background-color);
--datamaps-popup-background-color: var(--wmui-background-color-base);
--datamaps-popup-text-color: var(--wmui-color-base);
--datamaps-popup-subtitle-text-color: #9b9b9b;
--datamaps-tabber-background-active-color: var(--tabber-background-active-color);
--datamaps-tabber-background-color: #52711550;
/* Return to Top button */
--return-to-top-background-color: #26405b;
/* Sticky header */
--sticky-header-background-color: rgba(90, 123, 22, 0.98);
--sticky-header-shadow-color: #0000004a;
--sticky-header-text-color: #fff;
--sticky-header-link-color: #fff;
--sticky-button-text-color: #222;
--sticky-button-border-color: #222;
--sticky-button-background-color: #fff4;
--sticky-button-hover-background-color: #a2bb6f;
--sticky-button-icon-color: var( --wmui-color-yellow50 );
/* [[Template:ResourceMap]] only used on mod versions of data maps */
--trm-map-notice-border-color: #7FE7FF;
--trm-map-notice-background-color: #6e92c06b;
--trm-map-container-border-color: #000;
--trm-map-container-background-color: var(--ark-dossier-background-color);
--trm-map-checkbox-unchecked-color: #f5aaaa;
--trm-map-checkbox-checked-color: #05bb25;
--trm-map-spawninfo-border-color: #222;
/* Adminlist */
--adminlist-background-color: #c8c8c811;
--adminlist-border-color: var(--content-border-color);
/* toc links and file toc */
--catlinks-background-color: var(--table-heading-background-color);
--catlinks-border-color: var(--table-border-color);
--catlinks-text-color: #80E7FF;
/* Creature nav */
--creature-nav-default-background-color: #f70404;
--creature-nav-hover-shadow-color-1: #aaca;
--creature-nav-hover-shadow-color-2: #111;
--creature-nav-creature-color--white: #D5F2F2;
--creature-nav-creature-color--yellow: #E5DFAC;
--creature-nav-creature-color--lime: #CEF294;
--creature-nav-creature-color--brown: #e5c6ac;
--creature-nav-creature-color--purple: #CEACE5;
--creature-nav-creature-color--orange: #FAD6A5;
--creature-nav-creature-color--grey: #C4C4C4;
--creature-nav-creature-color--green: #a6ffa9;
--creature-nav-creature-color--cyan: #86e0f0;
--creature-nav-creature-color--pink: #ffb0eb;
--creature-nav-creature-color--red: #e5acb1;
--creature-nav-creature-color--yellowish: #c0a264;
/* History and diffs */
--diff-background-color: rgba(0,0,0,0.3);
--diff-plusminus-pos-color: #00A500;
--diff-plusminus-neg-color: #C60000;
--diff-deletedline-background-color: #440000;
--diff-deletedline-text-color: #e62444;
--diff-deletedline-border-color: none;
--diff-deletedline-diffchange-background-color: #be666394;
--diff-addedline-background-color: #035c03;
--diff-addedline-text-color: #bfd959;
--diff-addedline-border-color: none;
--diff-addedline-diffchange-background-color: #51b85694;
--diff-context-background-color: #6e92c036;
--diff-context-text-color: #e0e0e0;
--diff-context-border-color: #9b9b9b;
--pagehist-selected-background-color: #01060c;
--pagehist-selected-text-color: var(--content-text-color);
--pagehist-last-visit-color: #000;
}
/* #region OOUI theming variables */
:root {
--wmui-color-base0: #d6f4c1;
--wmui-color-base10: #c9f4bd;
--wmui-color-base20: #b8e198;
--wmui-color-base30: #f6ffee;
--wmui-color-base50: #31671d;
--wmui-color-base70: #545454;
--wmui-color-base80: #343731;
--wmui-color-base90: #2a2c2a;
--wmui-color-base100: #191919;
--wmui-color-accent30: #5acd46;
--wmui-color-accent50: #400925;
--wmui-color-accent90: #6ec33c;
--wmui-color-red30: #711616;
--wmui-color-red50: #c82c2c;
--wmui-color-red90: #390d0b;
--wmui-color-yellow30: #ac6600;
--wmui-color-yellow50: #edab00;
--wmui-color-yellow90: #53410a;
--wmui-color-green30: #14866d;
--wmui-color-green50: #00af89;
--wmui-color-green90: #0d3129;
--wmui-color-green700: #096450;
--wmui-color-base10--lighten: #ebffe0;
--wmui-color-accent50--lighten: #8bdb49;
--wmui-color-red50--lighten: #d23838;
--wmui-color-green50--lighten: #1c6665;
--wmui-color-purple50: #6b4ba1;
--wmui-background-color-base: var(--wmui-color-base100);
--wmui-background-color-base--hover: var(--wmui-color-base80);
--wmui-background-color-base--disabled: var(--wmui-color-base80);
--wmui-background-color-base--read-only: var(--wmui-color-base90);
--wmui-background-color-code: var(--wmui-color-base90);
--wmui-background-color-framed: var(--wmui-color-base90);
--wmui-background-color-framed--hover: var(--wmui-color-base80);
--wmui-background-color-framed--active: var(--wmui-color-base80);
--wmui-background-color-filled--disabled: var(--wmui-color-base70);
--wmui-background-color-quiet: var(--wmui-background-color-base);
--wmui-background-color-quiet--hover: rgba(0, 24, 73, 0.02745098);
--wmui-background-color-quiet--active: rgba(0, 24, 73, 0.08235294);
--wmui-background-color-toolbar: var(--wmui-background-color-base);
--wmui-background-color-tool--hover: var(--wmui-background-color-base--hover);
--wmui-background-color-tool--active: var(--wmui-background-color-primary);
--wmui-background-color-tool--active-hover: var(--wmui-background-color-primary--hover);
--wmui-background-color-tabs: var(--wmui-color-base80);
--wmui-background-color-error--framed: var(--wmui-color-red90);
--wmui-background-color-warning--framed: var(--wmui-color-yellow90);
--wmui-background-color-success--framed: var(--wmui-color-green90);
--wmui-background-color-notice--framed: var(--wmui-color-base80);
--wmui-background-color-highlight: rgba(255, 182, 13, 0.4);
--wmui-color-base: var(--wmui-color-base10);
--wmui-color-base--hover: var(--wmui-color-base10--lighten);
--wmui-color-base--active: var(--wmui-color-base0);
--wmui-color-base--inverted: #040a00;
--wmui-color-base--emphasized: var(--wmui-color-base0);
--wmui-color-base--subtle: var(--wmui-color-base30);
--wmui-color-base--disabled: var(--wmui-color-base30);
--wmui-color-filled--disabled: var(--wmui-color-base--inverted);
--wmui-color-accessory: var(--wmui-color-base20);
--wmui-color-placeholder: var(--wmui-color-base30);
--wmui-background-color-primary: var(--wmui-color-accent90);
--wmui-background-color-primary--hover: rgba(41, 98, 204, 0.1);
--wmui-color-primary: var(--wmui-color-accent90);
--wmui-color-primary--hover: var(--wmui-color-accent50--lighten);
--wmui-color-primary--active: var(--wmui-color-accent30);
--wmui-color-primary--focus: var(--wmui-color-primary);
--wmui-background-color-destructive: var(--wmui-color-red90);
--wmui-color-destructive: var(--wmui-color-red50);
--wmui-color-destructive--hover: var(--wmui-color-red50--lighten);
--wmui-color-destructive--active: var(--wmui-color-red30);
--wmui-color-destructive--focus: var(--wmui-color-destructive);
--wmui-color-secondary: var(--wmui-color-green50);
--wmui-color-secondary--hover: var(--wmui-color-green50--lighten);
--wmui-color-secondary--active: var(--wmui-color-green30);
--wmui-color-secondary--focus: var(--wmui-color-secondary);
--wmui-color-error: var(--wmui-color-red50);
--wmui-color-warning: var(--wmui-color-base0);
--wmui-color-success: var(--wmui-color-green30);
--wmui-color-success--framed: var(--wmui-color-base0);
--wmui-color-notice: var(--wmui-color-base0);
--wmui-color-tool--hover: var(--wmui-color-base--emphasized);
--wmui-color-tool--active: var(--wmui-color-primary);
--wmui-border-color-dialog: var(--wmui-border-color-base);
--wmui-border-color-menu: var(--wmui-border-color-base);
--wmui-border-color-base: var(--wmui-color-base50);
--wmui-border-color-base--hover: var(--wmui-color-base50);
--wmui-border-color-base--hover: var(--wmui-color-base50);
--wmui-border-color-base--active: var(--wmui-color-base30);
--wmui-border-color-base--focus: var(--wmui-color-primary--focus);
--wmui-border-color-base--disabled: var(--wmui-color-base70);
--wmui-border-color-filled--disabled: var(--wmui-color-filled--disabled);
--wmui-border-color-primary: var(--wmui-color-primary);
--wmui-border-color-primary--hover: var(--wmui-color-primary--hover);
--wmui-border-color-primary--active: var(--wmui-color-primary--active);
--wmui-border-color-primary--focus: var(--wmui-border-color-primary);
--wmui-border-color-destructive: var(--wmui-color-destructive);
--wmui-border-color-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-destructive--active: var(--wmui-color-destructive--active);
--wmui-border-color-destructive--focus: var(--wmui-border-color-destructive);
--wmui-border-color-inset--focus: var(--wmui-color-base--inverted);
--wmui-border-color-input--hover: var(--wmui-border-color-base--active);
--wmui-border-color-heading: var(--wmui-color-base70);
--wmui-border-color-divider: var(--wmui-color-base50);
--wmui-border-color-wikitable: rgba(84, 89, 93, 0.3);
--wmui-border-color-error: var(--wmui-color-red30);
--wmui-border-color-warning: var(--wmui-color-yellow30);
--wmui-border-color-success: var(--wmui-color-green700);
--wmui-border-color-notice: var(--wmui-color-base30);
--wmui-border-width-base: 1px;
--wmui-box-shadow-base: inset 0 0 0 1px transparent;
--wmui-box-shadow-base--focus: inset 0 0 0 1px var(--wmui-color-accent50);
--wmui-box-shadow-primary--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-destructive--focus: inset 0 0 0 1px var(--wmui-color-destructive), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-filled--disabled: inset 0 0 0 1px var(--wmui-color-filled--disabled);
--wmui-box-shadow-card: 0 1px 1px rgba(0, 0, 0, 0.15);
--wmui-box-shadow-dialog: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
--wmui-box-shadow-menu: var(--wmui-box-shadow-dialog);
--wmui-outline-color-base--focus: transparent;
--wmui-text-shadow-base: 0 1px 1px var(--wmui-color-base--inverted);
--wmui-text-shadow-base--disabled: var(--wmui-text-shadow-base);
--wmui-background-color-base--active: var(--wmui-color-base80);
--wmui-background-color-frameless--hover: var(--wmui-background-color-quiet--hover);
--wmui-background-color-frameless--active: var(--wmui-background-color-quiet--active);
--wmui-background-color-pending-stripe: var(--wmui-color-base80);
--wmui-background-color-backdrop-light: #0d0c0ca6;
--wmui-color-base--deemphasized: var(--wmui-color-base20);
--wmui-color-taboption: var(--wmui-color-base--hover);
--wmui-color-destructive-non-primary: #f83013;
--wmui-border-color-framed-progressive--hover: var(--wmui-color-primary--hover);
--wmui-border-color-framed-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-frameless: transparent;
--wmui-border-color-focus-inset: var(--wmui-color-base--inverted);
--wmui-border-color-dialog-bar: var(--wmui-color-base70);
--wmui-border-width-frameless-tab: 2px;
--wmui-border-color-toolbar: var(--wmui-color-base70);
--wmui-border-color-toolgroup: var(--wmui-color-base80);
--wmui-box-shadow-toolbar-top: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-toolbar-bottom: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-progressbar: var(--wmui-box-shadow-card);
--wmui-box-shadow-progressive-filled--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-frameless-indicator--focus: 0 0 0 2px var(--wmui-color-primary);
--wmui-box-shadow-action--focus: var(--wmui-box-shadow-base--focus), 0 0 0 1px var(--wmui-color-primary);
--wmui-box-shadow-toolbar-action-button--focus: inset 0 0 0 2px var(--wmui-color-primary), inset 0 0 0 3px var(--wmui-color-base--inverted);
--wmui-box-shadow-popuptoolgroup-tool--focus: inset 0 0 0 2px var(--wmui-color-primary--focus);
--wmui-box-shadow-input-binary--active: inset 0 0 0 1px var(--wmui-color-primary--active);
--wmui-box-shadow-error--focus: inset 0 0 0 1px var(--wmui-color-error);
--wmui-filter-drop-shadow-menu: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
--wmui-background-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-background-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-color-input-binary: var(--wmui-border-color-base--active);
--wmui-border-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-border-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-width-radio--checked: 6px;
--wmui-background-color-filled--primary-disabled: #a0a;
}
/* #endregion */
/* #endregion */
/* #region Scroll jump offset */
html {
--scroll-padding--page-modifier: 0px;
scroll-padding-top: calc( var( --netbar-height ) + var( --sticky-header-height ) + var( --scroll-padding--page-modifier ) );
}
/* #endregion
/* #region Vector grid layout */
html, body {
height: 100%;
min-height: 100vh;
}
body {
height: auto;
}
body {
box-sizing: border-box;
display: grid;
grid-template-columns:
[body-left] var(--layout-sidespace--left)
[aside-left] var(--sidebar-width)
[aside-right content-left] minmax(0, 1fr)
[content-right] var(--layout-sidespace--right)
[body-right];
grid-template-rows:
[body-start] var(--netbar-height)
[page-start reserved-start] var(--layout-content-top-offset)
[reserved-end nav-start] var(--layout-allotment--article-navigation)
[nav-end content-start] auto
[content-end footer-start] minmax(0, 1fr)
[footer-end] 0fr
[page-end] 0fr
[body-end];
column-gap: var(--layout-column-gap);
}
body > .content-wrapper, #mw-navigation {
display: contents;
}
#mw-page-base {
grid-column: content-left / content-right;
grid-row: nav-start / footer-end;
height: 100%;
}
#mw-head {
grid-column: content-left/content-right;
grid-row: nav-start/nav-end;
position: relative;
top: var(--article-navigation-top-offset);
height: max-content;
z-index: 10;
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding: 0 0 0 var(--article-navigation-disposition--left);
margin: var(--article-navigation-margin);
height: var(--article-navigation-height);
}
#mw-head #left-navigation,
#mw-head #right-navigation {
box-sizing: border-box;
margin: 0;
display: flex;
align-items: stretch;
}
#mw-head #left-navigation {
justify-content: flex-start;
}
#mw-head #right-navigation {
justify-content: flex-end;
}
/* On main page, expand left navigation side to hide the article navigation as it likes to overlap the logo */
.rootpage-ARK_Wiki #left-navigation {
flex-grow: 1;
}
#mw-panel {
grid-column: aside-left/aside-right;
grid-row: content-start/footer-end;
width: var(--sidebar-width);
position: relative;
top: var(--sidebar-top-offset);
z-index: 11;
padding: var(--sidebar-padding);
box-sizing: border-box;
}
div#content {
grid-column: aside-left/content-right;
grid-row: content-start/content-end;
margin: var(--content-top-margin) 0 0 0;
padding:
var(--content-vertical-margin--top)
var(--content-horizontal-margin)
var(--content-vertical-margin--bottom)
calc(var(--sidebar-width) + var(--content-horizontal-margin));
}
.content-body > main {
display: grid;
grid-template-columns:
[content-left heading-left] minmax(0,1fr)
[heading-right indicator-left] minmax(0,auto)
[indicator-right interwikis-left] minmax(0,auto)
[interwikis-right content-right];
grid-template-rows:
[sitenotice] auto
[before-heading] auto
[heading-start] auto
[heading-end content-start] auto
[content-end];
row-gap: 3px;
}
#siteNotice {
grid-row: sitenotice;
grid-column: content-left / content-right;
}
.mw-body .mw-indicators {
grid-column: indicator-left / indicator-right;
grid-row: heading-start / heading-end;
display: flex;
align-items: center;
gap: 4px;
}
#p-lang-btn {
grid-column: interwikis-left / interwikis-right;
grid-row: heading-start / heading-end;
}
@media screen and (max-width: 720px) {
#p-lang-btn {
display: none;
}
}
#firstHeading {
grid-column: heading-left / heading-right;
grid-row: heading-start / heading-end;
}
#bodyContent {
grid-column: content-left / content-right;
grid-row: content-start / content-end;
display: flex;
flex-direction: column;
}
#footer {
grid-column: aside-left/content-right;
grid-row: footer-start/footer-end;
padding-left: calc(var(--sidebar-width) + var(--content-horizontal-margin));
margin: 0;
}
#wikigg-footer {
margin-top: 1.5em;
grid-column: body-left/body-right;
grid-row: page-end/body-end;
}
/* #region 1290px */
@media screen and (max-width: 1290px) {
.mw-body .mw-indicators {
grid-column: heading-left / heading-right;
grid-row: before-heading;
}
#firstHeading {
grid-column: heading-left / content-right;
}
}
/* #endregion */
/* #region 1260px */
@media screen and (max-width: 1260px) {
body {
grid-template-columns:
[body-left] var(--layout-sidespace--left)
[aside-left content-left] auto
[aside-right content-right body-right] var(--layout-sidespace--right);
}
#mw-head div#left-navigation,
#mw-head div#right-navigation {
position: static;
box-sizing: border-box;
padding: 0 .8rem 0 0.5rem;
}
}
/* #endregion */
/* #region 720px */
@media screen and (max-width: 720px) {
body {
grid-template-columns:
[body-left aside-left content-left] auto
[aside-right content-right body-right];
}
.mw-body #p-lang-btn {
grid-row: before-heading;
grid-column: indicator-left / interwikis-right;
}
.mw-body .mw-indicators + #p-lang-btn {
grid-column: interwikis-left / interwikis-right;
}
#firstHeading {
text-align: center;
}
#mw-content-text {
padding-top: 1em;
}
}
/* #endregion */
/* #region wiki.gg footer overflows the body due to unwrapping flex; reflow it */
@media screen and (max-width: 600px) {
footer#wikigg-footer {
display: grid;
grid-template-columns: 35px 1fr;
grid-template-rows: auto auto;
align-items: center;
justify-items: start;
padding: 3px 0 3px 10px;
}
footer#wikigg-footer .footer-middle {
grid-column: 1/2;
grid-row: 1/3;
}
footer#wikigg-footer .footer-right {
grid-column: 2/3;
grid-row: 1/2;
text-align:left;
margin: 0;
}
footer#wikigg-footer .footer-left {
grid-column: 2/3;
grid-row: 2/3;
text-align:left;
margin: 0;
}
}
/* #endregion */
/* #endregion */
/* #region Vector skinning */
body {
background: var(--page-background-image) center no-repeat var(--page-background-color);
background-size: cover;
background-attachment: fixed;
}
/* #region Typography */
body {
font-family: Inter, Helvetica, Arial, sans-serif
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: Inter, linux libertine, georgia, times, serif;
letter-spacing: -0.6px;
}
/* #endregion */
/* #region Push down content area to make space for the frame border */
#mw-page-base {
background: transparent;
}
/* #endregion */
/* #region Logo */
#p-logo {
position: absolute;
top: var(--wiki-logo-offset--top);
margin-left: var(--wiki-logo-offset--left);
z-index: 10;
width: var(--wiki-logo-width);
height: var(--wiki-logo-height);
}
#p-logo a {
background: var(--wiki-logo-settings);
width: var(--wiki-logo-width);
height: var(--wiki-logo-height);
}
/* #endregion */
/* #region Content area (& hex) */
div#content {
position: relative;
background-color: var(--content-background-color--transparent);
color: var(--content-text-color);
border-radius: 1px;
min-height: 600px;
/*
We can't use a normal border as they don't stack with border images. Instead, we cast a box shadow and apply a margin.
border: solid var(--content-border-color);
border-width: var(--content-frame-border-width);
*/
border-image-repeat: stretch stretch;
border-style: solid;
border-image-slice: var(--content-frame-slice);
border-image-width: var(--content-frame-widths);
border-image-outset: var(--content-frame-outset);
border-image-source: var(--content-frame-image);
box-shadow: 0 0 0 var(--content-frame-border-width) var(--content-frame-border-color);
margin: var(--content-frame-border-margin);
}
.content-body::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background: url(/images/b/b7/Hex_grid.png) /*[[File:Hex grid.png]]*/ repeat;
z-index: -1;
opacity: 0.7;
}
@media screen and (max-width: 720px) {
div#content {
box-shadow: 0 10px 12px #0008;
}
}
/* #endregion */
/* #region Footer */
#footer {
background-color: var(--footer-background-color);
border-radius: 2px;
}
#footer ul li {
color: var(--content-text-color);
}
@media screen and (max-width: 720px) {
#footer {
margin: 0;
padding: 2em 0.75em 1em;
}
}
/* #endregion */
/* #region Links */
a, a:visited,
div#footer a,
div#content a.extiw, div#content a.extiw:visited,
div#content a.external, div#content a.external:visited,
#mw-indicator-mw-helplink a,
.pseudo-link,
.jslink,
label.toctogglelabel {
color: var(--content-text-link-color);
}
.jslink:hover {
text-decoration: underline;
cursor: pointer;
}
div#content a.new {
color: var(--content-text-link-color--new);
}
ol.references li:target, sup.reference:target {
background-color: var(--reference-background-color--highlight);
}
/* #endregion */
/* #region Headings */
h1, h2, h3, h4, h5, h6 { color: var(--content-header-color); }
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4 {
font-weight: 600;
}
.mw-body-content h2 {
font-size: 24px;
margin: 22px 0 10px;
padding: 4px 0;
border-color: var(--content-heading-divider-color);
}
.mw-body-content h3 {
font-size: 17px;
margin: 12px 0 6px;
}
.mw-body-content h4 {
font-size: 16px;
margin: 6px 0 4px;
}
#firstHeading {
font-size: 2.2em;
/* Break words to prevent overflow. Vector doesn't do that by default. */
overflow-wrap: break-word;
word-break: break-word;
}
@media screen and (max-width: 970px) {
#firstHeading {
font-size: 2em;
}
}
/* #endregion */
/* #region Lists */
.mw-content-ltr li {
margin-bottom: .15em;
}
.mw-content-ltr ul > li > ul,
.mw-content-ltr ol > li > ol {
margin-bottom: .5em;
}
ul {
list-style-image: var(--list-bulletpoint-image);
}
/* #endregion */
/* #region Site notice */
#siteNotice > #localNotice,
.mw-dismissable-notice {
background: var(--sitenotice-background-color);
border: 1px solid var(--sitenotice-border-color);
padding: 0.5em 1em 0;
margin-bottom: 0.6em;
}
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0;
margin-right: 6em;
}
/* #endregion */
/* #region Sidebar */
#mw-panel {
border-right: 1px solid var(--sidebar-content-divider-color);
background: var(--sidebar-background-color);
}
#mw-panel .vector-menu-portal {
margin: 0 .6em 0 0;
padding-bottom: .4em;
}
#mw-panel #p-logo + .vector-menu-portal .vector-menu-heading {
display: block;
margin-top: 0;
}
#mw-panel .vector-menu-heading {
background: none;
color: var(--sidenav-header-text-color);
border-radius: 2px;
margin: 0.5em 0.5em 0;
padding-left: 0.1em;
cursor: pointer;
font-weight: bold;
}
#mw-panel .vector-menu-content ul li a,
#mw-panel .vector-menu-content ul li a:link,
#mw-panel .vector-menu-content ul li a:visited {
color: var(--sidenav-text-color);
}
#mw-panel .vector-menu-content ul li a:hover {
color: var(--sidenav-text-hover-color);
}
/* Collapsible icons */
#mw-panel .vector-menu-portal .vector-menu-heading::after {
content: '';
display: inline-block;
border-style: solid;
margin-left: 4px;
border-color: var(--sidenav-header-text-color) transparent;
border-width: 6px 5px 0;
}
#mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after {
border-color: transparent var(--sidenav-header-text-color);
border-width: 6px 0px 5px 5px;
}
/* #endregion */
/* #region Article navigation head */
.vector-menu-tabs ul li,
.vector-menu-dropdown {
background: var(--article-navigation-item-background-color);
margin-right: 0.5em;
border: var(--article-navigation-item-border-width) solid var(--article-navigation-item-border-color);
border-radius: 1px 1px 0 0;
position: relative;
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background: none;
}
.vector-menu-tabs ul .mw-list-item.selected {
background: var(--article-navigation-item-background-color--selected);
opacity: 1;
}
.vector-menu-tabs .mw-list-item a,
.vector-menu-tabs .mw-watchlink.icon a {
height: 2.8em;
padding-top: 0.8em;
}
/* Dropdown only */
.vector-menu-dropdown .vector-menu-content {
background-color: var(--article-navigation-dropdown-background-color);
border-color: var(--article-navigation-item-border-color);
border-width: 0 var(--article-navigation-item-border-width) var(--article-navigation-item-border-width);
left: calc(-1 * var(--article-navigation-item-border-width));
top: 100%;
}
.vector-menu-dropdown .vector-menu-heading {
padding-top: 0.8em;
padding-bottom: 0;
align-items: center;
}
.vector-menu-dropdown .vector-menu-heading::after {
filter: var(--oo-ui-icon-filter--normal);
}
/* Link styling */
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .mw-list-item a,
.vector-menu-dropdown .mw-list-item a:visited,
.vector-menu-tabs .vector-menu-heading,
.vector-menu-tabs .mw-list-item a {
color: var(--content-text-color);
font-weight: 700;
text-transform: none;
text-decoration: none;
}
.vector-menu-tabs .mw-list-item a:hover,
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited,
.vector-menu-dropdown:not(#pt-themes):hover .vector-menu-heading span,
.vector-menu-dropdown:not(#pt-themes) .mw-list-item a:hover,
.vector-menu-dropdown:not(#pt-themes) .mw-list-item.selected a,
.vector-menu-dropdown:not(#pt-themes) .mw-list-item.selected a:hover ,
.vector-menu-dropdown:not(#pt-themes) .mw-list-item.selected a:visited {
color: var(--content-default-link-color);
}
/* Hide text for watch/unwatch */
#ca-watch > a > span,
#ca-unwatch > a > span {
color: transparent;
}
/* Sliding underline on hover */
@keyframes tabHover {
from {
width: 0%;
}
to {
width: 95%;
}
}
.vector-menu-tabs .mw-list-item:hover::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 100%;
animation-duration: 1s;
animation-name: tabHover;
animation-fill-mode: forwards;
border-bottom: 3px solid var(--article-navigation-item-underline-color);
}
.vector-menu-tabs .mw-list-item.selected:hover::before {
border-color: var(--article-navigation-item-underline-color--active);
}
/* #endregion */
/* #region Responsive grid layout */
/* #region Article title area (indicators, language switcher) */
#firstHeading {
margin-bottom: 2px;
border-bottom: none; /* Moved onto #mw-content-text, see below */
}
/* Border below the title heading (as in this setup #firstHeading does not span for the entire length) */
#mw-content-text {
border-top: 1px solid var(--content-heading-divider-color);
padding-top: 6px;
}
#contentSub:empty,
#contentSub2:empty {
display: none;
}
/* Remove the title border from main page */
.rootpage-ARK_Survival_Evolved_Wiki #mw-content-text {
border-top: none;
padding-top: 0;
}
/* #endregion */
/* #region Toolbar (1260px) */
@media screen and (max-width: 1260px) {
#mw-panel {
box-sizing: border-box;
grid-column: aside-left/aside-right;
grid-row: nav-start/content-end;
display: flex;
width: auto;
height: var(--toolbar-height);
overflow: visible;
overflow-x: clip;
margin: 0 1rem;
padding: 0 .5em;
border: 1px solid var(--toolbar-border-color);
border-radius: 4px;
background-color: var(--toolbar-background-color);
box-shadow: inset 0 0 10px #000a;
}
#mw-panel .vector-menu-portal,
#mw-panel #p-logo + .vector-menu-portal {
position: relative;
}
#mw-panel #p-logo + .vector-menu-portal.collapsed .vector-menu-content,
#mw-panel .vector-menu-portal.collapsed .vector-menu-content,
#mw-panel #p-logo + .vector-menu-portal:hover .vector-menu-content,
#mw-panel .vector-menu-portal:hover .vector-menu-content,
#mw-panel #p-logo + .vector-menu-portal h3 {
display: block;
}
#mw-panel #p-logo + .vector-menu-portal h3,
#mw-panel .vector-menu-portal h3 {
font-size: 12px;
font-weight: 400;
padding: 6px;
background-position: right;
padding-right: 18px;
background-color: transparent;
color: #fff;
}
#mw-panel #p-logo + .vector-menu-portal h3,
#mw-navigation #mw-panel > div h3 {
margin: 0;
}
#mw-panel .vector-menu-portal,
#mw-panel #p-logo + .vector-menu-portal {
margin: 0;
margin-left: 0px;
}
#p-cactions .vector-menu-content {
right: 0;
left: unset;
}
.vectorTabs span,
#right-navigation .vectorMenu .vector-menu-heading {
font-size: 80%;
}
.vectorTabs ul {
display: flex;
}
/* Dropdowns */
#mw-panel #p-logo + .vector-menu-portal .vector-menu-content,
#mw-panel .vector-menu-portal .vector-menu-content {
display: none;
position: absolute;
left: 0;
top: calc(100% - 0em);
z-index: 50;
width: max-content;
min-width: 8em;
margin: 0;
font-size: 16px;
background: var(--toolbar-list-background-color);
border: 1px solid var(--toolbar-border-color);
border-top: none;
box-shadow: 0 3px 10px #0002;
}
#mw-panel .vector-menu-portal .vector-menu-content ul {
padding: 4px;
}
#mw-panel .vector-menu-portal .vector-menu-content li {
padding: .55em 0;
}
#mw-panel .vector-menu-portal .vector-menu-content ul a {
padding: 6px 8px;
}
}
/* #endregion */
/* #region Toolbar (720px) */
@media screen and (max-width: 720px) {
div#mw-navigation div#mw-panel {
border-left: 0;
border-right: 0;
padding: 0;
margin: 0;
}
#mw-head #p-search {
position: absolute;
top: var(--search-top-offset);
right: 0;
left: 0;
box-sizing: border-box;
margin: 0;
z-index: 2;
height: var(--search-height);
}
#p-search #searchform {
margin: 0;
}
#p-search .vector-search-box-inner {
width: 100%;
margin: 0 auto;
}
}
/* #endregion */
/* #endregion */
/* #region Search bar */
.vector-search-box form {
margin-top: -7px;
margin-bottom: 2px;
}
.vector-search-box-inner .searchButton {
opacity: 0.8;
filter: var( --search-button-filter );
}
.vector-search-box-input {
color: var(--search-text-color);
background: rgba( var( --search-background-color--rgb ), var( --search-background-color-opacity ) );
border: 2px solid var(--search-border-color);
border-radius: 1px;
height: var(--search-height);
box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,.15), 0 0 6px 2px #0003;
}
.vector-search-box-input::placeholder {
color: var(--search-text-color--placeholder);
}
/* Hover/focus state */
.vector-search-box-inner:hover .vector-search-box-input,
.vector-search-box-inner:hover .vector-search-box-input:focus,
.vector-search-box-input:focus,
.vector-search-box-input:not( :placeholder-shown ) {
background: rgba( var( --search-background-color--rgb ), var( --search-background-color-opacity--active ) );
}
.vector-search-box-inner:hover .vector-search-box-input,
.vector-search-box-inner:hover .vector-search-box-input:focus,
.vector-search-box-input:focus {
border-color: var(--search-border-color--active);
box-shadow: none;
}
/* Suggestions menu */
.suggestions-results {
background: rgba( var( --search-background-color--rgb ), var( --search-background-color-opacity--active ) );
border-color: var(--search-border-color--active);
border-width: 0 2px 2px;
}
.suggestions a.mw-searchSuggest-link {
color: var( --search-text-color );
}
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions-special .special-query {
color: var( --content-text-link-color );
}
.suggestions-result {
color: inherit;
padding: 0.1rem 0.5em;
}
@media screen and (max-width: 720px) {
.suggestions-result {
padding: 0.15rem 0.5em;
}
}
.suggestions-result-current {
background-color: var( --search-suggestion-background-color--hover );
}
.suggestions-special {
background: rgb( var( --search-background-color--rgb ) );
border-color: var( --search-border-color--active );
border-radius: 0 0 5px 5px;
border-width: 1px 2px 2px;
}
.suggestions-special .special-label {
color: var( --search-text-color--placeholder );
}
.suggestions-special.suggestions-result-current .special-label {
color: var( --search-text-color );
}
/* HLN-A lingering over the search button */
.vector-search-box-inner::after {
content: '';
display: block;
width: 3.9rem;
height: 3.5rem;
position: absolute;
right: var(--search-button-overlay-offset--right);
top: var(--search-button-overlay-offset--top);
transform: rotateY(180deg);
background: var(--search-button-overlay-image) center / contain;
filter: drop-shadow(-0.8rem -0.8rem 1.2rem #004);
}
/* #endregion */
/* #region Article navigation icons */
@media screen and (max-width: 600px) {
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding: 0;
margin: 0;
}
#mw-head .vector-menu-dropdown {
height: 100%;
}
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited,
.vector-menu-tabs .mw-list-item a,
#mw-head div.vector-menu-dropdown .vector-menu-heading {
width: 20px;
height: 20px;
padding: 5px 6px;
box-sizing: content-box;
display: block;
font-size: 0;
}
div.vector-menu-tabs .mw-list-item.selected a,
div.vector-menu-tabs .mw-list-item.selected a:visited,
div.vector-menu-tabs .mw-list-item a,
div.vector-menu-dropdown .vector-menu-heading {
overflow: hidden;
}
div.vector-menu-tabs li a::before,
div.vector-menu-dropdown .vector-menu-heading::before {
content:"";
display:inline-block;
background-color:transparent;
background-repeat:no-repeat;
background-position:center top;
background-size:100% auto;
width:20px;
height:20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E");
filter: invert(1);
}
/* #region Icons */
#ca-edit a::before {
background-image: var(--icon-edit);
}
#ca-view a::before,
#ca-view-foreign a::before {
background-image: var(--icon-view);
}
#left-navigation li[id^=ca-nstab-] a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}
#ca-history a::before {
background-image: var(--icon-history);
}
#ca-talk a::before {
background-image: var(--icon-talk);
}
#t-contributions a::before {
background-image: var(--icon-contributions);
}
#ca-addsection a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E");
}
#ca-viewsource a::before {
background-image: var(--icon-view-source);
}
/* #endregion */
/* More */
#p-cactions .vector-menu-heading::before {
background-image: var(--icon-more);
margin-top: 0;
}
#p-cactions.vector-menu-dropdown .vector-menu-heading::after {
display: none;
}
#p-cactions .vector-menu-content {
top: 2em;
}
/* Watch */
.vector-menu-tabs li.mw-watchlink.icon a {
display: block;
position: unset;
width: 18px;
height: 24px;
padding: 3.325em 5px 6px;
box-sizing: content-box;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
height: 30px;
width:18px;
display:inline-block;
position:unset;
margin:0 20px 0 0;
border:0;
filter:none;
}
}
/* #endregion */
/* #region Site navigation icons */
@media screen and (max-width: 650px) {
#mw-navigation #mw-panel .portal h3 {
background: none;
padding-right: 4px;
}
#mw-panel #p-lang .body {
left: auto;
right: 0;
}
#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
width: 18px;
display: block;
white-space: nowrap;
padding: 8px;
}
#mw-panel #p-lang {
margin-left: auto;
}
#p-navigation-label::before,
#p-lang-label::before {
content: "";
display: inline-block;
vertical-align: bottom;
background-color: transparent;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
width: 18px;
height: 18px;
position: relative;
filter: invert(1);
margin: -2px 20px 0 0;
}
#p-navigation-label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==);
}
#p-lang-label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==);
}
}
@media screen and (max-width: 480px) {
#mw-panel #p-Technical_lists {
display: none !important;
}
}
@media screen and (max-width: 380px) {
#mw-panel #p-Technical_lists {
display: none !important;
}
#mw-panel #p-tb .body {
left: auto;
right: -100%;
}
}
/* #endregion */
/* #endregion */
/* #region Sidebar toggle */
#nav-sidebar-toggle {
margin-left: .8rem;
margin-right: .4rem;
width: 24px;
height: 2.5em;
cursor: pointer;
filter: var(--sidenav-toggle-icon-filter);
opacity: 0.8;
background: var(--sidenav-toggle-icon) center no-repeat;
}
#nav-sidebar-toggle:hover {
opacity: 1;
}
@media screen and (max-width: 1260px) {
#nav-sidebar-toggle {
display: none;
}
}
/* #endregion */
/* #region Fixes and tweaks to wiki.gg styles */
/* Hide privacy policy link from footer - wiki.gg footer links the correct one */
#footer-places-privacy {
display: none;
}
/* #region Advertisement positioning tweaks */
div.games-showcase-header {
margin: var(--ad-slot-top--margin);
border-bottom: 1px solid var(--ad-content-divider-color);
}
div.games-showcase-footer {
margin: var(--ad-slot-footer--margin);
border-top: 1px solid var(--ad-content-divider-color);
}
aside.games-showcase-sidebar {
margin: var(--ad-slot-rail--margin);
border-left: 1px solid var(--ad-content-divider-color);
padding-left: var(--ad-slot-rail--edge-spacing);
height: 95vh;
}
aside.games-showcase-sidebar div.sidebar-showcase {
padding-left: 0;
}
/* #endregion */
/* Tables are set to display as blocks on wiki.gg with no whitespace breaking */
table {
display: table;
white-space: initial;
}
/* #endregion */
/** For elements which only display in the mobile view **/
.mobileonly { display: none !important; }
/* #region [[ARK Survival Evolved Wiki:Community portal]] & Noticeboard */
.feature {
border-radius: 5px;
padding: 1em;
}
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}
.adminlist-background {
float: right;
width: 300px;
margin-left: 20px;
margin-bottom: 20px;
padding: 1em 1em;
background: var(--adminlist-background-color);
border: 1px solid var(--adminlist-border-color);
font-family: Tahoma, Arial, sans-serif;
font-size: 93%;
}
.adminlist-background > h3:first-child {
margin-top: 0;
padding-top: 0;
}
/* #endregion */
/** Align .number table cells to right **/
table .number { text-align: right; }
/** No external link icon for internal links **/
#content a.external[href^="http://ark.wiki.gg"],
#content a.external[href^="https://ark.wiki.gg"],
#content a.external[href^="//ark.wiki.gg"] {
background: transparent none repeat scroll 0 0;
padding-right: 0;
}
/** Link spanner **/
.link-spanner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* #region Table of Contents, category list, file ToC */
#toc {
max-width: 395px;
margin-top: .5rem;
padding: 0;
border-radius: 2px;
}
#toc > ul,
#toc > .toctitle {
padding: .4rem 1.1rem;
}
#toc > .toctitle {
padding-bottom: 0;
}
#mw-toc-heading::before {
display: inline-block;
content: '';
width: 0.9rem;
height: 0.9rem;
mask: var(--icon-toc) center;
background: currentColor;
vertical-align: sub;
margin-right: 0.4rem;
}
#toc > ul {
margin-bottom: 0;
padding-top: 0.2rem;
max-height: calc(1.7em * 15.7);
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
border-top: 1px solid var(--content-border-color);
/* Scroll shadows :) */
background:
/* Top */
linear-gradient( to top, #0000 0%, var(--toc-background-color) 80% ) center top / 100% 60px no-repeat,
linear-gradient( to top, transparent 5%, #0003 ) center top / 100% 30px no-repeat,
/* Bottom */
linear-gradient( to bottom, #0000 0%, var(--toc-background-color) 80% ) center bottom / 100% 60px no-repeat,
linear-gradient( transparent 10%, #0003 ) center bottom / 100% 30px no-repeat;
background-attachment: local, scroll, local, scroll;
}
.mw-content-ltr .toc ul ul,
.mw-content-rtl .mw-content-ltr .toc ul ul {
margin-left: 1.2em;
}
div#toc,
div.toc {
background-color: var(--toc-background-color);
border-color: var(--content-border-color);
}
.tocnumber {
color: var(--toc-number-color);
}
.toc .toctitle {
text-align: left;
}
.toctogglespan {
float: right;
line-height: 1.8;
}
ul#filetoc {
background-color: var(--catlinks-background-color);
color: var(--catlinks-text-color);
border: 1px solid var(--catlinks-border-color);
}
/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing
==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be
according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* [[Template:Tocright]] */
.tocright {
float: right;
padding-left: 1.4em;
}
/* Make ToCs float to the right on pages with no infobox */
#content .mw-parser-output > #toc { float: right; clear: right; margin-left: 1.4em; }
#content .mw-parser-output .info-framework ~ #toc,
#content .mw-parser-output .arkitect ~ #toc,
#content .mw-parser-output .infobox-tabber ~ #toc { float: none; clear: none; margin-left: 0; }
/* #region Sidebar sticky ToC */
#p-stoc {
position: sticky;
top: var(--sticky-offset);
}
#p-stoc > .vector-menu-content {
overflow-x: hidden;
overflow-y: scroll;
word-break: break-word;
max-height: calc(100vh - var(--sticky-offset) - 2rem - .75em);
margin-left: -0.2em;
}
#p-stoc .tocnumber {
word-break: keep-all;
}
#p-stoc .vector-menu-content li {
font-size: .725rem;
}
/* Currently not supported on tablet and below... but it's not very usable in this form anyway */
@media screen and (max-width: 1260px) {
#p-stoc {
display: none;
}
}
/* #endregion */
/* #endregion */
/* #region VisualEditor */
.ve-loading .ve-init-mw-desktopArticleTarget-targetContainer > :not(.ve-init-mw-desktopArticleTarget-toolbarPlaceholder):not(.ve-init-mw-desktopArticleTarget),
.ve-loading .ve-init-mw-desktopArticleTarget-originalContent,
.ve-activated:not(.ve-loading) .ve-init-mw-desktopArticleTarget-uneditableContent {
opacity: 1;
}
.ve-loading #bodyContent {
opacity: 0.6;
}
/* #endregion */
/* #region Category list */
#catlinks {
background: none;
border: none;
color: var(--content-default-link-color);
}
.catlinks ul {
display: flex;
flex-wrap: wrap;
gap: 1px 3px;
margin-top: 0.2em;
margin-left: -0.4em;
}
.catlinks li,
.catlinks li:first-child {
padding: 0.3em 0.7em;
border-radius: 9999px;
border: 1px solid var(--content-border-color);
opacity: 0.9;
}
/* #endregion */
/** Three-colored tables: red, green, gray **/
.yes-no-undef .yes { background-color: #9cee93; }
.yes-no-undef .no { background-color: #e3a4a4; }
.yes-no-undef .undef { background-color: #d3d3d3; }
/* #region [[Module:DinoIcon]] */
.dinolink {
filter: var(--dino-icon-filter);
background-image: var(--dino-icon-overlay--normal);
background-clip: text;
/* Chrome does not support this mode with images, gradients won't be visible */
-webkit-background-clip: text;
}
.dinolink--aberrant { background-image: var(--dino-icon-overlay--aberrant); }
.dinolink--balpha { background-image: var(--dino-icon-overlay--balpha); }
.dinolink--bbeta { background-image: var(--dino-icon-overlay--bbeta); }
.dinolink--bgamma { background-image: var(--dino-icon-overlay--bgamma); }
.dinolink--x { background-image: var(--dino-icon-overlay--x); }
.dinolink--r { background-image: var(--dino-icon-overlay--r); }
.dinolink--vr { background-image: var(--dino-icon-overlay--vr); }
.dinolink--corrupt { background-image: var(--dino-icon-overlay--corrupt); }
.dinolink--event { background-image: var(--dino-icon-overlay--event); }
.dinolink--brute { background-image: var(--dino-icon-overlay--brute); }
.dinolink--mtek { background-image: var(--dino-icon-overlay--mtek); }
.dinolink--alpha { background-image: var(--dino-icon-overlay--alpha); }
.dinolink--tek { background-image: var(--dino-icon-overlay--tek); }
.dinolink--enraged { background-image: var(--dino-icon-overlay--enraged); }
.dinolink--wyvf { background-image: var(--dino-icon-overlay--wyvf); }
.dinolink--wyvi { background-image: var(--dino-icon-overlay--wyvi); }
.dinolink--wyvl { background-image: var(--dino-icon-overlay--wyvl); }
.dinolink--wyvp { background-image: var(--dino-icon-overlay--wyvp); }
.dinolink--wyvb { background-image: var(--dino-icon-overlay--wyvb); }
.dinolink--wyvt { background-image: var(--dino-icon-overlay--wyvt); }
.dinolink--wyve { background-image: var(--dino-icon-overlay--wyve); }
.dinolink--reaperk { background-image: var(--dino-icon-overlay--reaperk); }
.dinolink--reaperq { background-image: var(--dino-icon-overlay--reaperq); }
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.dinolink:not(*:root) { filter: var(--dino-icon-overlay-fallback--normal); }
.dinolink--aberrant:not(*:root) { filter: var(--dino-icon-overlay-fallback--aberrant); }
.dinolink--balpha:not(*:root) { filter: var(--dino-icon-overlay-fallback--balpha); }
.dinolink--bbeta:not(*:root) { filter: var(--dino-icon-overlay-fallback--bbeta); }
.dinolink--bgamma:not(*:root) { filter: var(--dino-icon-overlay-fallback--bgamma); }
.dinolink--x:not(*:root) { filter: var(--dino-icon-overlay-fallback--x); }
.dinolink--r:not(*:root) { filter: var(--dino-icon-overlay-fallback--r); }
.dinolink--vr:not(*:root) { filter: var(--dino-icon-overlay-fallback--vr); }
.dinolink--corrupt:not(*:root) { filter: var(--dino-icon-overlay-fallback--corrupt); }
.dinolink--event:not(*:root) { filter: var(--dino-icon-overlay-fallback--event); }
.dinolink--brute:not(*:root) { filter: var(--dino-icon-overlay-fallback--brute); }
.dinolink--mtek:not(*:root) { filter: var(--dino-icon-overlay-fallback--mtek); }
.dinolink--alpha:not(*:root) { filter: var(--dino-icon-overlay-fallback--alpha); }
.dinolink--tek:not(*:root) { filter: var(--dino-icon-overlay-fallback--tek); }
.dinolink--enraged:not(*:root) { filter: var(--dino-icon-overlay-fallback--enraged); }
.dinolink--wyvf:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvf); }
.dinolink--wyvi:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvi); }
.dinolink--wyvl:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvl); }
.dinolink--wyvp:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvp); }
.dinolink--wyvb:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvb); }
.dinolink--wyvt:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyvt); }
.dinolink--wyve:not(*:root) { filter: var(--dino-icon-overlay-fallback--wyve); }
.dinolink--reaperk:not(*:root) { filter: var(--dino-icon-overlay-fallback--reaperk); }
.dinolink--reaperq:not(*:root) { filter: var(--dino-icon-overlay-fallback--reaperq); }
}
}
/* #endregion */
/* #region [[Template:SpawningMap]] & [[MediaWiki:SpawnMaps.js]]: rarity colouring */
.spawningMap-very-common {
fill: #0F0;
background-color: #0F0;
}
.spawningMap-common {
fill: #B2FF00;
background-color: #B2FF00;
}
.spawningMap-uncommon {
fill: #FF0;
background-color: #FF0;
}
.spawningMap-very-uncommon {
fill: #FC0;
background-color: #FC0;
}
.spawningMap-rare {
fill: #F60;
background-color: #F60;
}
.spawningMap-very-rare {
fill: #F00;
background-color: #F00;
}
.spawning-map-point {
stroke: black;
stroke-width: 1;
}
.cr-region-map-very-common{
filter: hue-rotate(120deg) brightness(400%);
}
.cr-region-map-common{
filter: hue-rotate(78deg) brightness(400%);
}
.cr-region-map-uncommon{
filter: hue-rotate(60deg) brightness(400%);
}
.cr-region-map-very-uncommon{
filter: hue-rotate(48deg) brightness(400%);
}
.cr-region-map-rare{
filter: hue-rotate(24deg) brightness(400%);
}
/* Marks spawning areas with untameable creatures */
.stripes {
background: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.3) 5px, rgba(0, 0, 0, 0.3) 10px);
}
/* #endregion */
/* #region [[Template:SpawningMap]] */
.svg-spawn-map {
position: relative;
max-width: 100%;
aspect-ratio: 1/1;
}
@supports not (aspect-ratio: auto) {
.svg-spawn-map {
padding-top: 100%;
height: 0;
}
}
.svg-spawn-map > div {
position: absolute;
top: 0;
left: 0;
}
.svg-spawn-map > div,
.svg-spawn-map img {
width: 100%;
height: 100%;
}
.spawningMap-legendBox {
display: inline-block;
border-radius: 2px;
width: 1.3em;
height: 1.3em;
vertical-align: text-bottom;
border: 1px solid gray;
}
.svg-spawn-map-background {
filter: sepia(60%) grayscale(15%);
}
.spawningMap-deuteranopia.svg-spawn-map-background,
.spawningMap-tritanopia.svg-spawn-map-background {
filter: grayscale(90%) contrast(80%);
}
/* Deuteranopia */
.spawningMap-deuteranopia .spawningMap-very-common {
fill: #FFE126;
background-color: #FFE126;
}
.spawningMap-deuteranopia .spawningMap-common {
fill: #F3D467;
background-color: #F3D467;
}
.spawningMap-deuteranopia .spawningMap-uncommon {
fill: #D7C58B;
background-color: #D7C58B;
}
.spawningMap-deuteranopia .spawningMap-very-uncommon {
fill: #9090F4;
background-color: #9090F4;
}
.spawningMap-deuteranopia .spawningMap-rare {
fill: #3F3FD4;
background-color: #3F3FD4;
}
.spawningMap-deuteranopia .spawningMap-very-rare {
fill: #2C2CD4;
background-color: #2C2CD4;
}
/* Tritanopia */
.spawningMap-tritanopia .spawningMap-very-common {
fill: #00FED9;
background-color: #00FED9;
}
.spawningMap-tritanopia .spawningMap-common {
fill: #008D9D;
background-color: #008D9D;
}
.spawningMap-tritanopia .spawningMap-uncommon {
fill: #2B5B7B;
background-color: #2B5B7B;
}
.spawningMap-tritanopia .spawningMap-very-uncommon {
fill: #7C4284;
background-color: #7C4284;
}
.spawningMap-tritanopia .spawningMap-rare {
fill: #FF3068;
background-color: #FF3068;
}
.spawningMap-tritanopia .spawningMap-very-rare {
fill: #FF0422;
background-color: #FF0422;
}
/* #endregion */
/* #region Copy to clipboard */
.copy-clipboard button {
padding: 0;
margin-left: 0.3em;
border: none;
cursor: pointer;
background: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='%23ccc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2h8v2h2V2c0-1.1-.895-2-2-2H2C.9 0 0 .895 0 2v8c0 1.1.895 2 2 2h2v-2H2Z'/%3E%3Cpath d='M8 8h8v8H8Zm0-2c-1.1 0-2 .895-2 2v8c0 1.1.895 2 2 2h8c1.1 0 2-.895 2-2V8c0-1.1-.895-2-2-2Z'/%3E%3C/svg%3E%0A") center/contain no-repeat;
width: 1em;
height: 1em;
vertical-align: super;
mix-blend-mode: difference;
}
.copy-clipboard button:hover {
filter: var(--oo-ui-icon-filter--normal-progressive) brightness(180%);
}
/* #endregion */
/* #region [[Template:Key]] */
.key {
display: inline-block;
white-space: nowrap;
}
.key kbd {
padding: 0.1em 0.6em 0.1em 0.6em;
margin-right: 2px;
font-size: 85%;
font-family: inherit;
font-style: normal;
border-radius: .2em;
}
/* Color variants */
.keysDark {
color: black;
border: 1px solid rgb(170, 170, 170);
box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
background-color: rgb(249, 249, 249);
}
.keysLight {
color: white;
border: 1px solid rgb(0, 0, 0);
box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0);
background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30));
background-color: rgb(30, 30, 30);
}
/* #endregion */
/* #region [[Template:FP heading]] */
.fpheading {
max-width: 20em;
border-bottom: 3px solid var(--fp-heading-border-color);
border-image: linear-gradient(to right,
transparent 1%,
var(--fp-heading-border-color) 15%,
var(--fp-heading-border-color) 85%,
transparent 99%) 1;
border-radius: 0.3em;
text-align: center;
color: var(--fp-heading-text-color);
font-size: 1.25rem;
margin: 0 auto 0.35em;
padding: 0 2px 2px;
}
/* #endregion */
/* #region New front page TemplateStyles workarounds */
#fp-container {
--tmp---ts-bug--fp-container-columns: repeat(2, minmax(0, 1fr)) var(--right-rail-size);
--tmp---ts-bug--fp-block-columns: minmax(0, 2fr) var(--block-size--2);
}
/* #endregion */
/* #region Hide top content divider line on main page */
.rootpage-ARK_Wiki #mw-content-text {
border: 0
}
/* #endregion */
/* #region [[Template:Ambox]] */
.ambox {
max-width: 80%;
width: auto;
border: 1px solid var(--ark-ambox-border-color);
border-left-style: solid;
border-left-width: 10px;
border-radius: 2px;
display: flex;
align-items: center;
gap: 0.3em;
margin: 1em auto;
padding: 2px 0.6em;
background-color: var(--ark-ambox-background-color);
box-shadow: 2px 2px 5px 0px rgba(var(--content-border-color--rgb), 0.2);
}
.ambox.ambox--compact {
padding: .04rem .5em;
}
.ambox.ambox--compact + .ambox {
margin-top: -0.6em;
}
.ambox.disambig {
background: none;
max-width: unset;
margin: 0.9em 1em;
border-left: 0;
border-right: 0;
font-style: italic;
padding: 0.25em 0.5em;
box-shadow: none;
}
.ambox.disambig,
.ambox.hatnote {
background-color: var(--ark-arkitex-background-color);
border: 1px solid var(--content-border-color);
opacity: 0.8;
}
/* Remove top margin above first ambox in the article */
.mw-parser-output > .ambox:first-child {
margin-top: 0;
}
.ambox-info {
font-size: smaller;
}
.ambox-blue {
border-left-color: var(--ark-ambox-blue);
}
.ambox-gray {
border-left-color: var(--ark-ambox-gray);
}
.ambox-green {
border-left-color: var(--ark-ambox-green);
}
.ambox-purple {
border-left-color: var(--ark-ambox-purple);
}
.ambox-red {
border-left-color: var(--ark-ambox-red);
}
.ambox-yellow {
border-left-color: var(--ark-ambox-yellow);
}
.ambox-cyan {
border-left-color: var(--ark-ambox-cyan);
}
.ambox-orange {
border-left-color: var(--ark-ambox-orange);
}
.ambox-contents p {
margin: 0.2em 0;
}
/* #endregion */
/* #region Tweaks for infobox tabbers */
.mw-parser-output > .infobox-tabber {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
max-width: 320px;
border: 2px solid var(--ark-arkitex-border-color);
}
.infobox-tabber ul.tabbernav {
padding: 0;
padding-bottom: 4px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.infobox-tabber ul.tabbernav li a {
border: none;
}
.infobox-tabber .tabbertab {
padding: 0;
border: none;
}
.infobox-tabber .tabbertab .tabbernav {
border-top: 1px solid var(--ark-arkitex-border-color);
}
.infobox-tabber .info-framework {
border: none;
margin: 0;
border-top: 2px solid var(--ark-arkitex-border-color);
}
/* #endregion */
/* #region [[Template:Color]] */
.color-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 10px;
padding-top: 10px;
margin: -1px;
}
.color-square {
margin: 1px;
border: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
}
.color-square span {
font-size: 0.9em;
}
/* #endregion */
/* #region [[Template:CreatureTableHeader]] */
th span.long { display: initial; }
th.long, td.long { display: table-cell; }
th span.short { display: none; }
@media only screen and (max-width: 1700px) {
table.cargo-creature-table th { font-size: 80%; }
}
@media only screen and (max-width: 1350px) {
th span.long, th.long, td.long { display: none; }
th span.short { display: initial; }
table.cargo-creature-table th { font-size: 60%; }
}
/* #endregion */
/* #region [[Template:Nav creatures]] */
/* Grid */
ul.creature-roster {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1px;
margin: 0.5em 0 0.2em;
list-style: none;
}
.creature-roster li {
margin: 0;
border-radius: 2px;
padding: 1px;
background-color: var(--creature-nav-default-background-color);
opacity: 1;
transition: opacity .1s;
}
.creature-roster li:hover {
box-shadow: inset 0 0 4px var(--creature-nav-hover-shadow-color-1), inset 0 0 6px var(--creature-nav-hover-shadow-color-2);
}
/* Filters */
.creature-roster-filters {
display: flex;
padding: 0.3em 0.5em;
border-bottom: 1px solid #a2a9b1 /* matches TabberNeue */;
}
.creature-roster-filters input {
flex-grow: 1;
margin-right: 0.5em;
}
/* Coloring */
.navbox-creature-item.nav-white {
background-color: var(--creature-nav-creature-color--white);
}
.navbox-creature-item.nav-yellow {
background-color: var(--creature-nav-creature-color--yellow);
}
.navbox-creature-item.nav-lime {
background-color: var(--creature-nav-creature-color--lime);
}
.navbox-creature-item.nav-brown {
background-color: var(--creature-nav-creature-color--brown);
}
.navbox-creature-item.nav-purple {
background-color: var(--creature-nav-creature-color--purple);
}
.navbox-creature-item.nav-orange {
background-color: var(--creature-nav-creature-color--orange);
}
.navbox-creature-item.nav-grey {
background-color: var(--creature-nav-creature-color--grey);
}
.navbox-creature-item.nav-green {
background-color: var(--creature-nav-creature-color--green);
}
.navbox-creature-item.nav-cyan {
background-color: var(--creature-nav-creature-color--cyan);
}
.navbox-creature-item.nav-pink {
background-color: var(--creature-nav-creature-color--pink);
}
.navbox-creature-item.nav-red {
background-color: var(--creature-nav-creature-color--red);
}
.navbox-creature-item.nav-yellowish {
background-color: var(--creature-nav-creature-color--yellowish);
}
/* #endregion */
/** Vertical-align table cells **/
table.valign-table > * > tr > td { vertical-align: top !important; }
/** Link break behavior tweak to help Chrome/Safari with wrapping **/
.mw-parser-output a.external.free { word-break: break-all; }
/* #region [[Template:Photo]] */
ul.photo-nav {
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.photo-nav,
.photo-nav a:link,
.photo-nav a:visited {
font-weight: bold;
}
.photo-gallery,
.photo-gallery a:link,
.photo-gallery a:visited {
color: #000 !important;
}
.photo-gallery img {
opacity: .8;
}
.photo-gallery img:hover {
opacity: 1;
}
.photo-nav li:hover img {
filter: brightness(120%);
}
li.photo-bg {
padding: 0.4rem;
position: relative;
text-align: center;
background: var(--ark-arkitex-right-color);
border: 2px solid var(--content-border-color);
border-radius: 3px;
box-shadow: 0 0 8px #3337;
color: var(--content-text-link-color);
}
li.photo-bg > .photo-image {
border: 1px solid var(--content-border-color);
}
li.photo-bg > .photo-text {
position: relative;
top: 4px;
padding: 6px 0;
font-size: 1.08rem;
}
/* Fix for photo-nav tabbers on map pages flowing under region maps at narrow widths */
@media only screen and (max-width: 1330px) {
.photo-tabber { clear: right; }
}
/* #endregion */
/** [[Template:ItemList]]: Do not break items between columns (was an issue on Firefox, cause another browser does not seem to
follow recommendations often) **/
.itemlist > li {
break-inside: avoid;
}
/** [[Template:HoverText]] **/
.hover-text {
cursor: help;
border-bottom: 1px dotted var(--ark-hovertext-text-color);
}
/* #region [[Template:CreatureStats/attacks]] */
.attack {
text-align: right;
table-layout: fixed;
width: 980px;
}
.attack .attack-name { word-wrap: break-word; }
.attack-container + .attack-container { margin-top:-15px; }
.attack-container {
clear: both;
position: relative;
overflow-x: auto;
}
/* #endregion */
/* #region [[Template:Mission]] */
.missions {
display: flex;
flex-wrap: wrap;
}
.mission {
display: flex;
flex-direction: column;
width: 25em;
vertical-align: top;
margin: 0.2em;
border-radius: 2px;
padding: 0.7em;
border: 1px solid var(--ark-mission-border-color);
background: var(--ark-mission-background-color);
color: var(--ark-mission-text-color, inherit);
}
.mission-description {
height: 100%;
text-align: justify;
}
.mission-dif-gamma,
.mission-dif-beta,
.mission-dif-alpha,
.mission-dif-none {
font-size: larger;
font-weight: bolder;
}
.mission-dif-gamma {
color: var(--ark-difficulty-gamma);
}
.mission-dif-beta {
color: var(--ark-difficulty-beta);
}
.mission-dif-alpha {
color: var(--ark-difficulty-alpha);
}
.mission-dif-none {
color: var(--ark-difficulty-none);
}
/* #endregion */
/** Fix for embedded videos not pushing the content below it down when it is pushed down **/
.embedvideowrap {
overflow: hidden;
}
/* #region [[Template:CreatureColor]] */
.color-pill {
display: inline-block;
min-width: 8em;
border: 1px black solid;
border-radius: 0.8em;
padding: 0 0.6em;
text-align: center;
}
/* #endregion */
/* #region [[Template:Tile]] */
.tile_container {
margin: 4px 0px 8px 8px;
padding: 0;
position: relative;
display: inline-block;
width: 105px;
height: 105px;
vertical-align: middle;
text-align: center;
border-radius: 15px;
}
.tile_inner {
position: relative;
top: 6px;
left: 0;
font-size: 14px;
font-weight: bold;
}
/* Image-specific tweak to get it to display with a height of 75px */
.tile_inner img[src*="PS.svg"] {
height: 75px;
}
/* #endregion */
/* #region [[Template:PaintRegion]] */
.paintregion-container {
display: flex;
flex-flow: row wrap;
max-width: 640px;
text-align: center;
max-width: 900px;
}
.paintregion {
flex: 1 0 26%;
min-width: calc(152px + 0.8em); /* image width + border + padding */
padding: 0.9em 0.4em 0.2em 0.4em;
background: var(--ark-paintregion-background-color);
border: 0.3em inset var(--ark-paintregion-border-color);
}
.paintregion img[src*="PaintRegion"] {
width: 100%;
height: 100%;
max-width: 256px;
max-height: 256px;
}
/* Tweaks for within tabbers */
.paint-region-tabber { margin: 1em 0; }
.paint-region-tabber .tabbernav {
border-bottom: 0;
margin-bottom: -0.1px;
}
.paint-region-tabber .tabbertab {
padding: 0;
border: 0;
}
.paint-region-tabber .tabbertab > table {
margin: 0;
}
.paint-region-tabber .tabbertab > p:first-child,
.paint-region-tabber .tabbertab > p:last-child {
display: none;
}
/* #endregion */
/* #region [[Template:MapLocations]] */
.mapLocations {
background-color: var(--content-background-color);
border-collapse: collapse;
}
.mapLocations td {
border: 1px solid var(--content-border-color);
padding: 0.2em 0.4em;
}
/* #endregion */
/* #region Page indicators */
#mw-indicator-zz-mod-content {
border: 1px solid var(--wmui-border-color-base);
opacity: 0.8;
padding: 0.4rem 0.3rem;
border-radius: 2px;
}
#mw-indicator-mod > a:last-child {
font-size: 24px;
line-height: 32px;
vertical-align: top;
font-weight: 200
}
.indicator-dlc {
vertical-align: middle;
padding-left: 2px;
}
@media screen and (max-width: 1750px) {
.indicator-label-high {
display: none;
}
}
@media screen and (max-width: 1600px) {
.indicator-label-mid {
display: none;
}
}
@media screen and (max-width: 1260px) {
.indicator-label-low {
display: none;
}
}
/* Split platform exclusivity, event and DLC indicators with a vertical line */
.mw-indicator[id^="mw-indicator-DLC"] + .mw-indicator[id^="mw-indicator-zPlatform"],
#mw-indicator-EventContent + .mw-indicator[id^="mw-indicator-zPlatform"],
#mw-indicator-EventContent + .mw-indicator[id^="mw-indicator-DLC"] {
border-left: 2px solid rgba(230, 230, 230, 0.4);
padding-left: 0.5em;
margin-left: 0.2em;
}
/* Downsize DLC indicators */
.mw-indicator[id^="mw-indicator-DLC"] {
font-size: 90%;
}
.mw-indicator[id^="mw-indicator-DLC"] img {
height: 14px;
width: 14px;
}
/* Map feedback buttons */
#mw-indicator-map-feedback .oo-ui-buttonElement-button {
padding-right: 1.1em;
}
/* #endregion */
/* #region [[Template:Interactive Regionmap]] */
/* Float & margin on interactive region maps */
.interactive-regionmap-table {
float: right;
clear: right;
margin-left: 1em;
}
.interactive-regionmap {
--size: 600px;
position: relative;
width: var(--size);
height: var(--size);
}
.interactive-regionmap > img, .interactive-regionmap > svg {
position: absolute;
inset: 0 0 0 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1335px) {
.interactive-regionmap {
max-width: 400px;
max-height: 400px;
}
}
@media screen and (max-width: 800px) {
.interactive-regionmap-table {
float: none;
margin: 0 auto;
width: 100%;
}
.interactive-regionmap {
width: 100%;
height: 0;
padding-bottom: 100%;
}
@supports (aspect-ratio: auto) {
.interactive-regionmap {
aspect-ratio: 1/1;
padding-bottom: 0;
height: auto;
}
}
}
/* SVG */
.svgRegion { fill:transparent; }
.svgRegion a:hover, .svgRegion a:focus { text-decoration: none; }
.svgRegion:hover g, .svgRegionHighlight g { fill: #f00; }
.svgRegion text {
opacity: 0;
font-family: arial;
font-size: 50px;
font-weight: bold;
stroke: white;
stroke-width: 2px;
fill: black;
pointer-events: none;
text-anchor: middle;
}
.svgRegion:hover text { opacity: 1; }
/* #endregion */
/* #region [[Template:Arkitexure]] */
.info-arkitex {
border-radius: 5px;
}
.info-framework, .info-framework * {
box-sizing: border-box;
}
/* Full container */
.info-framework {
clear: right;
float: right;
width: 29em;
max-width: 100%;
margin: 0 0 8px 8px;
padding: 5px 5px 0 5px;
overflow: hidden;
background: var(--ark-arkitex-background-color);
border: 2px solid var(--ark-arkitex-border-color);
font-size: 0.9em;
}
/* Individual module (sub-container) */
.info-module {
display: block;
padding: 7px 4px 1px 4px;
width: 100%;
text-align: right;
margin: 0;
overflow: hidden;
border-bottom: 3px solid var(--ark-arkitex-accent-color);
border-radius: 0px;
}
.info-module:first-child {
padding-top: 3px;
}
/* Hide bottom separator if this is the last Arkitexure module */
.info-module:last-child {
border-bottom: none;
}
/* Masthead */
.info-masthead {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
height: auto;
font-size: 24px;
}
/* "Sub-module" component */
.info-unit {
display: inline-block;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
}
.info-unit-row {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.info-unit-caption {
text-align: center;
padding: 0 8px 0 8px;
background: none;
font-weight: 500;
}
.info-unit-comment {
display: flex;
justify-content: flex-end;
font-size: 11px;
}
.info-column {
display: flex;
flex-direction: column;
align-items: center;
}
.info-sound-div {
margin: 5px 0 -5px 0;
}
/* Suppress list margins and list decoration for item lists inside cells */
.info-arkitex .info-unit-row ul.itemlist {
margin: 0;
list-style: none;
}
/* Cells, left and right */
.info-arkitex-left {
border-radius: 2px 0 0 2px;
float: left;
display: block;
}
.info-arkitex-right {
border-radius: 0 2px 2px 0;
float: right;
align-self: stretch;
display: block;
}
.info-X2-25,
.info-X3-33.info-unit-caption,
.info-X2-40 {
background: var(--ark-arkitex-left-color);
}
.info-X2-75,
.info-X2-60,
.info-X3-33,
.info-X4-25,
.info-X2-50,
.info-with-background {
background: var(--ark-arkitex-right-color);
}
/* Cell, 1 column, 100% width */
.info-X1-100 {
width: 100%;
margin: 1px;
padding: 5px 2px 5px 2px;
}
/* Cell, 2 columns, 25% width */
.info-X2-25 {
display: flex;
align-items: center;
justify-content: center;
width: 25%;
margin: 1px;
padding: 5px 8px 5px 8px;
}
/* Cell, 2 columns, 40% width */
.info-X2-40 {
width: 40%;
margin: 1px;
padding: 5px 8px 5px 8px;
text-align: right;
}
/* Cell, 2 columns, 50% width */
.info-X2-50 {
width: 50%;
margin: 1px;
padding: 5px 8px 5px 8px;
text-align: center;
}
/* Cell, 2 columns, 60% width */
.info-X2-60 {
width: 60%;
margin: 1px;
padding: 5px 8px 5px 8px;
text-align: left;
}
/* Cell, 2 columns, 75% width */
.info-X2-75 {
display: flex;
align-items: center;
justify-content: center;
width: 75%;
margin: 1px;
padding: 5px 8px 5px 8px;
height: auto;
font-size: 24px;
}
/* Cell, 3 columns, 33% width */
.info-X3-33 {
width: 33.33%;
margin: 1px;
padding: 5px 8px 5px 8px;
text-align: center;
align-self: stretch;
}
.info-arkitex.info-X3-33:nth-child(2) {
border-radius: 0;
}
/* Cell, 4 columns, 25% width */
.info-X4-25 {
width: 25%;
margin: 1px;
padding: 5px 8px 5px 8px;
text-align: center;
align-self: stretch;
}
/* Infobox creature: lower line height on release dates */
@media only screen and (min-width:1500px) {
.info-arkitex .info-X3-33 .mw-formatted-date {
display: block;
line-height: 1.5;
}
}
/* Narrow width fixes */
@media screen and (max-width: 720px) {
.info-framework {
float: none;
margin: 0 auto 1.5em;
}
}
/* Cleaner Template:SpawningMap tabber borders in Arkitex */
.info-spawn > .tabber,
.info-spawn > .spawningMap > .tabber {
border: 2px solid var(--ark-arkitex-border-color);
}
.info-spawn > .tabber > .tabber__header .tabber__tab {
padding: 6px 12px;
}
.info-spawn .spawningMap .tabber__tab {
padding: 3px 8px;
}
.info-spawn .spawningMap .tabber__header .tabber__tabs {
flex-wrap: wrap;
justify-content: center;
}
/* Notice label for SpawningMaps in the infobox */
.info-spawningmap-event {
padding: 0.2em;
background: var(--ark-arkitex-right-color);
border-bottom: 1px solid var(--ark-arkitex-border-color);
}
/* #endregion */
/* #region [[Module:Arkitecture]] (WIP) */
.arkitect-unit {
border-bottom: 2px solid rgba(var(--ark-arkitex-border-color--rgb), 0.5);
}
.arkitect-game-bar {
border: 1px solid rgba(var(--ark-arkitex-border-color--rgb), 0.4);
}
/* #endregion */
/* #region [[Module:Navbox]] */
.navbox {
clear: both;
margin: 1em 0;
padding: 3px;
font-size: 90%;
width: 100%;
border: 1px solid var(--navbox-border-color);
box-sizing: border-box;
}
.navbox-inner,
.navbox-subgroup {
border-spacing: 0;
width: 100%;
}
/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
margin-top: -1px;
}
/* Spacing between rows */
.navbox-spacer {
height: 2px;
}
/* Title bars and labels */
.navbox-title {
font-weight: bold;
font-size: 115%;
padding: 0.25em 0.6em;
line-height: 1.5em;
color: var(--ark-navbox-title-text-color);
background: var(--ark-navbox-title-background-color);
}
.navbox-title,
.navbox-abovebelow {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background-color: var(--ark-navboxgroup-title-background-color);
color: var(--ark-navboxgroup-title-text-color);
border: 1px solid var(--ark-navboxgroup-title-border-color);
}
.navbox-title a,
.navbox-title a.external {
color: var(--ark-navbox-title-link-color);
}
.navbox-title .mw-collapsible-toggle {
font-weight: normal;
text-align: right;
}
.navbox-title .navbar {
float: left;
margin-right: 0.5em;
}
.navbox-title-text {
font-size: 105%;
}
/* Groups */
.navbox-group {
font-weight: bold;
padding: 0 0.5em;
white-space: nowrap;
text-align: center;
}
/* Zebra colouring for rows */
.navbox-even {
background: var(--navbox-row-zebra-colour);
}
/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup > tbody > tr {
display: flex;
}
.navbox-subgroup .navbox-group {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 11em;
flex-grow: 1;
flex-shrink: 0;
white-space: normal;
}
/* Lists */
.navbox-list {
width: 100%;
}
/* #endregion */
/* #region [[Template:DossierText]] */
.dossier-background {
border-radius: 0.5em;
margin: 1rem 0;
background: var(--ark-dossier-background-color);
border: 2px solid var(--ark-dossier-border-color);
color: var(--ark-dossier-text-color);
}
.dossier-text {
display: flow-root;
padding: 0.4em;
}
.dossier-text p {
margin: 0 0 1em;
}
.dossier-text .dossier-cite-left + div {
flex: 1;
}
.dossier-text-note {
background: var(--ark-dossiernote-background-color);
margin: -1.3em 0.3em 1em;
padding: 0.3em 0.5em;
border: 2px solid var(--ark-dossiernote-border-color);
border-radius: 0.2em;
width: 100%;
box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1300px) {
.dossier-text-note {
float: right;
max-width: 235px;
margin-bottom: 0;
}
}
/* #endregion */
/* #region [[Template:DossierText]] & [[Template:Quote]] cite */
.mw-parser-output > .quote:first-child {
display: inline-block;
}
.quote {
display: flex;
align-items: center;
gap: 0.4rem;
}
.quote > .quote-left {
align-self: flex-end;
}
.quote > p {
flex-grow: 1;
text-align: center;
}
.quote > .quote-right {
align-self: flex-start;
}
.dossier-cite-left,
.dossier-cite-right,
.quote-left,
.quote-right {
font-size: 3.3em;
font-family: 'Times New Roman', serif;
font-weight: bold;
padding: 4px 2px 2px;
width: 0.5em;
color: var(--ark-cite-quote-color);
}
.dossier-cite-left,
.quote-left {
vertical-align: top;
}
.dossier-text .dossier-cite-left {
margin-right: 0.2em;
}
.dossier-cite-right,
.quote-right {
vertical-align: bottom;
}
/* #endregion */
/* #region [[Template:Explorer Note]] */
.explorer-note {
display: inline-block;
vertical-align: top;
margin: 1em;
width: 47%;
color: var(--content-text-color) !important;
}
.explorer-note:last-child {
width: unset;
}
.explorer-note-main {
border-radius: 0.25em;
border-left-width: 1em;
background: var(--ark-dossier-background-color);
border: 2px solid var(--ark-dossier-border-color);
}
@media screen and (max-width: 1500px) {
.explorer-note {
width: unset;
}
}
/* #endregion */
/* #region Kibble tables */
.kibble-table,
.kibble-table-new {
font-size: .9em;
border-left-width: 0.5em;
border-bottom-width: 0.5em;
margin: 0 .5em .5em 0;
border-left: solid var(--ark-kibbletable-border-color);
border-bottom: solid var(--ark-kibbletable-border-color);
background-color: var(--ark-kibbletable-background-color);
}
.kibble-table {
text-align: center;
float: left;
}
.kibble-table-new {
text-align: left;
padding: .5em;
}
/* #endregion */
/* #region [[Module:LootTable]] */
.loottable {
background: var(--ark-loottable-background-color);
border: 4px solid var(--ark-loottable-bar-color);
border-radius: 3px;
display: flow-root;
}
.loottable-topbar {
background: var(--ark-loottable-bar-color);
padding: 2px;
height: 28px;
}
/* Tabbers */
.loottable > .tabber {
margin-top: -32px;
}
.loottable > .tabber > .tabber__header {
margin-left: 32px;
box-shadow: none;
margin-bottom: 1px;
}
.loottable > .tabber > .tabber__header .tabber__tabs a {
padding: 4px 12px;
}
.loottable > .tabber .tabber > .tabber__header .tabber__tabs a {
padding: 3px 10px;
font-weight: 400;
}
.loottable > .tabber .tabber > .tabber__header {
padding-left: 32px;
background: var(--ark-loottable-bar-color)
}
.loottable > .tabber .tabber .tabber__panel {
padding: 0.4rem 0.8rem;
}
/* Components */
.loottable h3 {
margin: 0 0 0.5em;
}
.loottable h3.with-separator:not(:first-child) {
border-top: 3px solid var(--ark-arkitex-accent-color);
margin: 0.8em -0.8rem 0.5em;
padding: 0.8em 0.8rem 0;
}
.loottable-frame {
border: 1px solid rgba(var(--theme-accent-color--rgb),0.5);
padding: 0.25em 0.8em;
margin: 0 0 0.2em;
background: #ffffff10;
border-radius: 2px;
}
/* #endregion */
/* #region [[Template:Infobox patch]] */
.info-patchbox {
padding: 2px 7px;
margin: 0 0 8px 0;
}
.info-patchbox-layout {
display: grid;
grid-template-columns: 54px 1fr 54px;
}
.info-patchbox-desc {
text-align: center;
font-size: 98%;
}
.info-patchbox-center {
margin: 0 auto;
padding: 0 4px;
}
.info-patchbox-center > span {
margin-right: 6px
}
/* #endregion */
/* #region Element animator (.animated) */
#content .animated > *:not(.animated-active),
#content .animated > .animated-subframe > *:not(.animated-active) {
display: none
}
#content span.animated,
#content span.animated.animated-visible > *,
#content span.animated.animated-visible > .animated-subframe > * {
display: inline-block;
}
#content div.animated.animated-visible > *,
#content div.animated.animated-visible > .animated-subframe > * {
display: block;
}
/* #endregion */
/* #region Interwiki dropdown */
#p-lang-btn {
align-self: center;
margin-left: 5px;
z-index: 5;
border-radius: 5px;
}
#p-lang-btn-label {
padding-block: 0.5rem;
font-weight: 600;
filter: var(--oo-ui-icon-filter--normal-progressive);
}
#p-lang-btn-label::before {
content: '';
background-position: 100% 50%;
background-repeat: no-repeat;
display: inline-block;
width: 1.25em;
height: 1em;
vertical-align: middle;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z'/%3E%3C/svg%3E%0A");
}
#p-lang-btn .vector-menu-content {
padding: 0.2rem 0;
min-width: unset;
top: 95%;
right: calc(-1 * var(--article-navigation-item-border-width));
}
#p-lang-btn .vector-menu-content li {
margin: 0 0.5rem;
}
#p-lang-btn .vector-menu-content li:hover {
background-color: rgba(var(--content-default-link-color--rgb), 0.15);
border-radius: 2px;
}
#p-lang-btn .vector-menu-content a {
font-weight: 500;
white-space: break-spaces;
}
/* #endregion */
.editOptions {
background-color: transparent;
color: inherit;
}
fieldset {
border-color: var(--content-border-color);
}
/* #region Tabbers */
.tabber__tab a:link {
font-size: 12px !important;
color: var(--content-text-color);
}
.tabber__tab:hover,
.tabber__tab[aria-selected="true"]:hover {
background: var(--tabber-background-hover-color);
color: var(--tabber-text-hover-color) ;
box-shadow: none;
}
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
color: var(--content-text-color);
background: var(--tabber-background-active-color);
box-shadow: inset 0 -2px 0 0 var(--tabber-shadow-active-color);
}
.tabber__indicator{
background: var(--tabber-bottom-active-color);
}
.tabber__tab:visited,
.tabber__tab {
color: var(--content-text-color);
box-shadow: inset 0 -2px 0 0 var(--tabber-border-color);
}
.tabber__header__prev:after,
.tabber__header__next:after {
filter: var(--oo-ui-icon-filter--normal);
}
.tabber__header__next:after { right: 0; }
/* Floating presets */
.tabber-floating-400 {
float: right;
clear: right;
margin: 5px;
width: 100%;
border: 1px solid var(--tabber-background-active-color);
}
.tabber-floating-400 {
max-width: 400px;
}
/* #endregion */
.pointer {
cursor: pointer;
}
/*ExplorerNote changelog table fix*/
.explorernot-change-tableend {
background: #262729ab !important;
color: var(--content-text-color);
}
/* #region Special:History & diffs */
table.diff,
td.diff-otitle,
td.diff-ntitle {
background-color:var(--diff-background-color)
}
.mw-plusminus-pos {
color: var(--diff-plusminus-pos-color);
}
.mw-plusminus-neg {
color: var(--diff-plusminus-neg-color);
}
td.diff-deletedline {
background-color: var(--diff-deletedline-background-color);
border-left: solid 2px var(--diff-deletedline-border-color);
}
td.diff-deletedline .diffchange {
background: var(--diff-deletedline-diffchange-background-color);
color: var(--diff-deletedline-text-color);
}
td.diff-addedline {
background-color: var(--diff-addedline-background-color);
border-left: solid 2px var(--diff-addedline-border-color);
}
td.diff-addedline .diffchange {
background: var(--diff-addedline-diffchange-background-color);
color: var(--diff-addedline-text-color);
}
td.diff-context {
background-color: var(--diff-context-background-color);
color: var(--diff-context-text-color);
border-left: solid 2px var(--diff-context-border-color);
}
#pagehistory li {
background-color: transparent;
border: none;
padding: 3px;
}
#pagehistory li.selected {
background-color: var(--pagehist-selected-background-color);
background-image: none;
color: var(--pagehist-selected-text-color);
border: 1px dashed rgba(0, 0, 0, 0.6);
padding: 3px;
}
.updatedmarker {
color: var(--pagehist-last-visit-color);
}
/* #endregion */
/* #region [[Special:Preferences]] */
div#preferences {
border: 1px solid #7f7f7f;
margin-top: 1px;
}
.mw-prefs-buttons {
padding: 1em 1.2em;
background: rgba(var(--content-background-color--rgb), 0.97);
}
/* #endregion */
/* #region Tables */
.wikitable,
table.mw-abuselog-details {
border: 1px solid var(--table-border-color);
background-color: var(--table-background-color);
color: var(--content-text-color);
}
table.wikitable tbody tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.mw-abuselog-details th {
background-color: var(--table-heading-background-color);
border: 1px solid var(--table-border-color);
color: inherit
}
table.wikitable tr td,
table.wikitable tr th,
table.mw-abuselog-details tr td,
table.mw-abuselog-details tr th {
padding: 0.2em 0.5em;
}
table.wikitable tbody tr td,
table.mw-abuselog-details tr td {
border: 1px solid var(--table-border-color);
}
.mw-datatable td {
background-color: inherit;
}
.mw-datatable tr:hover td {
background-color: #fff2;
}
/* #endregion */
/* #region Wide tables */
.widetable {
overflow-x: auto;
margin-top: 1em;
}
.widetable > table {
margin-top: 0;
}
/* Switch to widetable behaviour below 1280px */
@media screen and (max-width: 1280px) {
#content table {
display: block;
overflow-x: auto;
}
#content .navbox-inner table {
display: table;
}
}
/* #endregion */
/* #region Sticky table heads */
.ark-sticky-thead {
box-shadow: 0 9px 13px -5px #0004;
outline: 1px solid var(--content-border-color);
position: relative;
transform: translateY( calc( var( --table-header-offset ) + var( --sticky-offset ) ) );
z-index: 1;
}
/* #endregion */
/* #region Special:Search */
.mw-search-profile-tabs,
#mw-searchoptions {
background: var(--table-background-color);
border-color: var(--content-border-color);
}
#mw-searchoptions {
padding: 1rem 1.2rem;
}
#mw-searchoptions #mw-search-togglebox + .divider {
display: none;
}
#mw-searchoptions .divider {
border-color: rgba(var(--content-border-color--rgb), 0.6);
}
.search-types a {
padding: 0.5em 0.8em;
text-decoration: none;
}
.search-types a:hover {
background: var(--tabber-background-hover-color);
color: var(--content-text-color);
}
.search-types .current a {
background: var(--tabber-background-active-color);
color: var(--content-text-color);
}
#mw-searchoptions .divider + .checkbox-container {
margin-top: 2.2rem;
}
#mw-searchoptions .checkbox-container {
clear: left;
}
.results-info,
.searchdidyoumean,
.mw-search-result-data {
color: var(--search-result-data-text-color);
}
.mw-search-results {
margin-top: 1.4em;
max-width: 50em;
}
.mw-search-results li {
border-top: 1px solid rgba(var(--content-border-color--rgb), 0.6);
margin: 1.1rem 0 0;
padding: 0.3rem 0.6em 1.1rem;
border-radius: 2px;
}
/* #endregion */
/* #region Gallery tweaks */
.mw-content-ltr ul.gallery {
margin: .3em 0 0;
}
/* #endregion */
/* #region thumnbail tweaks */
div.thumbinner {
background-color:rgba(48,101,116,0.2);
border:2px solid rgba(48,101,116,0.75);
border-image:linear-gradient(-45deg, rgba(48,101,116,0.1), rgba(48,101,116,0.8)) 1;
}
li.gallerybox div.thumb {
background-color:rgba(48,101,116,0.2);
border:2px solid rgba(48,101,116,0.75);
border-image:linear-gradient(-45deg, rgba(48,101,116,0.1), rgba(48,101,116,0.8)) 1;
}
/* #endregion thumbnail tweaks */
/* #region status effect styling*/
table.status-effect-backg {
text-align: left;
margin-top:1em;
margin-bottom:1em;
border: 1px solid #7FE7FF;
background: #6e92c06b;
background: -webkit-linear-gradient(#6e92c06b, #828af38c);
background: -o-linear-gradient(#6e92c06b, #828af38c);
background: -moz-linear-gradient(#6e92c06b, #828af38c);
background: linear-gradient(#6e92c06b, #828af38c);
color: var(--content-text-color);
}
/* #endregion */
/* Patch Notes */
.PN-normal {
font-weight: bold;
text-align: center;
width: 35px;
}
/* Used on [[Beacon IDs]] */
.beacon-caption {
color:#000;
}
/* #region [[Template:WildStats]] */
#wildStatCalc tr[style^="background-color:"],
#wildStatCalc tr[style^="background-color:"] a {
color: #000;
}
#wildStatCalc a {
color: var(--content-default-link-color);
}
/* #endregion */
/* #region [[Template:CurrentOfficialServerRates]] */
.live-server-rates {
position: relative;
border: 1px solid var(--content-border-color);
padding: 0 0em;
}
.live-server-rates .tabber__tab {
font-size: 13px;
padding: 0.5em 0.7em;
font-weight: 600;
}
.live-server-rates .tabber__tab[aria-selected="true"] {
color: var(--content-default-link-color);
background: transparent;
}
.live-server-rates .tabber__header {
box-shadow: none;
border-bottom: 1px solid var(--content-border-color);
}
.live-server-rates-status {
position: absolute;
inset: 0 0 0 0;
background: rgba(var(--content-border-color--rgb), 0.9);
font-size: 120%;
font-weight: 600;
z-index: 5;
display: flex;
align-items: center;
padding: 0 0 0 1em;
}
.live-server-rates-status + .tabber {
filter: blur(2px);
}
/* #endregion */
/* #region Translation advertising banners */
.translation-banner {
display: block;
position: fixed;
left: calc(50% + var(--sidebar-width) / 2);
width: 65vw;
max-width: 650px;
transform: translateX(-50%);
z-index: 20;
bottom: 50px;
border-radius: 8px;
padding: 1.8em 1.2em;
font-size: 105%;
box-sizing: border-box;
background: var(--banner-image) #171717 right/cover no-repeat;
box-shadow: -1px 0 8px 0 #0000005a;
border: 1px solid rgba(var(--content-border-color--rgb), 0.5);
opacity: 0.95;
}
.translation-banner-dismiss {
position: absolute;
top: 4px;
right: 4px;
font-size: 80%;
}
.translation-banner[lang="fr"] {
--banner-image: url(/images/9/9e/Translation_banner_FR.jpg);
}
@media screen and (max-width: 720px) {
.translation-banner {
width: 100%;
max-width: unset;
transform: none;
border-width: 1px 0 0;
border-radius: 0;
padding: 1.2em 1.2em 0.8em;
left: 0;
right: 0;
bottom: 0;
}
}
/* #endregion */
.ctc-notice {
display: inline-block;
border: 1px dashed yellow;
background: #0000007a;
padding: 10px;
}
/* Tweak for illegible css code highlighting */
.mw-highlight .nc,
.mw-highlight .nn {
color: #8E8ECC;
}
/* #region Theme-aware coloring classes */
.gray {
background-color: var(--gray-table-background-color);
}
.redish-background{
background-color: var(--red-table-background-color);
}
/* [[Template:PurchaseTableRow]], [[Template:Infobox item section]], [[Template:Infobox purchase section]] */
.text-white {
color: #FFFFFF
}
.text-green {
color: #0F0
}
.text-blue {
color: #0059FF
}
.text-purple {
color: #F0F
}
.text-yellow {
color: #FF0
}
.text-red {
color: #F00
}
.text-cyan {
color: #0FF
}
.text-orange {
color: #F90
}
/* [[Table of Tekgrams]], [[CreatureTableRow]] */
.cell-green {
background-color: #004C07;
}
.cell-yellow {
background-color: #7F6A00;
}
.cell-pink {
background-color: #7F0000;
}
.cell-grey {
background-color: #454545;
}
/* #endregion */
/* #region Styling for collapsible toggle **/
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: var(--content-default-link-color);
}
/* #endregion */
/* #region Invert [[File:PS.svg]] colors for better visibility on dark theme */
img[src*="/PS.svg/"],
img[src*="/Xbox_Series.svg/"],
img[src*="/CurseForge.svg/"],
img[src*="/Patreon.svg/"],
img[src*="/Missing.png/"]:not(.dinolink) {
filter: var( --known-black-icon-filter );
}
/* #endregion */
/* #region [[Special:RecentChanges]] legend */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend {
background-color: transparent;
}
@media screen and (max-width: 720px) {
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend {
display: block;
margin: 0 auto;
float: unset;
}
}
/* #endregion */
/* #region [[Special:RecentChanges]] filters */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--wmui-background-color-base);
border-color: var(--wmui-border-color-base);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk),
.mw-rcfilters-ui-datePopupWidget,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--wmui-border-color-base);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: transparent;
border-color: var(--wmui-border-color-base);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--wmui-background-color-base);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
padding-left: 0.8em;
font-weight: bold;
}
/* #endregion */
/* #region OOUI */
/* #region Boilerplate - https://github.com/alex4401/ohno-ui */
.oo-ui-buttonElement.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-labelElement>.oo-ui-buttonElement-button {
border-color: var(--wmui-border-color-frameless)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--wmui-color-base)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-frameless--hover);
color: var(--wmui-color-base--active)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--wmui-background-color-frameless--active);
color: var(--wmui-color-base--active);
border-color: var(--wmui-border-color-base--active)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not(.oo-ui-iconElement):not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:focus {
box-shadow: var(--wmui-box-shadow-frameless-indicator--focus)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--wmui-color-primary)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
color: var(--wmui-color-primary--hover)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active {
color: var(--wmui-color-primary--active);
border-color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--wmui-color-destructive)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
color: var(--wmui-color-destructive--hover)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active {
color: var(--wmui-color-destructive--active);
border-color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
color: var(--wmui-color-base--disabled)
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
background-color: var(--wmui-background-color-filled--disabled);
color: var(--wmui-color-filled--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button {
background-color: var(--wmui-background-color-filled--primary-disabled)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background-color: var(--wmui-background-color-framed);
color: var(--wmui-color-base);
border-color: var(--wmui-border-color-base)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-framed--hover);
color: var(--wmui-color-base--hover);
border-color: var(--wmui-border-color-base--hover)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button {
background-color: var(--wmui-color-primary--active);
color: var(--wmui-color-base--inverted);
border-color: var(--wmui-border-color-input-binary--active)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-color-primary--focus);
box-shadow: var(--wmui-box-shadow-progressive-filled--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--wmui-background-color-framed--active);
color: var(--wmui-color-base--active);
border-color: var(--wmui-border-color-base--active)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--wmui-color-primary)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-framed--hover);
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active {
background-color: #a0a;
color: var(--wmui-color-primary--active);
border-color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--wmui-color-destructive-non-primary)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-framed--hover);
border-color: var(--wmui-border-color-framed-destructive--hover)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active {
background-color: #a0a;
color: var(--wmui-color-destructive--active);
border-color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary);
border-color: var(--wmui-color-primary)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-color-primary--hover);
border-color: var(--wmui-color-primary--hover)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus),inset 0 0 0 2px var(--wmui-color-base--inverted);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary--active);
border-color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive);
border-color: var(--wmui-color-destructive)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-color-destructive--hover);
border-color: var(--wmui-color-destructive--hover)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus),inset 0 0 0 2px var(--wmui-color-base--inverted);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive--active);
border-color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-pendingElement-pending {
background-color: var(--wmui-background-color-pending-stripe);
background-image: linear-gradient(135deg,var(--wmui-background-color-base) 25%,transparent 25%,transparent 50%,var(--wmui-background-color-base) 50%,var(--wmui-background-color-base) 75%,transparent 75%,transparent)
}
.oo-ui-fieldLayout-disabled>.oo-ui-fieldLayout-body>.oo-ui-fieldLayout-header>.oo-ui-labelElement-label,
.oo-ui-optionWidget.oo-ui-widget-disabled {
color: var(--wmui-color-base--disabled)
}
.oo-ui-panelLayout-framed {
border-color: var(--wmui-border-color-dialog)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus+span::before,
.oo-ui-radioSelectWidget:focus [type=radio]:checked+span::before {
border-color: var(--wmui-background-color-base)
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--wmui-color-base--deemphasized)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: var(--wmui-background-color-error--framed);
border-color: var(--wmui-border-color-error)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--wmui-background-color-warning--framed);
border-color: var(--wmui-border-color-warning)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--wmui-background-color-success--framed);
border-color: var(--wmui-border-color-success)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--wmui-background-color-notice--framed);
border-color: var(--wmui-border-color-notice)
}
.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) {
color: var(--wmui-color-error)
}
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color: var(--wmui-color-success)
}
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled+.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
border-left-color: var(--wmui-border-color-filled--disabled)
}
.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button,
.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button:active {
border-left-color: var(--wmui-border-color-base)
}
.oo-ui-menuSelectWidget,
.oo-ui-popupWidget-popup {
background-color: var(--wmui-background-color-base);
border-color: var(--wmui-border-color-menu);
box-shadow: var(--wmui-box-shadow-menu);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
border-bottom-color: var(--wmui-border-color-base--darken14)
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
border-bottom-color: var(--wmui-background-color-base)
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before {
border-top-color: var(--wmui-border-color-base)
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after {
border-top-color: var(--wmui-background-color-base)
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before {
border-right-color: var(--wmui-border-color-base)
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after {
border-right-color: var(--wmui-background-color-base)
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before {
border-left-color: var(--wmui-border-color-base)
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after {
border-left-color: var(--wmui-background-color-base)
}
.oo-ui-checkboxInputWidget [type=checkbox]+span,
.oo-ui-radioInputWidget [type=radio]+span {
background-color: var(--wmui-background-color-base);
border-color: var(--wmui-border-color-input-binary)
}
.oo-ui-checkboxInputWidget [type=checkbox]:indeterminate+span::before {
background-color: var(--wmui-color-base--inverted)
}
.oo-ui-checkboxInputWidget [type=checkbox]:disabled+span,
.oo-ui-radioInputWidget [type=radio]:disabled+span {
background-color: var(--wmui-background-color-filled--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus+span {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover+span {
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active+span {
background-color: var(--wmui-color-primary--active);
border-color: var(--wmui-border-color-input-binary--active);
box-shadow: var(--wmui-box-shadow-input-binary--active)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate+span {
background-color: var(--wmui-background-color-input-binary--checked);
border-color: var(--wmui-border-color-input-binary--checked)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus+span {
background-color: var(--wmui-background-color-input-binary--checked);
border-color: var(--wmui-border-color-input-binary--checked);
box-shadow: var(--wmui-box-shadow-progressive-filled--focus)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover+span {
background-color: var(--wmui-color-primary--hover);
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active+span {
background-color: var(--wmui-background-color-input-binary--active);
border-color: var(--wmui-border-color-input-binary--active);
box-shadow: var(--wmui-box-shadow-input-binary--active)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: var(--wmui-background-color-framed)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: var(--wmui-background-color-framed--hover)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
color: var(--wmui-color-base--hover);
border-color: var(--wmui-border-color-base--hover)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: var(--wmui-color-base--active);
border-color: var(--wmui-border-color-base--active)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: var(--wmui-border-color-base--focus);
outline-color: var(--wmui-outline-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
background-color: var(--wmui-background-color-base--disabled)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
color: var(--wmui-color-base--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-radioInputWidget [type=radio]+span::before,
.oo-ui-toggleSwitchWidget::before {
border-color: transparent
}
.oo-ui-radioInputWidget [type=radio]:disabled:checked+span {
background-color: var(--wmui-background-color-base)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover+span {
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active+span {
background-color: var(--wmui-background-color-input-binary--active);
border-color: var(--wmui-border-color-input-binary--active)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked+span {
border-color: var(--wmui-border-color-input-binary--checked)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover+span {
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active+span {
border-color: var(--wmui-border-color-input-binary--active);
box-shadow: var(--wmui-box-shadow-input-binary--active)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active+span::before {
border-color: var(--wmui-border-color-input-binary--active)
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: var(--wmui-background-color-base);
color: var(--wmui-color-base--emphasized);
border-color: var(--wmui-border-color-base)
}
.oo-ui-textInputWidget .oo-ui-pendingElement-pending {
background-color: var(--wmui-background-color-pending-stripe)
}
.oo-ui-menuSectionOptionWidget,
.oo-ui-textInputWidget>.oo-ui-labelElement-label {
color: var(--wmui-color-base--subtle)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
box-shadow: var(--wmui-box-shadow-base)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--wmui-border-color-base--focus);
outline-color: var(--wmui-outline-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--wmui-background-color-base--read-only)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--wmui-border-color-input--hover)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: var(--wmui-border-color-base--focus)
}
@media screen and (min-width:0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline-color: var(--wmui-color-primary);
outline-offset: -2px
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
outline-color: var(--wmui-border-color-error)
}
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
border-color: var(--wmui-border-color-error)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
border-color: var(--wmui-border-color-error);
box-shadow: var(--wmui-box-shadow-error--focus)
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: var(--wmui-background-color-base--disabled);
-webkit-text-fill-color: var(--wmui-color-base--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-disabled>.oo-ui-labelElement-label {
color: var(--wmui-color-base--disabled);
text-shadow: var(--wmui-text-shadow-base--disabled)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--wmui-background-color-base--hover);
color: var(--wmui-color-base--emphasized)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--wmui-background-color-primary);
color: var(--wmui-color-primary)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--wmui-background-color-primary--hover);
color: var(--wmui-color-primary)
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--wmui-color-base)
}
.oo-ui-dropdownWidget-handle {
border-color: var(--wmui-border-color-base)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: var(--wmui-background-color-framed);
color: var(--wmui-color-base)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--wmui-background-color-framed--hover);
color: var(--wmui-color-base--hover);
border-color: var(--wmui-border-color-base--hover)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: var(--wmui-color-base--active);
border-color: var(--wmui-border-color-base--active)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--wmui-border-color-base--focus);
outline-color: var(--wmui-outline-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
color: var(--wmui-color-base--disabled);
text-shadow: var(--wmui-text-shadow-base--disabled);
border-color: var(--wmui-border-color-base--disabled);
background-color: var(--wmui-background-color-base--disabled)
}
.oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--wmui-background-color-framed--hover)
}
.oo-ui-multioptionWidget.oo-ui-widget-disabled {
color: var(--wmui-color-base--disabled)
}
.oo-ui-progressBarWidget {
border-color: var(--wmui-border-color-base);
box-shadow: var(--wmui-box-shadow-progressbar)
}
.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--wmui-background-color-base)
}
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
background-color: var(--wmui-color-primary)
}
.oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
background-color: var(--wmui-background-color-filled--disabled)
}
.oo-ui-toggleSwitchWidget,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wmui-background-color-framed);
border-color: var(--wmui-border-color-input-binary)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wmui-background-color-framed--hover);
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
background-color: var(--wmui-background-color-input-binary--active);
border-color: var(--wmui-border-color-input-binary--active);
box-shadow: var(--wmui-box-shadow-input-binary--active)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wmui-background-color-base);
border-color: var(--wmui-background-color-base)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
border-color: var(--wmui-border-color-base--focus)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--wmui-background-color-input-binary--checked);
border-color: var(--wmui-border-color-input-binary--checked)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wmui-background-color-base);
border-color: var(--wmui-background-color-base)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--wmui-color-primary--hover);
border-color: var(--wmui-border-color-framed-progressive--hover)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
background-color: var(--wmui-background-color-input-binary--active);
border-color: var(--wmui-border-color-input-binary--active)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: var(--wmui-border-color-input-binary--checked)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
border-color: var(--wmui-color-base--inverted)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--wmui-background-color-filled--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
border-color: var(--wmui-border-color-filled--disabled);
box-shadow: var(--wmui-box-shadow-filled--disabled)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wmui-background-color-base)
}
.oo-ui-bookletLayout-outlinePanel>.oo-ui-outlineControlsWidget {
border-top-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-bookletLayout>.oo-ui-menuLayout-menu {
border-right-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-indexLayout.oo-ui-menuLayout>.oo-ui-menuLayout-menu {
height: auto
}
.oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded>.oo-ui-menuLayout-menu {
height: 3em;
white-space: nowrap
}
.oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded>.oo-ui-menuLayout-content {
top: 3em
}
.oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout[hidden] {
width: 0;
height: 0;
padding: 0;
overflow: hidden
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled+.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
border-left-color: var(--wmui-border-color-filled--disabled)
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-progressive-filled--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
background-color: var(--wmui-background-color-frameless--active);
color: var(--wmui-color-base--active)
}
.oo-ui-selectFileWidget-dropTarget {
border-color: var(--wmui-border-color-base)
}
.oo-ui-outlineControlsWidget,
.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wmui-background-color-base)
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--wmui-border-color-input--hover)
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info>.oo-ui-inputWidget-input,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wmui-background-color-primary);
color: var(--wmui-color-primary--active)
}
.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wmui-background-color-base--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-outlineSelectWidget:focus {
box-shadow: inset 0 0 0 2px var(--wmui-color-primary)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--wmui-background-color-base--hover);
color: var(--wmui-color-base--emphasized)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--wmui-background-color-primary);
color: var(--wmui-color-primary)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
background-color: var(--wmui-background-color-primary--hover);
color: var(--wmui-color-primary)
}
.oo-ui-tabSelectWidget-framed {
background-color: var(--wmui-background-color-tabs)
}
.oo-ui-tabSelectWidget-frameless {
box-shadow: inset 0 calc(-1*var(--wmui-border-width-base))0 0 var(--wmui-border-color-base)
}
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after {
background-image: linear-gradient(to right,rgba(234,236,240,0)0,#eaecf0 100%);
background-color: transparent
}
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after {
background-image: linear-gradient(to right,rgba(255,255,255,0)0,#fff 100%);
background-color: transparent
}
.oo-ui-tabOptionWidget {
color: var(--wmui-color-taboption)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border-bottom-color: transparent
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--wmui-background-color-base);
color: var(--wmui-color-base--active)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--wmui-background-color-base)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background-color: rgba(255,255,255,.3);
color: var(--wmui-color-base)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: rgba(255,255,255,.8);
color: var(--wmui-color-base--active)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: var(--wmui-background-color-base)
}
.oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--wmui-border-color-base--focus)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
box-shadow: inset 0 0 0 0 var(--wmui-color-primary)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--wmui-color-primary);
box-shadow: inset 0 calc(-1*var(--wmui-border-width-frameless-tab))0 0 var(--wmui-color-primary)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover {
color: var(--wmui-color-primary--hover);
box-shadow: inset 0 calc(-1*var(--wmui-border-width-frameless-tab))0 0 var(--wmui-color-primary--hover)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active {
color: var(--wmui-color-primary--active);
box-shadow: inset 0 calc(-1*var(--wmui-border-width-frameless-tab))0 0 var(--wmui-color-primary--active)
}
.oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
box-shadow: inset 0 0 0 var(--wmui-border-width-frameless-tab) var(--wmui-color-primary)
}
.oo-ui-tagItemWidget,
.oo-ui-tagMultiselectWidget-handle {
border-color: var(--wmui-border-color-base)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input {
color: var(--wmui-color-base--emphasized)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-webkit-input-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input:-ms-input-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-moz-placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::placeholder {
color: var(--wmui-color-placeholder)
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input:focus {
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--wmui-background-color-base)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wmui-border-color-input--hover)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wmui-border-color-base--focus);
outline-color: var(--wmui-outline-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wmui-border-color-error)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--wmui-background-color-base--read-only)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--wmui-background-color-base)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--wmui-border-color-error)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
color: var(--wmui-color-error)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--wmui-background-color-base--disabled);
color: var(--wmui-color-base--disabled);
text-shadow: var(--wmui-text-shadow-base--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--wmui-color-base)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
background-color: var(--wmui-background-color-framed--hover);
color: var(--wmui-color-base--hover);
border-color: var(--wmui-border-color-base--hover)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus);
outline-color: var(--wmui-outline-color-base--focus)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--wmui-background-color-framed)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid,
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
border-color: var(--wmui-border-color-error)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
border-color: var(--wmui-border-color-error);
box-shadow: var(--wmui-box-shadow-error--focus)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-framed--hover)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
background-color: var(--wmui-background-color-framed--active)
}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
background-color: var(--wmui-background-color-base--disabled);
color: var(--wmui-color-base--disabled);
border-color: var(--wmui-border-color-base--disabled);
text-shadow: var(--wmui-text-shadow-base--disabled)
}
.oo-ui-searchWidget-query {
box-shadow: var(--wmui-box-shadow-toolbar-top)
}
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
outline-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link {
color: inherit
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:hover,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:hover {
background-color: var(--wmui-background-color-tool--hover)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:focus,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:focus {
outline-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:active {
background-color: #a0a;
color: var(--wmui-color-tool--active);
box-shadow: none
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-tool-link {
color: var(--wmui-color-primary)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:active {
background-color: #a0a;
color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-tool-link {
color: var(--wmui-color-destructive-non-primary)
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:hover {
background-color: var(--wmui-background-color-tool--hover)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:focus {
outline-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:active {
background-color: #a0a;
color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-tool-link {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:hover {
background-color: var(--wmui-color-primary--hover)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:focus {
outline-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus),inset 0 0 0 2px var(--wmui-color-base--inverted)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-tool-link:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled>.oo-ui-tool-link:active {
background-color: var(--wmui-background-color-filled--disabled);
color: var(--wmui-color-filled--disabled)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-tool-link {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:hover {
background-color: var(--wmui-color-destructive--hover)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:focus {
outline-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus),inset 0 0 0 2px var(--wmui-color-base--inverted)
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-tool-link:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled>.oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled>.oo-ui-tool-link:active {
background-color: var(--wmui-background-color-filled--disabled);
color: var(--wmui-color-filled--disabled)
}
.oo-ui-toolGroupTool>.oo-ui-toolGroup {
border-right: 0
}
.oo-ui-toolGroup {
box-sizing: border-box
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary>.oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary>.oo-ui-tool-link {
background-color: var(--wmui-background-color-filled--disabled);
border-color: var(--wmui-border-color-base--disabled)
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary>.oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary>.oo-ui-tool-link .oo-ui-tool-title {
color: var(--wmui-color-base--inverted)
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active>.oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary.oo-ui-tool-active>.oo-ui-tool-link {
background-color: var(--wmui-background-color-filled--primary-disabled)
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool>.oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled>.oo-ui-tool-link .oo-ui-tool-title {
color: var(--wmui-color-base--disabled)
}
.oo-ui-popupToolGroup-header,
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
color: var(--wmui-color-base--subtle)
}
.oo-ui-popupToolGroup-tools {
background-color: var(--wmui-background-color-toolbar);
border-color: var(--wmui-border-color-toolbar);
box-shadow: var(--wmui-box-shadow-menu)
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:active {
background-color: var(--wmui-background-color-tool--active)
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:focus {
outline-color: var(--wmui-border-color-base--focus);
box-shadow: var(--wmui-box-shadow-base--focus)
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle {
border-right-color: transparent
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:hover {
border-right-color: var(--wmui-background-color-tool--hover)
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:active {
border-right-color: var(--wmui-background-color-tool--active)
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:focus {
border-right-color: var(--wmui-border-color-base--focus)
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle {
background-color: var(--wmui-background-color-tool--active);
color: var(--wmui-color-tool--active)
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle:hover {
background-color: var(--wmui-background-color-tool--active-hover);
color: var(--wmui-color-tool--active)
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--wmui-color-tool--active)
}
.oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
outline-color: var(--wmui-outline-color-base--focus);
box-shadow: var(--wmui-box-shadow-popuptoolgroup-tool--focus)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle {
color: var(--wmui-color-primary)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:hover {
background-color: var(--wmui-background-color-framed--hover)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:focus {
outline-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-tool-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:active {
background-color: #a0a;
color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle {
color: var(--wmui-color-destructive-non-primary)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:hover {
background-color: var(--wmui-background-color-framed--hover)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:focus {
outline-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-tool-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:active {
background-color: #a0a;
color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:hover {
background-color: var(--wmui-color-primary--hover)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:focus {
outline-color: var(--wmui-color-primary--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-primary--focus),inset 0 0 0 2px var(--wmui-color-base--inverted)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-popupToolGroup-handle:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-primary--active);
box-shadow: none
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled>.oo-ui-popupToolGroup-handle:active {
background-color: var(--wmui-background-color-filled--disabled);
color: var(--wmui-color-filled--disabled)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:hover {
background-color: var(--wmui-color-destructive--hover)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:focus {
outline-color: var(--wmui-color-destructive--focus);
box-shadow: inset 0 0 0 1px var(--wmui-color-destructive--focus),inset 0 0 0 2px var(--wmui-color-base--inverted)
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-popupToolGroup-handle:active {
color: var(--wmui-color-base--inverted);
background-color: var(--wmui-color-destructive--active);
box-shadow: none
}
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled>.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled>.oo-ui-popupToolGroup-handle:active {
background-color: var(--wmui-background-color-filled--disabled);
color: var(--wmui-color-filled--disabled)
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--wmui-background-color-tool--hover);
color: var(--wmui-color-tool--hover)
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled,
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
background-color: var(--wmui-background-color-tool--active)
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
background-color: var(--wmui-background-color-tool--active-hover)
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--wmui-color-tool--active)
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-listToolGroup.oo-ui-widget-disabled {
color: var(--wmui-color-base--disabled)
}
.oo-ui-menuToolGroup {
border-left-color: var(--wmui-border-color-toolgroup);
border-right-color: var(--wmui-border-color-toolgroup)
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--wmui-background-color-tool--active-hover)
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-menuToolGroup.oo-ui-widget-disabled {
color: var(--wmui-color-base--disabled)
}
.oo-ui-toolbar-bar {
background-color: var(--wmui-background-color-toolbar);
color: var(--wmui-color-base)
}
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar {
border-bottom-color: var(--wmui-border-color-toolbar);
box-shadow: var(--wmui-box-shadow-toolbar-top)
}
.oo-ui-toolbar-position-bottom>.oo-ui-toolbar-bar {
border-top-color: var(--wmui-border-color-toolbar);
box-shadow: var(--wmui-box-shadow-toolbar-bottom)
}
.oo-ui-toolbar-bar .oo-ui-toolbar-bar {
background-color: transparent;
box-shadow: none
}
.oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar::after {
border-bottom-color: var(--wmui-border-color-toolbar)
}
.oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar::after {
border-top-color: var(--wmui-border-color-toolbar)
}
.oo-ui-messageDialog-content>.oo-ui-window-foot {
outline-color: var(--wmui-border-color-dialog)
}
.oo-ui-messageDialog-title {
color: var(--wmui-color-base--emphasized)
}
.oo-ui-messageDialog-message {
color: var(--wmui-color-base)
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
background-color: rgba(8,126,204,.1)
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
background-color: rgba(212,83,83,.1)
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: var(--wmui-border-color-base)
}
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
border-bottom-color: var(--wmui-border-color-base)
}
.oo-ui-processDialog-content>.oo-ui-window-foot,
.oo-ui-processDialog-content>.oo-ui-window-head {
outline-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:active,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:hover {
border-right-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-border-color-base--focus)
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget>.oo-ui-buttonElement-button {
border-left-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:hover {
border-left-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-border-color-base--focus)
}
.oo-ui-processDialog-actions-other .oo-ui-actionWidget>.oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-safe .oo-ui-actionWidget>.oo-ui-buttonElement-button {
border-right-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:hover {
background-color: var(--wmui-background-color-framed);
border-right-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:active {
background-color: var(--wmui-background-color-framed--active);
border-right-color: var(--wmui-border-color-dialog-bar)
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:focus {
border-color: var(--wmui-border-color-base--focus)
}
.oo-ui-processDialog-errors {
background-color: rgba(255,255,255,.9)
}
.oo-ui-processDialog-errors-title {
color: var(--wmui-color-base--emphasized)
}
.oo-ui-windowManager-modal>.oo-ui-dialog {
background-color: var(--wmui-background-color-backdrop-light)
}
.oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame {
background-color: var(--wmui-background-color-base)
}
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full)>.oo-ui-dialog>.oo-ui-window-frame {
border-color: var(--wmui-border-color-dialog);
box-shadow: var(--wmui-box-shadow-dialog)
}
/* #endregion */
/* Popups - set text colour */
.oo-ui-defaultOverlay,
.oo-ui-windowManager,
.mw-echo-ui-overlay,
.oo-ui-popupWidget-popup {
color: var(--content-text-color);
}
/* Icons */
.oo-ui-iconElement-icon {
filter: var(--oo-ui-icon-filter--normal);
}
.oo-ui-iconElement-icon.oo-ui-image-progressive {
filter: var(--oo-ui-icon-filter--normal-progressive);
}
.oo-ui-iconElement-icon.oo-ui-image-destructive {
filter: var(--oo-ui-icon-filter--destructive);
}
.oo-ui-iconElement-icon.oo-ui-image-success {
filter: var(--oo-ui-icon-filter--success);
}
.oo-ui-iconElement-icon.oo-ui-icon-error {
filter: var(--oo-ui-icon-filter--error);
}
.oo-ui-iconElement-icon.oo-ui-icon-alert {
filter: var(--oo-ui-icon-filter--alert);
}
.oo-ui-indicator-down {
filter: var(--oo-ui-icon-filter--normal);
}
.oo-ui-indicator-required {
filter: var(--oo-ui-icon-filter--required);
}
.oo-ui-checkboxInputWidget > .oo-ui-iconElement-icon {
filter: none;
}
/* Message widgets */
.mw-message-box {
border-color: var(--wmui-border-color-notice);
background-color: var(--wmui-background-color-notice--framed);
color: var(--content-text-color);
}
.mw-message-box-error {
background-color: var(--wmui-background-color-error--framed);
border-color: var(--wmui-border-color-error);
}
.mw-message-box-warning,
div.mw-warning,
div.mw-message-warning {
background-color: var(--wmui-background-color-warning--framed);
border-color: var(--wmui-border-color-warning);
color: var(--content-text-color);
}
.mw-message-box-success {
background-color: var(--wmui-background-color-success--framed);
border-color: var(--wmui-border-color-success);
}
/* Tab layout */
.client-js div#preferences,
.mw-prefs-buttons,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed {
border-color: var(--wmui-border-color-base);
}
/* Forms */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
background-color: #fff4;
}
/* #endregion */
/* #region Echo */
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-placeholderItemWidget {
background-color: var(--wmui-background-color-base--read-only);
border-color: var(--wmui-border-color-base);
}
.mw-echo-ui-notificationItemWidget:hover {
background-color: var(--wmui-background-color-base--hover);
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
border-color: var(--wmui-border-color-base);
}
.mw-echo-ui-notificationItemWidget-content-message-header {
color: var(--content-text-color);
}
.mw-echo-ui-notificationItemWidget-content-message-body {
color: var(--wmui-color-base--deemphasized);
}
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: var(--wmui-color-base--subtle);
}
/* #endregion */
/* #region Built-in MediaWiki and OOUI icons, dark mode */
#mw-indicator-mw-helplink a {
filter: var(--oo-ui-icon-filter--normal)
}
.mw-content-ltr .redirectText li:first-child {
filter: var(--oo-ui-icon-filter--normal);
}
.mw-content-ltr .redirectText li:first-child a {
filter: var(--oo-ui-icon-filter--normal);
}
html[class*="theme-dark"] .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
html[class*="theme-dark"] .jquery-tablesorter th.headerSort {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9'%3E%3Cpath d='m14.5 5-4 4-4-4zm0-1-4-4-4 4z' fill='%23fff'/%3E%3C/svg%3E");
}
html[class*="theme-dark"] .jquery-tablesorter th.headerSort.headerSortDown {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cpath d='m14.5 0-4 4-4-4z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
html[class*="theme-dark"] .jquery-tablesorter th.headerSort.headerSortUp {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cpath d='m6.5 4 4-4 4 4z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
/* #endregion */
/* #region <pre>, <code> */
pre, .mw-code, code {
color: var(--content-text-color);
background-color: var(--code-background-color);
border-color: var(--code-border-color);
}
code {
word-wrap: break-word;
}
pre.force-wrap,
code.force-wrap {
word-break: break-all;
}
/* #endregion <pre>, <code> */
/* #region Wikitext Editor */
.mw-editform #wpTextbox1,
.CodeMirror {
background: rgba(var(--page-background-color--rgb), 0.5);
color: var(--content-text-color);
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid var(--content-text-color);
}
div.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: var(--content-border-color);
}
.tool.oo-ui-buttonElement-frameless,
.wikiEditor-ui-toolbar .tab {
padding: 0.3em;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
}
div.wikiEditor-ui-buttons {
background-color: transparent;
border-top:0;
margin-right: 5px;
}
div.wikiEditor-ui-controls,
div.wikiEditor-ui-tabs {
background-color: transparent;
border:0;
margin-bottom:0.5px;
}
div.wikiEditor-ui-tabs div {
font-weight:bold;
background-color: #0A130F;
border: 1px solid #7FE7FF;
border-bottom:0;
margin-right:5px;
}
#content div.wikiEditor-ui-tabs div a {
background-color:transparent;
color: #B1F4F0;
font-weight: bold;
text-decoration: none;
}
div.wikiEditor-ui-tabs div:not(.current):hover {
background-color:rgba(0,0,0,0.25);
}
div.wikiEditor-ui-tabs div.current {
border-bottom:0;
background-color:#1F5F73;
padding-bottom:1px;
}
div.wikiEditor-ui-toolbar {
background:rgba(0,0,0,0.25);
}
div.wikiEditor-ui-toolbar .group {
border-right: 1px solid var(--content-border-color);
}
div.wikiEditor-ui-toolbar .group-search {
border-left: 1px solid var(--content-border-color);
}
.tab {
border-color: transparent;
}
div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #E0E0E0;
}
div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #ffffff;
}
#content div.wikiEditor-ui-toolbar .group .tool-select .label,
#content div.wikiEditor-ui-toolbar .menu .options a.option {
color: #000000;
}
.wikiEditor-ui-toolbar .group .tool-select {
height: 30px;
}
.wikiEditor-ui-toolbar .group .label {
color: #ccc;
height: 30px;
line-height: 30px;
}
div.wikiEditor-ui-toolbar .sections .section {
background:transparent;
border-top: 1px solid var(--content-border-color);
}
div.wikiEditor-ui-toolbar .booklet .index div {
color: #fff;
}
div.wikiEditor-ui-toolbar .booklet .index .current {
background-color:rgba(64,64,64,0.5);
color: #f7f7f7;
}
div.wikiEditor-ui-toolbar .booklet .pages {
background-color:#0A130F;
}
div.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #3F737F;
color: #e5e5e5;
background:transparent;
}
div.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color:#3F737F;
}
div.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #7f7f7f;
color: #e5e5e5;
}
div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading,
div.wikiEditor-ui-toolbar div.oo-ui-widget {
background-color: transparent;
}
div.editOptions {
background-color: transparent;
border:none;
}
/* #region Syntax highlighting */
html[class*="theme-dark"] .cm-mw-template {
color: #e7b8ff;
}
html[class*="theme-dark"] .cm-mw-template-argument-name,
html[class*="theme-dark"] .mw-highlight .nv {
color: #aa6aca;
}
html[class*="theme-dark"] .cm-mw-template-bracket,
html[class*="theme-dark"] .cm-mw-template-name {
color: #ce58f9;
}
html[class*="theme-dark"] .cm-mw-link-pagename {
color: #6a93e6;
}
html[class*="theme-dark"] .cm-mw-parserfunction-name,
html[class*="theme-dark"] .cm-mw-parserfunction-bracket,
html[class*="theme-dark"] .mw-highlight .nf {
color: #dd5858;
}
html[class*="theme-dark"] .mw-content-ltr.mw-highlight-lines pre,
html[class*="theme-dark"] .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #0006;
}
html[class*="theme-dark"] .CodeMirror-gutters {
background-color: #0006;
border-right: none;
}
/* #endregion */
/* #endregion */
/* #region Scribunto editor */
.mw-scribunto-console-fieldset,
.mw-scribunto-message {
background: none;
color: var(--content-text-color);
}
/* #endregion */
/* #region JSON tables */
.mw-json tr {
background: var(--table-background-color);
}
.mw-json th, .mw-json td {
border-color: var(--table-border-color);
}
.mw-json-value, .mw-json-single-value {
background-color: var(--table-border-color);
}
.mw-json th {
background-color: var(--table-heading-background-color);
}
/* #endregion */
/* #region Metadata infobox on File pages */
.mw_metadata {
color: var(--sidenav-header-text-color);
background: var(--sidenav-header-background)
}
.mw_metadata a {
color: var(--sidenav-header-text-color)
}
/* #endregion */
/* #region Off-center icons */
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-userpage a { background-position: left 0.5em }
div.gallerytext {
padding: 2px;
}
/* #endregion */
/* #region Mobile adjustments */
@media screen and (max-width: 950px) {
/* Table of Contents */
#content .mw-parser-output #toc {
display: block;
float: none;
margin: 2em 0;
}
#content .mw-parser-output .tocright {
float: none;
padding-left: 0;
}
}
@media screen and (max-width: 720px) {
/* Hide [[Template:Navbox]] like Wikipedia does; those tables would be a pain to fix right */
#content .navbox {
display: none;
}
/* Fix table overflows */
.achieve_container {
width: auto;
}
/* Thumbnails */
div.thumb, div.tright {
margin: .5em calc(-1 * var(--content-horizontal-margin)) 1.3em;
}
.thumbinner {
width: auto!important;
max-width: max-content;
}
.thumbimage {
width: auto !important;
height: auto !important;
max-width: 100%;
}
/* Floating thumbnails */
div.tright {
float: none;
}
div.tright .thumbinner {
margin: 0 auto;
}
/* overflow breaks everything, i'm too drained to deal with this rn. */
div#mw-navigation div#mw-panel {
overflow-x: clip;
}
#right-navigation .vectorMenu .vector-menu-heading span {
padding-top: 0.5em;
}
#right-navigation .vectorMenu .vector-menu-heading span::after {
top: 0.5em;
}
#right-navigation .vectorMenu .vectorMenuCheckbox {
z-index: 50;
}
#mw-portal #p-tb .body {
right: 0;
left: unset;
}
}
/* #endregion */
/* #region [[Special:CreateAccount]] statistics */
#bodyContent .mw-number-text h3 {
color: #fff;
}
.mw-number-text {
color: #cecece;
}
/* #endregion */
/* Cargo */
div.cargo-table-diagram { fill: var(--content-text-color); }
div.drilldown-filters-wrapper {
background: none;
color: var(--content-header-color);
}
.cargo-pagevalues-tableinfo { background: none; }
html[class*="theme-dark"] .mw-datatable th,
html[class*="theme-dark"] table.cargoTable.noMerge tr:nth-child(odd) { background-color: #202020; }
html[class*="theme-dark"] table.cargoTable.noMerge tr:nth-child(even) { background: unset; }
html[class*="theme-dark"] .mw-datatable th .oo-ui-iconWidget { filter: invert(1); }
table.cargoTable { display: block }
/* #region Math */
.mwe-math-fallback-image-inline {
filter: var(--math-filter);
}
/* #endregion */
/* #region Horizontal list styles for ARK Additions (courtesy of User:Emptylord) */
.hlist dl {
line-height: 1.5em;
}
.hlist ul {
margin: 0;
}
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist ul ul {
display: inline;
}
/* Nowrap list items */
.hlist li {
white-space: nowrap;
}
/* But allow parent list items to be wrapped */
.hlist li ol,
.hlist li ul {
white-space: normal;
}
/* Generate interpuncts */
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist li:last-child:after {
content: none;
}
/* Add parenthesis around nested lists */
.hlist ul ul li:first-child:before {
content: "(";
}
.hlist ul ul li:last-child:after {
content: ")";
font-weight: normal;
}
/* #endregion */
/* add a button for link to headings */
.section-link {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 0.5em;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E link %3C/title%3E%3Cpath d=%22M4.83 15h2.91a4.88 4.88 0 0 1-1.55-2H5a3 3 0 1 1 0-6h3a3 3 0 0 1 2.82 4h2.1a4.82 4.82 0 0 0 .08-.83v-.34A4.83 4.83 0 0 0 8.17 5H4.83A4.83 4.83 0 0 0 0 9.83v.34A4.83 4.83 0 0 0 4.83 15z%22/%3E%3Cpath d=%22M15.17 5h-2.91a4.88 4.88 0 0 1 1.55 2H15a3 3 0 1 1 0 6h-3a3 3 0 0 1-2.82-4h-2.1a4.82 4.82 0 0 0-.08.83v.34A4.83 4.83 0 0 0 11.83 15h3.34A4.83 4.83 0 0 0 20 10.17v-.34A4.83 4.83 0 0 0 15.17 5z%22/%3E%3C/svg%3E");
vertical-align: middle;
transform: rotateZ(40deg);
filter: var(--oo-ui-icon-filter--normal-progressive);
opacity: 0.6;
}
.section-link:hover, .section-link:active {
opacity: 1;
}
/* #endregion */