|
|
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the Vector skin */
| |
|
| |
|
| /*
| |
| This is the wiki.gg default loadout,
| |
| please do not modify it inline. To add your own skin customizations,
| |
| scroll down to the end of the default loadout (or search for "[END]" to jump there).
| |
| If you modify the sheet above that point, your changes may be overwritten in updates without warning!!!
| |
|
| |
| If you want to maintain your own CSS for annual MediaWiki updates & be responsible for ALL bugfixes YOURSELF, change UPDATE in the following line to say NOUPDATE:
| |
| DLW: UPDATE
| |
| DLW VERSION: 2.2.3.5
| |
|
| |
| IMPORTANT: if you are updating your wiki from a version before May 22, 2025,
| |
| you need to copy [[MediaWiki:Gadgets/vectorScripts]] and [[MediaWiki:Gadgets/vectorScripts/main.js]] as well or your navigation tabs will break.
| |
| */
| |
|
| |
| /*********************************************************
| |
| * Backwards compatibility with deprecated variable names *
| |
| **********************************************************/
| |
| :root {
| |
| --wiki-heading-color: var(--wiki-content-heading-color);
| |
| --wiki-heading-font-family: var(--wiki-content-heading-font-family);
| |
| --wiki-firstheading-font-family: var(--wiki-content-firstheading-font-family);
| |
| }
| |
| /****************************************
| |
| * End backwards compatibility variables *
| |
| *****************************************/
| |
|
| |
| /************************************
| |
| * Body, head, and general framework *
| |
| *************************************/
| |
| :root{
| |
| --wiki-logo-box-width: calc(var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + min( var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px), 100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-right-spacing, 0px) - 18px, var(--wiki-page-content-max-width, 9999px) ) * var(--wiki-is-top-logo, 0)); /* 18px: the scrollbar */
| |
| --wiki-logo-box-height: calc(var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-logo-box-width));
| |
| }
| |
|
| |
| html, body {
| |
| height: auto;
| |
| min-height: 100%;
| |
| }
| |
|
| |
| /* site background */
| |
| html {
| |
| background-color: var(--wiki-body-background-color);
| |
| background-image: var(--wiki-body-background-image);
| |
| /* the following have fallbacks for backwards compatibility with older versions of the loadout */
| |
| background-position: var(--wiki-body-background-position, top center);
| |
| background-size: var(--wiki-body-background-size, cover);
| |
| background-repeat: var(--wiki-body-background-repeat, no-repeat);
| |
| background-attachment: var(--wiki-body-background-attachment, fixed);
| |
| }
| |
|
| |
| body {
| |
| background: none;
| |
| font-family: var(--wiki-body-font-family);
| |
| accent-color: var(--wiki-accent-color);
| |
| padding-top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, 0px));
| |
| padding-bottom: var(--wiki-bottom-spacing, 0px);
| |
| padding-left: var(--wiki-left-spacing, 0px);
| |
| padding-right: var(--wiki-right-spacing, 0px);
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .skinpref-limited-width body, body.skinpref-limited-width {
| |
| --wiki-page-content-max-width: var(--wiki-content-reduced-max-width, 1300px);
| |
| }
| |
|
| |
| /* clear fix */
| |
| body::after {
| |
| content: "";
| |
| display: table;
| |
| clear: both;
| |
| }
| |
|
| |
| #mw-page-base,
| |
| #mw-head-base {
| |
| background: none;
| |
| --height: calc(var(--wiki-navigation-height, 3em) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-is-top-logo, 0) * (var(--wiki-logo-box-height, 160px) + var(--wiki-logo-margin, 15px))); /* if not is-top-logo, height of navigation, else height of navigation + logo-height + logo-margin */
| |
| height: var(--height);
| |
| }
| |
| #mw-page-base {
| |
| max-width: var(--wiki-page-content-max-width, 9999px);
| |
| margin: auto;
| |
| }
| |
| #mw-head-base {
| |
| width: calc(min(100%, var(--wiki-page-content-max-width, 9999px)) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em));
| |
| margin-top: calc(-1 * var(--height));
| |
| margin-left: calc(max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2 + var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
| |
| }
| |
|
| |
| /* let ul default to text that respects color */
| |
| ul {
| |
| list-style-image: none;
| |
| }
| |
|
| |
| /************************
| |
| * End general framework *
| |
| *************************/
| |
|
| |
| /**************
| |
| * Vector tabs *
| |
| ***************/
| |
| /* prevent margin collapse */
| |
| .content-wrapper::before {
| |
| content: " ";
| |
| display: table;
| |
| }
| |
|
| |
| .content-wrapper{
| |
| --navigation-border-bottom-width: calc(var(--wiki-navigation-border-bottom-width, calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px))));
| |
| }
| |
|
| |
| /****** navbar (#mw-head) ******/
| |
| .vector-menu-tabs .mw-list-item,
| |
| #p-cactions, #p-variants {
| |
| float: unset;
| |
| line-height: 1.5; /* fallback */
| |
| line-height: round(nearest, calc(var(--wiki-navigation-font-size,0.8125em)*1.5), 1px);
| |
| box-sizing: border-box;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| #mw-head {
| |
| --icon-star-filled: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E");
| |
| --icon-star-empty: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A");
| |
| /* icon below is from https://tabler-icons.io/ */
| |
| --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
| |
| margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
| |
| width: auto;
| |
| height: var(--wiki-navigation-height);
| |
| margin-top: calc(-1 * (var(--wiki-navigation-height) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)));
| |
| position: relative;
| |
| display: flex;
| |
| align-items: stretch;
| |
| z-index: 4; /* above #mw-panel and .mw-indicators */
| |
| background: var(--wiki-navigation-box-background, none);
| |
| border: calc(var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
| |
| border-bottom-width: 0;
| |
| border-radius: var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) 0 0;
| |
| border-image: var(--wiki-navigation-box-border-image, none);
| |
| backdrop-filter: var(--wiki-navigation-box-backdrop-filter, none);
| |
| }
| |
|
| |
| /* top border of the content */
| |
| #mw-head::before {
| |
| content: "";
| |
| display: block;
| |
| box-sizing: border-box;
| |
| position: absolute;
| |
| top: calc(100% - min(var(--wiki-navigation-left-spacing, 0px) * 999, var(--navigation-border-bottom-width)) + var(--navigation-border-bottom-width));
| |
| left: 0;
| |
| width: calc(max(var(--wiki-navigation-left-spacing, 0px), var(--navigation-border-bottom-width)));
| |
| height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
| |
| border: 0 var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| border-left-width: var(--navigation-border-bottom-width);
| |
| border-top-width: var(--navigation-border-bottom-width);
| |
| border-top-left-radius: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)));
| |
| }
| |
|
| |
| #left-navigation,
| |
| #right-navigation {
| |
| float: none;
| |
| margin: 0;
| |
| display: flex;
| |
| align-items: flex-end;
| |
| margin-bottom: calc(-1 * var(--navigation-border-bottom-width));
| |
| }
| |
|
| |
| #left-navigation {
| |
| flex: 0 0 auto;
| |
| justify-content: flex-start;
| |
| }
| |
|
| |
| #right-navigation {
| |
| flex: 1 1 auto;
| |
| justify-content: flex-end;
| |
| }
| |
|
| |
| #left-navigation::before,
| |
| #left-navigation::after,
| |
| #right-navigation::before,
| |
| #right-navigation::after {
| |
| content: "";
| |
| display: block;
| |
| height: 0;
| |
| border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| flex: 0 0 auto;
| |
| }
| |
|
| |
| #left-navigation::before {
| |
| box-sizing: border-box;
| |
| width: var(--wiki-navigation-left-spacing, 0px);
| |
| border-bottom-width: 0;
| |
| }
| |
|
| |
| #left-navigation::after {
| |
| width: var(--wiki-navigation-gap-between-left-and-right);
| |
| }
| |
|
| |
| #right-navigation::before {
| |
| flex: 1 1 auto;
| |
| width: auto;
| |
| }
| |
|
| |
| #right-navigation::after {
| |
| width: var(--wiki-navigation-right-spacing);
| |
| display: none; /* only for desktop */
| |
| }
| |
|
| |
| /*** tabs ***/
| |
| /* reset */
| |
| .vector-menu,
| |
| .vector-menu *,
| |
| .vector-menu-tabs-legacy li {
| |
| background: none;
| |
| }
| |
|
| |
| .vector-menu input {
| |
| border: 0;
| |
| }
| |
|
| |
| /* tabs list */
| |
| .vector-menu-tabs {
| |
| height: unset;
| |
| padding: unset;
| |
| }
| |
|
| |
| .vector-menu-tabs .vector-menu-content {
| |
| height: 100%;
| |
| }
| |
|
| |
| .vector-menu-tabs-legacy ul{
| |
| float: none;
| |
| }
| |
|
| |
| .vector-menu-tabs .vector-menu-content-list {
| |
| display: flex;
| |
| align-items: flex-end;
| |
| }
| |
|
| |
| /* tab */
| |
| .vector-menu-tabs .mw-list-item,
| |
| .vector-menu-dropdown {
| |
| /* outer box of normal tabs: border-bottom */
| |
| border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| position: relative;
| |
| margin-right: max(0px, var(--wiki-navigation-tab-spacing)); /* make space for gap */
| |
| height: auto;
| |
| padding-bottom: var(--wiki-navigation-bottom-spacing, 0px);
| |
| cursor: auto;
| |
| }
| |
| .vector-menu-dropdown .vector-menu-checkbox{
| |
| height: calc(100% - var(--wiki-navigation-bottom-spacing, 0px));
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item:hover,
| |
| .vector-menu-dropdown:hover{
| |
| border-bottom-color: var(--wiki-navigation-border-bottom-color--hover, var(--wiki-navigation-border-bottom-color--hover, var(--wiki-navigation-border-color, var(--wiki-content-border-color))));
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item::after,
| |
| .vector-menu-dropdown::after {
| |
| /* gap */
| |
| content: "";
| |
| display: block;
| |
| width: max(0px, var(--wiki-navigation-tab-spacing));
| |
| height: 0;
| |
| border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| position: absolute;
| |
| left: 100%;
| |
| bottom: calc(0px - var(--navigation-border-bottom-width));
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item + .mw-list-item,
| |
| .vector-menu-tabs .placeholder + .mw-list-item,
| |
| .vector-menu-dropdown {
| |
| margin-left: calc(min(0px, var(--wiki-navigation-tab-spacing)));
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item a,
| |
| .vector-menu-tabs .mw-list-item a:visited,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading { /* "#mw-head " is needed here to correctly overwriting mw default css */
| |
| /* inner box of normal tabs: tab style */
| |
| float: none;
| |
| height: auto;
| |
| margin: 0;
| |
| padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x, 0.75em) var(--wiki-navigation-tab-padding-bottom, 4px);
| |
| border: var(--wiki-navigation-border-width, 1px) var(--wiki-navigation-border-style, solid) var(--wiki-navigation-border-color);
| |
| border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-border-width, 1px)));
| |
| border-radius: var(--wiki-navigation-border-radius) var(--wiki-navigation-border-radius) 0 0;
| |
| border-image: var(--wiki-navigation-border-image);
| |
| color: var(--wiki-navigation-text-color);
| |
| background-image: var(--wiki-navigation-background-image, none);
| |
| background-color: color-mix(in srgb, var(--wiki-navigation-background-color) var(--wiki-navigation-background-opacity), transparent);
| |
| background-size: var(--wiki-navigation-background-size, auto);
| |
| background-repeat: var(--wiki-navigation-background-repeat, repeat);
| |
| background-position: var(--wiki-navigation-background-position, center);
| |
| font-size: var(--wiki-navigation-font-size, 0.8125em);
| |
| font-weight: var(--wiki-navigation-font-weight, normal);
| |
| text-transform: var(--wiki-navigation-text-transform, none);
| |
| backdrop-filter: var(--wiki-navigation-backdrop-filter, var(--wiki-navigation-selected-backdrop-filter, none));
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item a:hover,
| |
| #mw-head .vector-menu-dropdown:hover .vector-menu-heading {
| |
| border-color: var(--wiki-navigation-border-color--hover, var(--wiki-navigation-border-color));
| |
| color: var(--wiki-navigation-text-color--hover);
| |
| border-image: var(--wiki-navigation-border-image--hover);
| |
| background-image: var(--wiki-navigation-background-image--hover, var(--wiki-navigation-background-image, none));
| |
| background-color: color-mix(in srgb, var(--wiki-navigation-background-color--hover, var(--wiki-navigation-background-color)) var(--wiki-navigation-background-opacity--hover, var(--wiki-navigation-background-opacity)), transparent);
| |
| background-size: var(--wiki-navigation-background-size--hover, var(--wiki-navigation-background-size, auto));
| |
| background-repeat: var(--wiki-navigation-background-repeat--hover, var(--wiki-navigation-background-repeat, repeat));
| |
| background-position: var(--wiki-navigation-background-position--hover, var(--wiki-navigation-background-position, center));
| |
| transform: var(--wiki-navigation-transform--hover, none);
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item.selected {
| |
| background: none;
| |
| border-bottom-color: transparent;
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item.selected a {
| |
| /* inner box of selected tab: tab style */
| |
| background-image: var(--wiki-navigation-selected-background-image, none);
| |
| background-color: color-mix(in srgb, var(--wiki-navigation-selected-background-color) var(--wiki-navigation-selected-background-opacity), transparent);
| |
| background-size: var(--wiki-navigation-selected-background-size, auto);
| |
| background-repeat: var(--wiki-navigation-selected-background-repeat, repeat);
| |
| background-position: var(--wiki-navigation-selected-background-position, center);
| |
| border: var(--wiki-navigation-selected-border-width, 1px) var(--wiki-navigation-selected-border-style, solid) var(--wiki-navigation-selected-border-color);
| |
| border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-selected-border-width, 1px)));
| |
| border-image: var(--wiki-navigation-selected-border-image);
| |
| color: var(--wiki-navigation-selected-text-color);
| |
| font-weight: var(--wiki-navigation-selected-font-weight, var(--wiki-navigation-font-weight, normal));
| |
| backdrop-filter: var(--wiki-navigation-selected-backdrop-filter, none);
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-list-item.selected::before {
| |
| content: '';
| |
| display: block;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| height: var(--navigation-border-bottom-width);
| |
| border: var(--wiki-navigation-selected-border-width, var(--wiki-content-border-width, 1px)) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| border-top-width: 0;
| |
| border-bottom-width: 0;
| |
| position: absolute;
| |
| bottom: calc(0px - var(--navigation-border-bottom-width));
| |
| background: var(--wiki-navigation-selected-border-bottom-background, transparent);
| |
| background-clip: padding-box;
| |
| }
| |
|
| |
| /* watch/unwatch star */
| |
| .vector-menu-tabs #ca-watch.icon a,
| |
| .vector-menu-tabs #ca-unwatch.icon a {
| |
| width: var(--wiki-navigation-icon-size, 1em);
| |
| height: 100%;
| |
| box-sizing: content-box;
| |
| padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)) var(--wiki-navigation-tab-padding-bottom, 4px) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em));
| |
| color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */
| |
| display: flex;
| |
| align-items: center;
| |
| text-indent: 999px;
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-watch.icon a::before,
| |
| .vector-menu-tabs #ca-unwatch.icon a::before {
| |
| content: "";
| |
| display: block;
| |
| position: unset;
| |
| background-image: none !important;
| |
| width: var(--wiki-navigation-icon-size, 1em);
| |
| height: var(--wiki-navigation-icon-size, 1em);
| |
| flex: 0 0 auto;
| |
| --mask: var(--icon) no-repeat;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: 100% 100%;
| |
| mask-size: 100% 100%;
| |
| -webkit-mask-position: center center;
| |
| mask-position: center center;
| |
| background-color: var(--wiki-navigation-text-color);
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-watch.icon a:hover::before,
| |
| .vector-menu-tabs #ca-unwatch.icon a:hover::before {
| |
| background-color: var(--wiki-navigation-text-color--hover);
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-unwatch.icon .loading::before,
| |
| .vector-menu-tabs #ca-watch.icon .loading::before{
| |
| transform-origin: 50% 56.25%;
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-watch.icon {
| |
| /* line star */
| |
| --icon: var(--icon-star-empty);
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-unwatch.icon {
| |
| /* solid star */
| |
| --icon: var(--icon-star-filled);
| |
| }
| |
|
| |
| /*** dropdown menu ***/
| |
| .vector-menu-dropdown .vector-menu-heading { /* "More" */
| |
| /* tab label */
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 0.25em;
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-heading::after {
| |
| /* arrow icon */
| |
| content: "";
| |
| display: block;
| |
| width: 1em;
| |
| height: 1em;
| |
| margin-top: 1px; /* tweak offset */
| |
| --mask: var(--icon-chevron-down) no-repeat;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: 100% 100%;
| |
| mask-size: 100% 100%;
| |
| -webkit-mask-position: center center;
| |
| mask-position: center center;
| |
| background: unset;
| |
| background-color: var(--wiki-navigation-text-color);
| |
| filter: none;
| |
| }
| |
|
| |
| .vector-menu-dropdown:hover .vector-menu-heading::after {
| |
| /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
| |
| background-color: var(--wiki-navigation-text-color--hover);
| |
| }
| |
|
| |
| .vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
| |
| font-size: var(--wiki-navigation-dropdown-font-size, 0.8125em);
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content {
| |
| /* dropdown list body */
| |
| border: none;
| |
| background: none;
| |
| left: 0; /* reset */
| |
| margin: 0; /* reset */
| |
| top: calc(100% - var(--wiki-navigation-bottom-spacing, 0px));
| |
| overflow: unset;
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content ul {
| |
| border: var(--wiki-navigation-dropdown-border-width) solid var(--wiki-navigation-dropdown-border-color);
| |
| border-radius: 0 0 var(--wiki-navigation-dropdown-border-radius) var(--wiki-navigation-dropdown-border-radius);
| |
| border-image: var(--wiki-navigation-dropdown-border-image);
| |
| background: color-mix(in srgb, var(--wiki-navigation-dropdown-background-color, var(--wiki-content-background-color)) var(--wiki-navigation-dropdown-background-opacity, var(--wiki-content-background-opacity, 100%)), transparent);
| |
| box-shadow: var(--wiki-navigation-dropdown-box-shadow, var(--wiki-navigation-dropdown-shadow, none)); /* --wiki-navigation-dropdown-shadow is deprecated name */
| |
| backdrop-filter: var(--wiki-navigation-dropdown-backdrop-filter);
| |
| padding: var(--wiki-navigation-dropdown-padding, 0);
| |
| margin-top: var(--wiki-navigation-dropdown-offset, 0);
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content li:hover {
| |
| background: var(--wiki-navigation-dropdown-item-background--hover, none);
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content li a {
| |
| display: block;
| |
| padding: var(--wiki-navigation-dropdown-item-padding, 0);
| |
| }
| |
| .vector-menu-dropdown .vector-menu-content li a,
| |
| .vector-menu-dropdown .vector-menu-content li a:visited {
| |
| color: var(--wiki-navigation-dropdown-text-color, var(--wiki-navigation-text-color));
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content li a:hover {
| |
| color: var(--wiki-navigation-dropdown-text-color--hover, var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover))); /* fallback for backwards compatibility */
| |
| }
| |
|
| |
| /*** search form ***/
| |
| #p-search {
| |
| margin: 0;
| |
| padding: 0 calc(max(0px, var(--wiki-navigation-right-spacing, 0px))) calc(var(--wiki-navigation-search-bottom-spacing, 3px) + var(--navigation-border-bottom-width)) calc(max(0px, 3px - max(0px, var(--wiki-navigation-tab-spacing, -1px))));
| |
| z-index: 2;
| |
| position: relative;
| |
| font-size: var(--wiki-navigation-search-font-size, var(--wiki-navigation-font-size, 0.8125em));
| |
| }
| |
| .vector-search-box form {
| |
| margin: unset;
| |
| }
| |
| #p-search .searchButton {
| |
| background-color: transparent;
| |
| font-size: unset;
| |
| }
| |
| /*new search form */
| |
| .cdx-search-input--has-end-button .cdx-search-input__input-wrapper{
| |
| margin: 0;
| |
| }
| |
|
| |
| .cdx-menu-item--enabled.cdx-menu-item--highlighted {
| |
| background-color: var(--wiki-navigation-search-highlight-background-color);
| |
| }
| |
| #p-search input{
| |
| line-height: 1.25; /* "normal" behaves inconsistently in different browsers */
| |
| }
| |
| #p-search input{
| |
| height: unset;
| |
| min-height: var(--wiki-navigation-search-height, 2em);
| |
| }
| |
| #p-search button{
| |
| height: unset;
| |
| min-height: var(--wiki-navigation-search-height, 2em);
| |
| min-width: var(--wiki-navigation-search-height, 2em);
| |
| top: 0;
| |
| bottom: 0;
| |
| right: 2px;
| |
| background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color, currentColor) var(--wiki-navigation-search-button-color-opacity, 80%), transparent);
| |
| opacity: 100%;
| |
| }
| |
| #p-search button:hover,
| |
| #p-search button:focus{
| |
| background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color--hover, var(--wiki-navigation-search-button-color, currentColor)) var(--wiki-navigation-search-button-color-opacity--hover, 95%), transparent);
| |
| opacity: 100%;
| |
| }
| |
|
| |
| /* top border of the content box */
| |
| #p-search::before {
| |
| content: "";
| |
| display: block;
| |
| width: calc(100% - calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))));
| |
| height: 0;
| |
| border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| position: absolute;
| |
| bottom: 0;
| |
| left: 0;
| |
| }
| |
|
| |
| /* top right border-radius of content area */
| |
| #p-search::after {
| |
| content: "";
| |
| display: block;
| |
| width: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
| |
| height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
| |
| box-sizing: border-box;
| |
| border-width: var(--navigation-border-bottom-width) var(--navigation-border-bottom-width) 0 0;
| |
| border-style: var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid));
| |
| border-color: var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
| |
| border-radius: 0 calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))) 0 0;
| |
| position: absolute;
| |
| top: calc(100% - var(--navigation-border-bottom-width));
| |
| right: 0;
| |
| }
| |
|
| |
| /******************
| |
| * End vector tabs *
| |
| *******************/
| |
|
| |
| /********
| |
| * Links *
| |
| *********/
| |
| a,
| |
| .mw-parser-output a.external,
| |
| .mw-parser-output a.extiw {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| a:visited,
| |
| .mw-parser-output a.extiw:visited,
| |
| .mw-parser-output a.external:visited {
| |
| color: var(--wiki-content-link-color--visited);
| |
| }
| |
|
| |
| a:not(.mw-selflink):hover,
| |
| a:visited:hover,
| |
| .mw-parser-output a.extiw:hover,
| |
| .mw-parser-output a.extiw:visited:hover,
| |
| .mw-parser-output a.external:hover,
| |
| .mw-parser-output a.external:visited:hover {
| |
| color: var(--wiki-content-link-color--hover);
| |
| }
| |
|
| |
| a.new,
| |
| a.new:visited,
| |
| a.new:hover,
| |
| .mw-usertoollinks-contribs-no-edits {
| |
| color: var(--wiki-content-redlink-color);
| |
| }
| |
|
| |
| a:not(.mw-selflink):active,
| |
| a:visited:active,
| |
| .mw-parser-output a.extiw:active,
| |
| .mw-parser-output a.extiw:visited:active,
| |
| .mw-parser-output a.external:active,
| |
| .mw-parser-output a.external:visited:active {
| |
| color: var(--wiki-warning-color);
| |
| }
| |
|
| |
| /* link decorations */
| |
|
| |
| /* move external marker to an after so we can filter it to link color */
| |
| .mw-parser-output a.external,
| |
| .sitenotice a.external {
| |
| background: none;
| |
| padding-right: 0;
| |
| }
| |
|
| |
| .mw-parser-output a.external::after,
| |
| .sitenotice a.external::after,
| |
| a.extiw[title="wgg:globalprefs"]::after {
| |
| display: inline-block;
| |
| width: 1em;
| |
| height: 1em;
| |
| margin-left: 0px;
| |
| content: '';
| |
| vertical-align: text-top;
| |
| --mask: var(--icon) no-repeat;
| |
| --mask-size: 0.857em;
| |
| --mask-position: center right;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: var(--mask-size);
| |
| mask-size: var(--mask-size);
| |
| -webkit-mask-position: var(--mask-position);
| |
| mask-position: var(--mask-position);
| |
| background-color: currentColor;
| |
| }
| |
|
| |
| .mw-parser-output a.external::after,
| |
| .sitenotice a.external::after {
| |
| --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E");
| |
| }
| |
|
| |
| a.extiw[title="wgg:globalprefs"]::after {
| |
| --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20aria-hidden%3D%22true%22%3E%3C!----%3E%3Cg%3E%3Cg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20transform%3D%22translate(10%2010)%22%3E%3Cpath%20id%3D%22cdx-icon-settings-a%22%20d%3D%22M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3%22%3E%3C%2Fpath%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(45)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(90)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(135)%22%3E%3C%2Fuse%3E%3C%2Fg%3E%3Cpath%20d%3D%22M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
| |
| }
| |
|
| |
| .plainlinks a.external::after,
| |
| .plainlinks a.extiw[title="wgg:globalprefs"]::after {
| |
| display: none;
| |
| }
| |
|
| |
| /*
| |
| Using a background instead of an ::after prevents the icon from wrapping onto its own line,
| |
| but prevents it from being recolored. Use this only for icons that should not be recolored, otherwise
| |
| use the ::after method used for external links above
| |
| */
| |
|
| |
| a.extiw[title^="wikipedia:"],
| |
| a.extiw[title^="wp:"],
| |
| a.extiw[title^="mw:"],
| |
| a.extiw[title^="support:"] {
| |
| padding-right: 1em;
| |
| background-position: center right;
| |
| background-repeat: no-repeat;
| |
| background-size: 0.857em;
| |
| }
| |
|
| |
| a.extiw[title^="wikipedia:"],
| |
| a.extiw[title^="wp:"] {
| |
| background-image: url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406)
| |
| }
| |
|
| |
| a.extiw[title^="mw:"] {
| |
| background-image: url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406)
| |
| }
| |
|
| |
| a.extiw[title^="support:"] {
| |
| background-image: url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg)
| |
| }
| |
|
| |
| .plainlinks a.extiw {
| |
| background-image:none;
| |
| }
| |
|
| |
| /************
| |
| * End links *
| |
| *************/
| |
|
| |
| /***************
| |
| * Left Sidebar *
| |
| ****************/
| |
| #mw-panel {
| |
| width: var(--wiki-sidebar-width, 10em);
| |
| box-sizing: border-box;
| |
| position: relative;
| |
| z-index: 1; /* above #footer */
| |
| top: calc(-1 * var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height) + var(--wiki-content-border-width,1px)) + var(--wiki-sidebar-offset, 0px));
| |
| margin-top: calc((1 - var(--wiki-is-top-logo, 0)) * (var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, logo-file ratio * sidebar-width + logo-margin, else 0 */
| |
| padding: var(--wiki-sidebar-box-padding, 0);
| |
| background: var(--wiki-sidebar-box-background, none);
| |
| border: var(--wiki-sidebar-box-border, 0);
| |
| border-radius: var(--wiki-sidebar-box-border-radius, 0);
| |
| border-image: var(--wiki-sidebar-box-border-image, none);
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal {
| |
| background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent);
| |
| background-image: var(--wiki-sidebar-background-image, none);
| |
| background-size: var(--wiki-sidebar-background-size, auto);
| |
| background-repeat: var(--wiki-sidebar-background-repeat, repeat);
| |
| background-position: var(--wiki-sidebar-background-position, center);
| |
| border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color);
| |
| border-image: var(--wiki-sidebar-border-image, none);
| |
| margin: 0 var(--wiki-sidebar-margin, 0.5em);
| |
| padding: var(--wiki-sidebar-padding, 0);
| |
| box-shadow: var(--wiki-sidebar-box-shadow, none);
| |
| filter: var(--wiki-sidebar-filter, none);
| |
| backdrop-filter: var(--wiki-sidebar-backdrop-filter, none);
| |
| overflow: hidden; /* to prevent overflow when combining border-radius with heading background */
| |
| }
| |
| #mw-panel #p-ext-discordwidget{
| |
| backdrop-filter: none;
| |
| }
| |
|
| |
| @supports not (color:color-mix(in srgb, #000, transparent)) {
| |
| #mw-panel .vector-menu-portal {
| |
| background-color: var(--wiki-sidebar-background-color);
| |
| }
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal + .vector-menu-portal {
| |
| border-top-width: 0;
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal:last-child {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| /* Sidebar spacing and border-radius section */
| |
| #mw-panel .vector-menu-portal:not(:last-child) {
| |
| margin-bottom: var(--wiki-sidebar-portal-spacing);
| |
| }
| |
|
| |
| #mw-panel #p-logo + .vector-menu-portal,
| |
| #mw-panel #p-ext-discordwidget + .vector-menu-portal {
| |
| /*
| |
| The way this works is that if the sidebar does not have any spacing, only the top and bottom corners
| |
| of the top and bottom portals respectively should be rounded, instead of all corners of every portal.
| |
|
| |
| min and calc are combined here to basically create an `if x > 0 then y else z` function.
| |
|
| |
| The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number).
| |
| If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value.
| |
|
| |
| This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario.
| |
| */
| |
| border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal:last-child {
| |
| /* see rule above for explanation */
| |
| border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius);
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal {
| |
| /* see above rules for explanation */
| |
| border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal + .vector-menu-portal {
| |
| /* This keeps the border from doubling up if there is no spacing between them,
| |
| The portals other than the first only have a top border if there is spacing */
| |
| border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */
| |
| }
| |
|
| |
| #mw-panel #p-ext-discordwidget + .vector-menu-portal {
| |
| border-top-width: var(--wiki-sidebar-border-width, 1px);
| |
| }
| |
|
| |
| /* end sidebar spacing and border-radius */
| |
|
| |
| .vector-menu-portal .vector-menu-heading {
| |
| padding: var(--wiki-sidebar-heading-padding, 0.5rem 0.25rem 0.5rem 0.5rem);
| |
| margin: var(--wiki-sidebar-heading-margin, 0 0 var(--wiki-sidebar-heading-margin-bottom, -0.5rem) 0); /* --wiki-sidebar-heading-margin-bottom is deprecated */
| |
| background: var(--wiki-sidebar-heading-background, none);
| |
| border-image: var(--wiki-sidebar-heading-border-image, none);
| |
| color: var(--wiki-sidebar-heading-color);
| |
| font-family: var(--wiki-sidebar-heading-font-family);
| |
| font-size: var(--wiki-sidebar-heading-font-size, 0.75em);
| |
| font-weight: var(--wiki-sidebar-heading-font-weight, normal);
| |
| font-style: var(--wiki-sidebar-heading-font-style, normal);
| |
| text-transform: var(--wiki-sidebar-heading-text-transform, none);
| |
| line-height: var(--wiki-sidebar-heading-line-height, normal);
| |
| text-shadow: var(--wiki-sidebar-heading-text-shadow, none)
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content {
| |
| margin: var(--wiki-sidebar-list-margin, 0);
| |
| padding: var(--wiki-sidebar-list-padding, 0.25rem);
| |
| background: var(--wiki-sidebar-list-background, none);
| |
| border-image: var(--wiki-sidebar-list-border-image, none);
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content ul {
| |
| padding: 0;
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: var(--wiki-sidebar-list-item-spacing, 0);
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content li {
| |
| font-size: var(--wiki-sidebar-font-size, 0.75em);
| |
| line-height: var(--wiki-sidebar-line-height, 1.125em);
| |
| padding: 0;
| |
| background: var(--wiki-sidebar-list-item-background, none);
| |
| border-image: var(--wiki-sidebar-list-item-border-image, none);
| |
| }
| |
| .vector-menu-portal .vector-menu-content li:hover {
| |
| background: var(--wiki-sidebar-list-item-background--hover, var(--wiki-sidebar-list-item-background, none));
| |
| border-image: var(--wiki-sidebar-list-item-border-image--hover, var(--wiki-sidebar-list-item-border-image, none));
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content li a {
| |
| display: block;
| |
| padding: var(--wiki-sidebar-list-item-padding, 0.25em 0.25rem);
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content li a.feedlink{ /* Atom */
| |
| background: none;
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content .mw-list-item a,
| |
| .vector-menu-portal .vector-menu-content .mw-list-item a:visited,
| |
| .vector-menu-portal .vector-menu-content li a,
| |
| .vector-menu-portal .vector-menu-content li a:visited {
| |
| color: var(--wiki-sidebar-link-color);
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content .mw-list-item a:hover,
| |
| .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover {
| |
| color: var(--wiki-sidebar-link-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */
| |
| }
| |
|
| |
| #t-newpage {
| |
| --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E');
| |
| order: -1;
| |
| }
| |
|
| |
| #t-upload {
| |
| --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
| |
| order: -1;
| |
| }
| |
|
| |
| #t-print {
| |
| --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
| |
| order: -1;
| |
| }
| |
|
| |
| #t-whatlinkshere {
| |
| --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
| |
| order: -1;
| |
| }
| |
|
| |
| #t-specialpages {
| |
| --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
| |
| order: -1;
| |
| }
| |
|
| |
| #t-cargopagevalueslink {
| |
| --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
| |
| order: -1;
| |
| }
| |
| #feedlinks{
| |
| --sidebar-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg baseProfile='tiny' height='24px' id='Layer_1' version='1.2' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.002,15.999C4.895,15.999,3.998,16.896,4,18c0,1.104,0.896,2.001,2.002,1.999C7.105,20.001,8.002,19.105,8,18 C8.002,16.893,7.105,15.997,6.002,15.999z'/%3E%3Cpath d='M6,4C4.896,4,4,4.896,4,6s0.896,2,2,2c5.514,0,10,4.486,10,10c0,1.104,0.896,2,2,2s2-0.896,2-2C20,10.28,13.72,4,6,4z'/%3E%3Cpath d='M6,10c-1.104,0-2,0.896-2,2s0.896,2,2,2c2.205,0,4,1.794,4,4c0,1.104,0.896,2,2,2s2-0.896,2-2C14,13.589,10.411,10,6,10z'/%3E%3C/svg%3E");
| |
| order: -1;
| |
|
| |
| }
| |
|
| |
| #t-specialpages > a::before,
| |
| #t-whatlinkshere > a::before,
| |
| #t-print > a::before,
| |
| #t-newpage > a::before,
| |
| #t-upload > a::before,
| |
| #t-cargopagevalueslink > a::before,
| |
| #feedlinks > a::before {
| |
| content: '';
| |
| background-image: var(--sidebar-icon);
| |
| background-size: contain;
| |
| background-repeat: no-repeat;
| |
| background-position: center;
| |
| display: inline-block;
| |
| width: 1.25em;
| |
| height: 1.25em;
| |
| }
| |
|
| |
| #p-tb .mw-list-item > a::before {
| |
| filter: var(--wiki-sidebar-icon-to-link-filter, var(--wiki-icon-to-link-filter));
| |
| }
| |
|
| |
| #p-tb .mw-list-item > a {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 3px;
| |
| }
| |
|
| |
| /*******************
| |
| * End left sidebar *
| |
| ********************/
| |
|
| |
| /*******
| |
| * Logo *
| |
| ********/
| |
| /* [[File:Site-logo.png]] */
| |
| #p-logo {
| |
| width: var(--wiki-logo-box-width);
| |
| height: var(--wiki-logo-box-height);
| |
| position: absolute;
| |
| top: calc(-1 * ( (var(--wiki-navigation-height, 3rem) + var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) - var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height)) + var(--wiki-sidebar-offset, 0px)) * var(--wiki-is-top-logo, 0)
| |
| + (var(--wiki-logo-box-height) + var(--wiki-logo-margin,15px)) * (1 - var(--wiki-is-top-logo, 0)) ));
| |
| left: calc((min((100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-right-spacing, 0px) - 18px), var(--wiki-page-content-max-width, 9999px)) - var(--wiki-logo-box-width)) / 2 * var(--wiki-is-top-logo, 0));
| |
| margin: 0;
| |
| filter: var(--wiki-logo-filter, none);
| |
| }
| |
|
| |
| #p-logo a {
| |
| background-size: contain;
| |
| position: absolute;
| |
| top: var(--wiki-logo-offset-y, 0);
| |
| left: var(--wiki-logo-offset-x, 0);
| |
| bottom: 0;
| |
| right: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| background-image: var(--wiki-logo-image, url(filepath://Site-logo.png)); /* The canonical logo must be Site-logo.png. This variable is mainly used to provide different logo for different themes. */
| |
| }
| |
|
| |
| /***********
| |
| * End logo *
| |
| ************/
| |
|
| |
| /***************
| |
| * Content area *
| |
| ****************/
| |
| .content-wrapper {
| |
| max-width: var(--wiki-page-content-max-width, none);
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| .mw-body,
| |
| .parsoid-body {
| |
| color: var(--wiki-content-text-color);
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent);
| |
| margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
| |
| margin-top: unset;
| |
| border-top: 0;
| |
| border-left: var(--wiki-content-border-width, 1px) solid transparent;
| |
| border-right: var(--wiki-content-border-width, 1px) solid transparent;
| |
| border-bottom: var(--wiki-content-border-bottom-width, 1px) solid transparent;
| |
| border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px)));
| |
| position: relative;
| |
| border-image: var(--wiki-content-border-image, none);
| |
| }
| |
|
| |
| @supports not (color:color-mix(in srgb, #000, transparent)) {
| |
| .mw-body,
| |
| .parsoid-body {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
| }
| |
| /* apply backdrop-filter on .mw-body results in the creation of a containing block for absolute and fixed positioned descendants, so we have to move it to here */
| |
| .mw-body::before,
| |
| .parsoid-body::before{
| |
| content: '';
| |
| display: block;
| |
| backdrop-filter: var(--wiki-content-backdrop-filter, none);
| |
| position: absolute;
| |
| top: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| right: 0;
| |
| z-index: -1;
| |
| border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); /* as .mw-body */
| |
| }
| |
|
| |
| .mw-body::after,
| |
| .parsoid-body::after {
| |
| content: '';
| |
| display: block;
| |
| box-sizing: border-box;
| |
| position: absolute;
| |
| left: calc(-1 * var(--wiki-content-border-width, 1px));
| |
| right: calc(-1 * var(--wiki-content-border-width, 1px));
| |
| top: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)));
| |
| bottom: calc(-1 * var(--wiki-content-border-bottom-width, 1px));
| |
| pointer-events: none;
| |
| border-left: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
| |
| border-right: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
| |
| border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color));
| |
| border-radius: 0 0 calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px)));
| |
| }
| |
|
| |
| #mw-data-after-content {
| |
| max-width: calc(var(--wiki-page-content-max-width) - var(--wiki-sidebar-width) - var(--wiki-gap-between-sidebar-and-content));
| |
| margin-left: calc(var(--wiki-sidebar-width) + var(--wiki-gap-between-sidebar-and-content) + max(0px, 100% - var(--wiki-page-content-max-width)) / 2);
| |
| box-sizing: border-box;
| |
| color: var(--wiki-content-text-color);
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent);
| |
| }
| |
|
| |
| #mw-data-after-content .read-more-container {
| |
| border: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
| |
| border-top-width: 0;
| |
| border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color));
| |
| padding: 1em;
| |
| margin: 0;
| |
| }
| |
|
| |
| #mw-data-after-content .read-more-container:empty {
| |
| display: none;
| |
| }
| |
|
| |
| @media screen and (min-width: 982px) {
| |
| #mw-data-after-content .read-more-container {
| |
| padding: 1.25em 1.5em 1.5em 1.5em;
| |
| }
| |
| }
| |
|
| |
| .mw-footer {
| |
| max-width: calc(var(--wiki-page-content-max-width, 9999px) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em));
| |
| box-sizing: border-box;
| |
| background-color: color-mix(in srgb, var(--wiki-footer-background-color, var(--wiki-content-background-color)) var(--wiki-footer-background-opacity, var(--wiki-content-background-opacity)), transparent);
| |
| border: var(--wiki-footer-border-width, 1px) var(--wiki-footer-border-style, solid) var(--wiki-footer-border-color, var(--wiki-content-border-color));
| |
| border-top-width: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-width, 1px)));
| |
| margin-top: var(--wiki-spacing-before-footer, 0px);
| |
| border-radius: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px));
| |
| margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em) + max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2);
| |
| color: var(--wiki-footer-text-color);
| |
| border-image: var(--wiki-footer-border-image, none);
| |
| backdrop-filter: var(--wiki-footer-backdrop-filter, none);
| |
| }
| |
|
| |
| @supports not (color:color-mix(in srgb, #000, transparent)) {
| |
| .mw-footer {
| |
| background-color: var(--wiki-footer-background-color, var(--wiki-content-background-color));
| |
| }
| |
| }
| |
|
| |
| .mw-footer li {
| |
| color: var(--wiki-footer-text-color);
| |
| }
| |
|
| |
| .mw-footer a,
| |
| .mw-footer a:visited {
| |
| color: var(--wiki-footer-link-color);
| |
| }
| |
|
| |
| .mw-footer a:hover,
| |
| .mw-footer a:visited:hover {
| |
| color: var(--wiki-footer-link-color--hover);
| |
| }
| |
|
| |
| /* fix */
| |
| @media screen and (max-width: 900px) {
| |
| #footer-icons, #footer-places {
| |
| clear: unset;
| |
| }
| |
| }
| |
|
| |
| /*******************************
| |
| * End content area and footer *
| |
| *******************************/
| |
|
| |
| /***********
| |
| * Headings *
| |
| ************/
| |
| .mw-body h1 {
| |
| border-bottom: var(--wiki-content-firstheading-border-bottom-width, var(--wiki-content-heading-border-bottom-width, 1px)) var(--wiki-content-firstheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-firstheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color)));
| |
| font-size: var(--wiki-content-firstheading-font-size, 1.8em);
| |
| font-family: var(--wiki-content-firstheading-font-family, var(--wiki-content-heading-font-family));
| |
| font-weight: var(--wiki-content-firstheading-font-weight, var(--wiki-content-heading-font-weight));
| |
| font-style: var(--wiki-content-firstheading-font-style, var(--wiki-content-heading-font-style));
| |
| text-transform: var(--wiki-content-firstheading-text-transform, var(--wiki-content-heading-text-transform));
| |
| line-height: var(--wiki-content-firstheading-line-height, var(--wiki-content-heading-line-height));
| |
| color: var(--wiki-content-firstheading-color, var(--wiki-content-heading-color));
| |
| text-shadow: var(--wiki-content-firstheading-text-shadow, var(--wiki-content-heading-text-shadow, none));
| |
| }
| |
|
| |
| .mw-body h2 {
| |
| border-bottom: var(--wiki-content-heading-border-bottom-width, 1px) var(--wiki-content-heading-border-style, solid) var(--wiki-content-heading-border-color, var(--wiki-content-border-color));
| |
| font-size: var(--wiki-content-heading-h2-font-size, 1.5em);
| |
| font-family: var(--wiki-content-heading-font-family);
| |
| font-weight: var(--wiki-content-heading-font-weight, normal);
| |
| font-style: var(--wiki-content-heading-font-style, normal);
| |
| text-transform: var(--wiki-content-heading-text-transform, none);
| |
| line-height: var(--wiki-content-heading-line-height, normal);
| |
| color: var(--wiki-content-heading-color);
| |
| text-shadow: var(--wiki-content-heading-text-shadow, none);
| |
| }
| |
|
| |
| .mw-body h3,
| |
| .mw-body h4,
| |
| .mw-body h5,
| |
| .mw-body h6{
| |
| border-bottom: var(--wiki-content-subheading-border-bottom-width, 0) var(--wiki-content-subheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-subheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color)));
| |
| font-family: var(--wiki-content-subheading-font-family, var(--wiki-body-font-family));
| |
| font-weight: var(--wiki-content-subheading-font-weight, bold);
| |
| font-style: var(--wiki-content-subheading-font-style, normal);
| |
| text-transform: var(--wiki-content-subheading-text-transform, none);
| |
| line-height: var(--wiki-content-subheading-line-height, var(--wiki-content-heading-line-height));
| |
| color: var(--wiki-content-subheading-color, var(--wiki-content-heading-color));
| |
| text-shadow: var(--wiki-content-subheading-text-shadow, var(--wiki-content-heading-text-shadow, none));
| |
| }
| |
| .mw-body h3{
| |
| font-size: var(--wiki-content-heading-h3-font-size, 1.2em);
| |
| }
| |
| .mw-body h4{
| |
| font-size: var(--wiki-content-heading-h4-font-size, 114%);
| |
| }
| |
| .mw-body h5{
| |
| font-size: var(--wiki-content-heading-h5-font-size, 108%);
| |
| }
| |
| .mw-body h6{
| |
| font-size: var(--wiki-content-heading-h6-font-size, 100%);
| |
| }
| |
|
| |
|
| |
| .mw-editsection-bracket,
| |
| .mw-editsection-divider {
| |
| color: var(--wiki-content-heading-color);
| |
| }
| |
|
| |
| /***************
| |
| * End headings *
| |
| ****************/
| |
|
| |
| /*************
| |
| * Wikitables *
| |
| **************/
| |
| .wikitable {
| |
| background: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .wikitable > tr > th,
| |
| .wikitable > * > tr > th {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikitable > tr > td,
| |
| .wikitable > * > tr > td {
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| /* Forward = yes bg on Special:Interwiki */
| |
| table.mw-interwikitable.body td.mw-interwikitable-local-yes {
| |
| background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent);
| |
| }
| |
|
| |
| .zebra-table > * > tr:nth-of-type(2n),
| |
| .zebra-table > tr:nth-of-type(2n) {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent);
| |
| }
| |
|
| |
| .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
| |
| .jquery-tablesorter th.headerSort {
| |
| background-image: unset;
| |
| position: relative;
| |
| }
| |
|
| |
| .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
| |
| .jquery-tablesorter th.headerSort::after {
| |
| content: "";
| |
| display: block;
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| width: 21px;
| |
| height: 100%;
| |
| --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: auto;
| |
| mask-size: auto;
| |
| -webkit-mask-position: center right;
| |
| mask-position: center right;
| |
| background-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .jquery-tablesorter th.headerSortUp::after {
| |
| --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
| |
| }
| |
|
| |
| .jquery-tablesorter th.headerSortDown::after {
| |
| --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
| |
| }
| |
|
| |
| /*****************
| |
| * End wikitables *
| |
| ******************/
| |
|
| |
| /**************
| |
| * Preferences *
| |
| ***************/
| |
| .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
| |
| .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
| |
| border: none;
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-framed {
| |
| background-color: transparent;
| |
| border-bottom: 1px solid var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent);
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
| |
| color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| #preferences .mw-htmlform-submit-buttons {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
| |
| .oo-ui-textInputWidget .oo-ui-inputWidget-input,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-pendingElement-pending {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| background-image: linear-gradient(135deg, var(--wiki-content-background-color) 25%, transparent 25%, transparent 50%, var(--wiki-content-background-color) 50%, var(--wiki-content-background-color) 75%, transparent 75%, transparent);
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-border-color)
| |
| }
| |
|
| |
| .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down {
| |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
| |
| color: var(--wiki-content-text-mix-color);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
| |
| color: var(--wiki-content-dynamic-color);
| |
| border-color: var(--wiki-accent-color)
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget select option,
| |
| .oo-ui-dropdownInputWidget select optgroup {
| |
| color: #000;
| |
| }
| |
|
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget [type="radio"] + span {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span {
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent);
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before {
| |
| border-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span {
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw-prefs-search-highlight {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important;
| |
| outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important;
| |
| }
| |
|
| |
| /****************
| |
| * End preferences *
| |
| *****************/
| |
|
| |
| /***************
| |
| * Page history *
| |
| ****************/
| |
| #pagehistory li {
| |
| background-color: transparent;
| |
| border: none;
| |
| }
| |
|
| |
| #pagehistory li.selected {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px dashed var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .diff td.diff-addedline {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-success-color);
| |
| border-width: 1px 1px 1px 4px;
| |
| }
| |
|
| |
| .diff td.diff-addedline .diffchange {
| |
| background-color: var(--wiki-success-color);
| |
| color: var(--wiki-success-label-color);
| |
| }
| |
|
| |
| .diff td.diff-deletedline {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-alert-color);
| |
| border-width: 1px 1px 1px 4px;
| |
| }
| |
|
| |
| .diff td.diff-deletedline .diffchange {
| |
| background-color: var(--wiki-alert-color);
| |
| color: var(--wiki-alert-label-color)
| |
| }
| |
|
| |
| .diff td.diff-context {
| |
| background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color));
| |
| border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-right {
| |
| color: transparent;
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-right:hover:after {
| |
| opacity: .75;
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-right:after {
| |
| color: var(--wiki-content-text-color);
| |
| content: "\21a9";
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-left {
| |
| color: transparent;
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-left:hover:after {
| |
| opacity: .75;
| |
| }
| |
|
| |
| .diff-marker a.mw-diff-movedpara-left:after {
| |
| color: var(--wiki-content-text-color);
| |
| content: "\21aa";
| |
| }
| |
|
| |
| .mw-plusminus-neg {
| |
| color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .mw-plusminus-null {
| |
| color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
| |
| }
| |
|
| |
| .mw-plusminus-pos {
| |
| color: var(--wiki-success-color);
| |
| }
| |
|
| |
| .updatedmarker {
| |
| background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| li span.deleted,
| |
| span.history-deleted {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| span.mw-history-suppressed {
| |
| /* overrides above, since suppressed is also deleted */
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| /* inline diff (1.41) */
| |
| .mw-diff-inline-header {
| |
| border-bottom: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-diff-inline-added ins,
| |
| .mw-diff-inline-changed ins,
| |
| .mw-diff-inline-moved ins,
| |
| .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins,
| |
| .mw-diff-inline-added.mw-diff-empty-line::after,
| |
| .mw-inline-diff-newline::after {
| |
| background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
| |
| color: var(--wiki-success-label-color);
| |
| display: inline-block;
| |
| }
| |
|
| |
| .mw-diff-inline-added.mw-diff-empty-line::after,
| |
| .mw-diff-inline-deleted.mw-diff-empty-line::after,
| |
| .mw-inline-diff-newline::after {
| |
| padding: 0.4em 0;
| |
| }
| |
|
| |
| .mw-diff-inline-deleted del,
| |
| .mw-diff-inline-changed del,
| |
| .mw-diff-inline-moved del,
| |
| .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del,
| |
| .mw-diff-inline-deleted.mw-diff-empty-line::after {
| |
| background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
| |
| color: var(--wiki-alert-label-color);
| |
| display: inline-block;
| |
| }
| |
|
| |
| .mw-diff-movedpara-left::after,
| |
| .mw-diff-movedpara-right::after {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
| |
| border-right-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-diffElement-attributeChange {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-diffElement-attributeChange ins {
| |
| background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
| |
| box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
| |
| color: var(--wiki-success-label-color);
| |
| }
| |
|
| |
| .ve-ui-diffElement-attributeChange del {
| |
| background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
| |
| box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
| |
| color: var(--wiki-alert-label-color);
| |
| }
| |
|
| |
| .ve-ui-diffElement-highlight {
| |
| outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
| |
| background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| }
| |
|
| |
| /* Edit conflict */
| |
|
| |
| .mw-twocolconflict-split-tour-image-dual-column-view-1 {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-tour-image-blue-dot {
| |
| filter: brightness(0) var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| .mw-pulsating-dot::before, .mw-pulsating-dot::after {
| |
| background-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label {
| |
| background-color: var(--wiki-alert-color);
| |
| color: var(--wiki-alert-label-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label,
| |
| .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label {
| |
| background-color: var(--wiki-success-color);
| |
| color: var(--wiki-success-label-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-copy,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
| |
| border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade,
| |
| .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade {
| |
| background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95));
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column,
| |
| .mw-twocolconflict-split-column {
| |
| background-color: var(--wiki-content-background-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete {
| |
| border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-delete,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
| |
| border-color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add {
| |
| border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-add,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
| |
| border-color: var(--wiki-success-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
| |
| background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
| |
| background-color: var(--wiki-alert-color);
| |
| color: var(--wiki-alert-label-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange,
| |
| .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
| |
| background-color: var(--wiki-success-color);
| |
| color: var(--wiki-success-label-color);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
| |
| .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
| |
| .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
| |
| border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent);
| |
| background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
| |
| .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
| |
| border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
| |
| background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
| |
| .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
| |
| .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span {
| |
| border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
| |
| background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent);
| |
| }
| |
|
| |
| .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /*******************
| |
| * End page history *
| |
| ********************/
| |
|
| |
| /********************
| |
| * Table of contents *
| |
| *********************/
| |
| #toc,
| |
| .toc,
| |
| .toccolours,
| |
| .mw-warning {
| |
| background: var(--wiki-content-toc-background, var(--wiki-content-background-color--secondary));
| |
| border-width: var(--wiki-content-toc-border-width, 1px);
| |
| border-style: var(--wiki-content-toc-border-style, solid);
| |
| border-color: var(--wiki-content-toc-border-color, var(--wiki-content-border-color));
| |
| border-radius: var(--wiki-content-toc-border-radius, 0px);
| |
| border-image: var(--wiki-content-toc-border-image, none);
| |
| box-shadow: var(--wiki-content-toc-box-shadow, none);
| |
| }
| |
|
| |
| #mw-toc-heading {
| |
| border: 0;
| |
| }
| |
|
| |
| .toctogglelabel {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .tocnumber {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| /************************
| |
| * End table of contents *
| |
| *************************/
| |
|
| |
| /*************
| |
| * Thumbnails *
| |
| **************/
| |
| img.thumbborder {
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| padding: 5px;
| |
| }
| |
|
| |
| div.thumbinner {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| li.gallerybox div.thumb {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| html .thumbimage {
| |
| background-color: unset;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .thumb,
| |
| .thumb .thumbinner,
| |
| .thumb .thumbimage {
| |
| max-width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .thumb .thumbimage:not(audio) {
| |
| height: auto;
| |
| }
| |
|
| |
| body.skin--responsive .mw-parser-output .thumb .thumbinner > .thumbcaption {
| |
| width: revert;
| |
| }
| |
|
| |
| /* packed-overlay and packed-hover modes for galleries */
| |
| ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
| |
| ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
| |
| ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent);
| |
| }
| |
|
| |
| /* for non-thumbnail left floaters, increased margin from 0.5em to account for <ul> */
| |
| div.floatleft,
| |
| table.floatleft {
| |
| margin-right: 1.4em;
| |
| }
| |
|
| |
| /* Responsive floating thumbnails */
| |
| @media screen and (max-width: 720px) {
| |
| div.tright,
| |
| div.floatright,
| |
| div.tleft,
| |
| div.floatleft {
| |
| float: none;
| |
| margin: 0 auto;
| |
| width: fit-content;
| |
| }
| |
| }
| |
|
| |
| /*****************
| |
| * End thumbnails *
| |
| ******************/
| |
|
| |
| /**************
| |
| * Wiki editor *
| |
| ***************/
| |
| #wpTextbox0 {
| |
| /* need !important here to override inline styling */
| |
| background-color: var(--wiki-content-background-color) !important;
| |
| }
| |
|
| |
| .wikiEditor-ui {
| |
| border: none;
| |
| }
| |
|
| |
| .wikiEditor-ui .wikiEditor-ui-top,
| |
| .wikiEditor-ui .wikiEditor-ui-view {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group,
| |
| .wikiEditor-ui-toolbar .section-secondary .group {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .tabs span.tab a,
| |
| .wikiEditor-ui-toolbar .tabs span.tab a:visited,
| |
| .wikiEditor-ui-toolbar .tabs span.tab a.current,
| |
| .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
| |
| .wikiEditor-ui-toolbar .booklet .index .current {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group .tool-select .options {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group .tool-select .options .option {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .tabs span.tab a::before,
| |
| .wikiEditor-ui-toolbar .group .tool-select .label::after {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group .label,
| |
| .wikiEditor-ui-toolbar .group .tool-select .label,
| |
| .wikiEditor-ui-toolbar .page-table th,
| |
| .wikiEditor-ui-toolbar .page-table td,
| |
| .wikiEditor-ui-toolbar .page-characters div span,
| |
| .wikiEditor-ui-toolbar .booklet .index div {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .booklet > .index > :hover {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .page-characters div span {
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .sections .section,
| |
| .wikiEditor-ui-toolbar .booklet .pages,
| |
| .wikiEditor-ui-toolbar .booklet .index .current,
| |
| .wikiEditor-ui-toolbar .page-characters div span:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .sections .section {
| |
| border-top: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .page-characters div span:hover {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .page-table td {
| |
| border-top: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-tabs div a {
| |
| background: #9A647F;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .wikiEditor-ui-tabs div.current {
| |
| border-bottom: 1px solid #3B3352;
| |
| }
| |
|
| |
| .wikiEditor-ui-tabs div.current a {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .wikiEditor-ui-tabs {
| |
| border-left: 1px solid #3B3352;
| |
| border-top: 1px solid #3B3352;
| |
| }
| |
|
| |
| .wikiEditor-ui-text {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .wikiEditor-preview-contents {
| |
| background: transparent;
| |
| background-color: rgba(255, 255, 255, 0.2);
| |
| border-color: #3B3352;
| |
| border-style: solid;
| |
| border-width: 0 1px 1px;
| |
| }
| |
|
| |
| .wikiEditor-ui-controls {
| |
| background: transparent;
| |
| }
| |
|
| |
| .wikiEditor-preview-contents,
| |
| .wikiEditor-preview-loading {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget,
| |
| .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .wikiEditor-toolbar-dialog {
| |
| max-width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-ResizingDragBar {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ext-WikiEditor-ResizingDragBar-ns {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-ResizingDragBar span {
| |
| background-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-ResizingDragBar:hover span {
| |
| background-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
| |
| .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| /* creates a warning message about previewing sidebar edits */
| |
| .page-MediaWiki_Sidebar .wikiEditor-ui-bottom:has(.ext-WikiEditor-twopanes-TwoPaneLayout)::before {
| |
| content:"Warning: Sidebar previews are not accurate. Please save to see your changes!";
| |
| background:var(--wiki-alert-color);
| |
| display:block;
| |
| text-align:center;
| |
| color:var(--wiki-alert-label-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .wikiEditor-ui-toolbar .group,
| |
| .wikiEditor-ui-toolbar .section-secondary .group {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-realtimepreview-button:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 3px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-realtimepreview-ErrorLayout {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ext-WikiEditor-image-realtimepreview-error {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
| |
| .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .editOptions {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| border-image: none;
| |
| border-radius: 0 0 5px 5px;
| |
| border-style: none solid solid;
| |
| border-width: medium 1px 1px;
| |
| }
| |
|
| |
| input#wpSummary {
| |
| margin-bottom: 1em;
| |
| margin-top: 1em;
| |
| width: 80%;
| |
| }
| |
|
| |
| .view-dark .ace_editor,
| |
| .ace_editor {
| |
| --ace-keywords: #CDA869;
| |
| --ace-regexp: #E9C062;
| |
| --ace-constants: #CF6A4C;
| |
| --ace-illegal: #F8F8F8;
| |
| --ace-deprecated: #D2A8A1;
| |
| --ace-support: #9B859D;
| |
| --ace-function: #DAD085;
| |
| --ace-list: #F9EE98;
| |
| --ace-variable: #7587A6;
| |
| --ace-string: #8F9D6A;
| |
|
| |
| --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
| |
| --ace-step-highlight: #665200;
| |
| --ace-multiselect-shadow: #141414;
| |
| }
| |
|
| |
| .view-light .ace_editor {
| |
| --ace-keywords: #00f;
| |
| --ace-regexp: #036a07;
| |
| --ace-constants: #c5060b;
| |
| --ace-illegal: #f00;
| |
| --ace-deprecated: #f00;
| |
| --ace-support: #6d79de;
| |
| --ace-function: #3c4c72;
| |
| --ace-list: #b90690;
| |
| --ace-variable: #318495;
| |
| --ace-string: #036a07;
| |
|
| |
| --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
| |
| --ace-step-highlight: #fcff00;
| |
| --ace-multiselect-shadow: #fff;
| |
| }
| |
|
| |
| .ace_editor .ace_gutter {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent);
| |
| }
| |
|
| |
| .ace_gutter-cell {
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_print-margin {
| |
| width: 1px;
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent);
| |
| }
| |
|
| |
| .ace_editor {
| |
| /* this image gradient hack effectively lets the element have 2 layers of background */
| |
| background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent);
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_cursor,
| |
| .ace-monokai .ace_punctuation,
| |
| .ace-monokai .ace_punctuation.ace_tag {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .ace_editor .ace_marker-layer .ace_selection {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent)
| |
| }
| |
|
| |
| .ace_editor.ace_multiselect .ace_selection.ace_start {
| |
| box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
| |
| }
| |
|
| |
| .ace_editor .ace_marker-layer .ace_step {
| |
| background: var(--ace-step-highlight);
| |
| }
| |
|
| |
| .ace_editor .ace_marker-layer .ace_active-line,
| |
| .ace_editor .ace_gutter-active-line {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent)
| |
| }
| |
|
| |
| .ace-tm .ace_marker-layer .ace_selected-word {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_marker-layer .ace_selection {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_marker-layer .ace_selected-word {
| |
| border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_invisible {
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_keyword,
| |
| .ace_editor .ace_meta {
| |
| color: var(--ace-keywords);
| |
| }
| |
|
| |
| .ace_editor .ace_constant,
| |
| .ace_editor .ace_constant.ace_numeric,
| |
| .ace_editor .ace_constant.ace_character,
| |
| .ace_editor .ace_constant.ace_character.ace_escape,
| |
| .ace_editor .ace_constant.ace_other,
| |
| .ace_editor .ace_heading,
| |
| .ace_editor .ace_markup.ace_heading,
| |
| .ace_editor .ace_support.ace_constant {
| |
| color: var(--ace-constants);
| |
| }
| |
|
| |
| .ace_editor .ace_invalid.ace_illegal {
| |
| color: var(--ace-illegal);
| |
| background-color: var(--ace-illegal-highlight);
| |
| }
| |
|
| |
| .ace_editor .ace_invalid.ace_deprecated {
| |
| text-decoration: underline;
| |
| font-style: italic;
| |
| color: var(--ace-deprecated);
| |
| }
| |
|
| |
| .ace_editor .ace_support,
| |
| .ace_editor .ace_support.ace_type {
| |
| color: var(--ace-support);
| |
| }
| |
|
| |
| .ace_editor .ace_fold {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
| |
| border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_support.ace_function {
| |
| color: var(--ace-function);
| |
| }
| |
|
| |
| .ace_editor .ace_list,
| |
| .ace_editor .ace_markup.ace_list,
| |
| .ace_editor .ace_storage {
| |
| color: var(--ace-list);
| |
| }
| |
|
| |
| .ace_editor .ace_entity.ace_name.ace_function,
| |
| .ace_editor .ace_meta.ace_tag,
| |
| .ace_editor .ace_variable {
| |
| color: var(--ace-variable);
| |
| }
| |
|
| |
| .ace_editor .ace_string {
| |
| color: var(--ace-string);
| |
| }
| |
|
| |
| .ace_editor .ace_string.ace_regexp {
| |
| color: var(--ace-regexp);
| |
| }
| |
|
| |
| .ace_editor .ace_comment {
| |
| font-style: italic;
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_xml-pe {
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent);
| |
| }
| |
|
| |
| .ace_editor .ace_indent-guide {
| |
| background: none;
| |
| box-shadow: 1px 0 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
| |
| }
| |
|
| |
| .ace_search {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ace_search_field {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ace_button {
| |
| color: var(--wiki-content-text-color);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ace_button:hover {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ace_button.checked {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ace_searchbtn {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ace_searchbtn:hover {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ace_searchbtn.prev::after,
| |
| .ace_searchbtn.next::after {
| |
| border-color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ace_searchbtn_close {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .wikiEditor-ui .codeEditor-status {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-editform #wpTextbox1 {
| |
| background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .view-dark .ext-codemirror-wrapper,
| |
| .ext-codemirror-wrapper {
| |
| --codemirror-yellow: #ffd700;
| |
| --codemirror-light-blue: #adf;
| |
| --codemirror-blue: #08f;
| |
| --codemirror-green: #290;
| |
| --codemirror-red: #f50;
| |
| --codemirror-dark-red: #dd1616;
| |
| --codemirror-purple: #CD4EF9;
| |
| --codemirror-pink: #e0e;
| |
| --codemirror-light-gray: #eee;
| |
| --codemirror-gray: #84a0a0;
| |
| }
| |
|
| |
| .view-light .ext-codemirror-wrapper {
| |
| --codemirror-yellow: #9e8500;
| |
| --codemirror-light-blue: #008ae7;
| |
| --codemirror-blue: #0085f9;
| |
| --codemirror-green: #290;
| |
| --codemirror-red: #ef4f00;
| |
| --codemirror-dark-red: #a11;
| |
| --codemirror-purple: #80c;
| |
| --codemirror-pink: #ed00ed;
| |
| --codemirror-light-gray: #858585;
| |
| --codemirror-gray: #6b8a8a;
| |
| }
| |
|
| |
| .ext-codemirror-wrapper {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent);
| |
| color: var(--wiki-content-text-color)
| |
| }
| |
|
| |
| .cm-editor .cm-selectionBackground,
| |
| .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
| |
| background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent);
| |
| }
| |
|
| |
| .cm-mw-keyword {
| |
| color: var(--codemirror-purple)
| |
| }
| |
|
| |
| .cm-mw-def {
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-variable-2 {
| |
| color: var(--codemirror-light-blue)
| |
| }
| |
|
| |
| .cm-mw-string {
| |
| color: var(--codemirror-red)
| |
| }
| |
|
| |
| .cm-mw-atom {
| |
| color: var(--codemirror-pink)
| |
| }
| |
|
| |
| .cm-mw-number {
| |
| color: var(--codemirror-green)
| |
| }
| |
|
| |
| .cm-mw-matching {
| |
| background-color: var(--codemirror-yellow)
| |
| }
| |
|
| |
| .cm-mw-skipformatting {
| |
| background-color: var(--codemirror-light-blue)
| |
| }
| |
|
| |
| .cm-mw-list {
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-doubleUnderscore,
| |
| .cm-mw-hr,
| |
| .cm-mw-signature {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-indenting {
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-mnemonic {
| |
| color: var(--codemirror-green)
| |
| }
| |
|
| |
| .cm-mw-comment {
| |
| color: var(--codemirror-gray)
| |
| }
| |
|
| |
| .cm-mw-apostrophes-bold,
| |
| .cm-mw-apostrophes-italic,
| |
| .cm-mw-section-header {
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-template,
| |
| .cm-mw-template-argument-name,
| |
| .cm-mw-template-bracket,
| |
| .cm-mw-template-delimiter,
| |
| .cm-mw-template-name {
| |
| color: var(--codemirror-purple);
| |
| }
| |
|
| |
| .cm-mw-templatevariable,
| |
| .cm-mw-templatevariable-bracket,
| |
| .cm-mw-templatevariable-delimiter,
| |
| .cm-mw-templatevariable-name {
| |
| color: var(--codemirror-red)
| |
| }
| |
|
| |
| .cm-mw-parserfunction-bracket,
| |
| .cm-mw-parserfunction-delimiter,
| |
| .cm-mw-parserfunction-name {
| |
| color: var(--codemirror-dark-red)
| |
| }
| |
|
| |
| .cm-mw-exttag-attribute,
| |
| .cm-mw-exttag-bracket,
| |
| .cm-mw-exttag-name,
| |
| .cm-mw-htmltag-attribute,
| |
| .cm-mw-htmltag-bracket,
| |
| .cm-mw-htmltag-name {
| |
| color: var(--codemirror-green)
| |
| }
| |
|
| |
| .cm-mw-link,
| |
| .cm-mw-link-pagename {
| |
| color: var(--wiki-content-link-color)
| |
| }
| |
|
| |
| .cm-mw-link-tosection {
| |
| color: var(--codemirror-blue)
| |
| }
| |
|
| |
| .cm-mw-extlink,
| |
| .cm-mw-extlink-bracket,
| |
| .cm-mw-extlink-protocol,
| |
| .cm-mw-free-extlink,
| |
| .cm-mw-free-extlink-protocol,
| |
| .cm-mw-link-bracket,
| |
| .cm-mw-link-delimiter {
| |
| color: var(--wiki-content-link-color)
| |
| }
| |
|
| |
| .cm-mw-table-bracket,
| |
| .cm-mw-table-definition,
| |
| .cm-mw-table-delimiter {
| |
| color: var(--codemirror-pink)
| |
| }
| |
|
| |
| .cm-mw-matchingbracket {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .cm-editor .cm-tooltip-autocomplete ul li[aria-selected] {
| |
| background: color-mix(in srgb, var(--wiki-content-link-color) 15%, var(--wiki-content-background-color));
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| /* VisualEditor: Fix broken toolbar layout */
| |
| .oo-ui-toolbar {
| |
| clear: none;
| |
| display: flex; /* fix overflow issue at narrow widths */
| |
| }
| |
| .ve-ui-toolbar > .oo-ui-toolbar-bar{
| |
| width: 100%; /* fix overflow issue at narrow widths */
| |
| }
| |
| .ve-ui-toolbar.ve-ui-toolbar-floating > .oo-ui-toolbar-bar{
| |
| width: auto; /* fix overflow issue at narrow widths */
| |
| }
| |
|
| |
| .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) {
| |
| display: none;
| |
| }
| |
|
| |
| .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
| |
| top: var(--wikigg-header-scroll-height);
| |
| }
| |
|
| |
| .oo-ui-toolbar-bar .oo-ui-toolbar-bar,
| |
| .ve-area-wrapper .oo-ui-toolbar-bar {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ve-init-mw-desktopArticleTarget-originalContent .content-body {
| |
| clear: right;
| |
| }
| |
|
| |
| /* fix a lot of empty space from TemplateData when using VE Source */
| |
| .tdg-editscreen-main.mw-body-content::after {
| |
| display: none;
| |
| }
| |
|
| |
| /*************
| |
| * End editor *
| |
| **************/
| |
|
| |
| /****************
| |
| * Tabber styles *
| |
| *****************/
| |
| .tabber__header {
| |
| box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .tabber__tab,
| |
| .tabber__tab:visited {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .tabber__tab:hover,
| |
| .tabber__tab:hover:visited,
| |
| .tabber__tab[aria-selected="true"],
| |
| .tabber__tab[aria-selected="true"]:visited {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .tabber__tab[aria-selected="true"] {
| |
| box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset;
| |
| }
| |
|
| |
| .tabber__header__prev::after,
| |
| .tabber__header__next::after {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| /********************
| |
| * End Tabber styles *
| |
| *********************/
| |
|
| |
| /***************************************
| |
| * Various fixes for multi-theme Vector *
| |
| ****************************************/
| |
| :focus,
| |
| :focus-visible {
| |
| outline-color: var(--wiki-accent-color)
| |
| }
| |
|
| |
| :focus-visible {
| |
| outline-style: solid;
| |
| }
| |
|
| |
| .oo-ui-iconElement-icon {
| |
| filter: var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| .oo-ui-iconElement-icon.oo-ui-icon-reload {
| |
| filter: brightness(0) var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| fieldset {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| hr {
| |
| background-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .CategoryTreeToggle {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| input,
| |
| select {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| input:hover,
| |
| input:focus,
| |
| input:active {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| input:focus-visible {
| |
| outline: 1px solid var(--wiki-accent-color);
| |
| }
| |
|
| |
| input::file-selector-button,
| |
| input[type="button"],
| |
| input[type="submit"] {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .vector-body blockquote {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| /* category bar and filetoc */
| |
| .catlinks{
| |
| background: var(--wiki-content-catlinks-background, var(--wiki-content-background-color--secondary));
| |
| border-width: var(--wiki-content-catlinks-border-width, 1px);
| |
| border-style: var(--wiki-content-catlinks-border-style, solid);
| |
| border-color: var(--wiki-content-catlinks-border-color, var(--wiki-content-border-color));
| |
| border-radius: var(--wiki-content-catlinks-border-radius, 0px);
| |
| border-image: var(--wiki-content-catlinks-border-image, none);
| |
| box-shadow: var(--wiki-content-catlinks-box-shadow, none);
| |
|
| |
| }
| |
| ul#filetoc {
| |
| background: var(--wiki-content-filetoc-background, var(--wiki-content-background-color--secondary));
| |
| border-width: var(--wiki-content-filetoc-border-width, 1px);
| |
| border-style: var(--wiki-content-filetoc-border-style, solid);
| |
| border-color: var(--wiki-content-filetoc-border-color, var(--wiki-content-border-color));
| |
| border-radius: var(--wiki-content-filetoc-border-radius, 0px);
| |
| border-image: var(--wiki-content-filetoc-border-image, none);
| |
| box-shadow: var(--wiki-content-filetoc-box-shadow, none);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| body .ui-dialog .ui-widget-header {
| |
| /* we need an important here because the built-in styles have one :( */
| |
| background: var(--wiki-content-background-color) !important;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ui-widget-content {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| body .ui-button {
| |
| /* we need an important here because the built-in styles have one. Vector is a mess */
| |
| background: var(--wiki-accent-color) !important;
| |
| border-color: var(--wiki-accent-color) !important;
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| body .ui-button:hover,
| |
| body .ui-button:focus,
| |
| body .ui-button:active {
| |
| /* we need an important here because we had to use some above */
| |
| background: var(--wiki-accent-color--hover) !important;
| |
| border-color: var(--wiki-accent-color--hover) !important;
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ui-state-default,
| |
| .ui-widget-content .ui-state-default,
| |
| .ui-widget-header .ui-state-default {
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .ui-state-focus {
| |
| /* we need an important here because the built-in styles have one */
| |
| background: var(--wiki-accent-color) !important;
| |
| color: var(--wiki-accent-label-color) !important;
| |
| }
| |
|
| |
| .ui-menu .ui-menu-item a {
| |
| color: var(--wiki-content-dynamic-color);
| |
| }
| |
|
| |
| #contentSub,
| |
| #contentSub2 {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| #contentSub2:empty {
| |
| display: none;
| |
| }
| |
|
| |
| /* notifications ("your edit was saved", etc.) */
| |
| .mw-notification {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| top: var(--wikigg-header-scroll-height);
| |
| }
| |
|
| |
| .mw-notification .oo-ui-labelElement-label {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-notification .oo-ui-iconElement-icon {
| |
| filter: unset;
| |
| }
| |
|
| |
| /**/
| |
|
| |
| .mime-type.has-warning {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-image-warning.oo-ui-icon-alert,
| |
| .mw-ui-icon-alert-warning::before {
| |
| filter: drop-shadow(0 0 3px #000);
| |
| }
| |
|
| |
| .oo-ui-image-invert.oo-ui-icon-subtract,
| |
| .mw-ui-icon-subtract-invert::before,
| |
| .oo-ui-image-invert.oo-ui-icon-add,
| |
| .mw-ui-icon-add-invert::before {
| |
| filter: brightness(0) var(--wiki-icon-to-link-filter);
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .mw_metadata td,
| |
| .mw_metadata th {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw_metadata th {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw_metadata td {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-datatable td,
| |
| .mw-datatable th {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| #mw-allmessagestable tbody:hover td,
| |
| .mw-datatable tr:hover > td {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| #mw-allmessagestable .am_default {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| #mw-allmessagestable .am_actual,
| |
| #mw-allmessagestable tbody:hover .am_default {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent);
| |
| }
| |
|
| |
| #mw-allmessagestable .am_actual {
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| #mw-allmessagestable tbody:hover .am_actual {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .mw-datatable,
| |
| .mw-json {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: inherit;
| |
| }
| |
|
| |
| .mw-datatable > * > tr > th,
| |
| .mw-datatable > tr > th,
| |
| .mw-json > * > tr > th,
| |
| .mw-json > tr > th {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| padding-bottom: 9px;
| |
| padding-top: 9px;
| |
| }
| |
|
| |
| .mw-datatable > * > tr > td,
| |
| .mw-datatable > tr > td,
| |
| .mw-json > * > tr > td,
| |
| .mw-json > tr > td {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-json tr {
| |
| background-color: inherit;
| |
| }
| |
|
| |
| .mw-json .mw-json-single-value,
| |
| .mw-json .mw-json-value,
| |
| .mw-json .value {
| |
| background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent);
| |
| }
| |
|
| |
| .mw-json .mw-json-empty {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw-message-box,
| |
| .mw-message-box-warning {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-message-box-warning {
| |
| border-color: var(--wiki-warning-color);
| |
| border-width: 1px 1px 1px 10px;
| |
| }
| |
|
| |
| .mw-destfile-warning {
| |
| border-color: var(--wiki-warning-color);
| |
| color: var(--wiki-content-text-color);
| |
| background-color: color-mix(in srgb, var(--wiki-warning-color) 25%, transparent);
| |
| }
| |
|
| |
| .wikitable *,
| |
| .wikitable :after,
| |
| .wikitable :before {
| |
| -webkit-box-sizing: inherit;
| |
| box-sizing: inherit;
| |
| }
| |
|
| |
| .cargo-pagevalues-tableinfo {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-bottom: 1px solid var(--wiki-content-border-color);
| |
| top: 46px;
| |
| position: static;
| |
| /* override sticky in the built-in */
| |
| }
| |
|
| |
| .cargo-table-diagram .cargo-table-svg .node.entity-name rect {
| |
| fill: var(--wiki-content-background-color--secondary);
| |
| fill-opacity: 1;
| |
| }
| |
|
| |
| .cargo-table-diagram .cargo-table-svg .node rect {
| |
| stroke: var(--wiki-content-border-color);
| |
| opacity: 1;
| |
| }
| |
|
| |
| .cargo-table-diagram .cargo-table-svg .node text tspan {
| |
| fill: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| table.cargoTable {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| table.cargoTable tbody td,
| |
| table.cargoTable thead th {
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| table.cargoTable tr:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent);
| |
| }
| |
|
| |
| table.cargoTable thead tr:nth-child(odd),
| |
| table.cargoTable.noMerge thead tr:nth-child(odd) {
| |
| background-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| table.cargoTable tbody tr:nth-child(2n),
| |
| table.cargoTable.noMerge tbody tr:nth-child(2n) {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| table.cargoTable tbody tr:nth-child(odd),
| |
| table.cargoTable.noMerge tbody tr:nth-child(odd) {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| table.cargoTable th.headerSort {
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| table.cargoTable th.headerSort:hover {
| |
| color: var(--wiki-accent-label-color);
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| table.cargoTable th.headerSort::after {
| |
| background-color: var(--wiki-accent-link-color);
| |
| }
| |
|
| |
| #mw-content-text div.cargoReplacementTableInfo {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .dataTables_wrapper .dataTables_length,
| |
| .dataTables_wrapper .dataTables_filter,
| |
| .dataTables_wrapper .dataTables_info,
| |
| .dataTables_wrapper .dataTables_processing,
| |
| .dataTables_wrapper .dataTables_paginate {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| table.dataTable tbody tr {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| table.dataTable.display tbody tr.odd > .sorting_1,
| |
| table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent);
| |
| }
| |
|
| |
| table.dataTable.stripe tbody tr.odd,
| |
| table.dataTable.display tbody tr.odd,
| |
| table.dataTable.display tbody tr.even > .sorting_1,
| |
| table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
| |
| }
| |
|
| |
| table.dataTable.display tbody tr:hover > .sorting_1,
| |
| table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent);
| |
| }
| |
|
| |
| table.dataTable.hover tbody tr:hover,
| |
| table.dataTable.display tbody tr:hover {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| table.dataTable.row-border tbody th,
| |
| table.dataTable.row-border tbody td,
| |
| table.dataTable.display tbody th,
| |
| table.dataTable.display tbody td {
| |
| border-top: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button,
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
| |
| /* we need this !important to override a built-in one */
| |
| color: var(--wiki-content-text-mix-color) !important;
| |
| }
| |
|
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button.current,
| |
| .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
| |
| /* we need this !important to override a built-in one */
| |
| color: var(--wiki-content-text-color) !important;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| background-color: var(--wiki-content-background-color);
| |
| background: linear-gradient(to bottom, var(--wiki-content-background-color) 0%, var(--wiki-content-background-color--secondary) 100%);
| |
| }
| |
|
| |
| div.drilldown-filters-wrapper {
| |
| background-color: transparent;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .action-pagevalues tr:nth-of-type(2n) {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
| |
| }
| |
|
| |
| .action-pagevalues tr:hover {
| |
| background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent));
| |
| }
| |
|
| |
| div.specialCargoQuery-extraPane {
| |
| background: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .oo-ui-panelLayout-framed {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
|
| |
|
| |
| .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
| |
| background-image: none;
| |
| }
| |
|
| |
| .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| top: 0;
| |
| left: 0;
| |
| background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
| |
| background-image: linear-gradient(transparent, transparent), 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 check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| content: '';
| |
| pointer-events: none;
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget [type="checkbox"] + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
| |
| filter: unset;
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
| |
| background-color: var(--wiki-content-text-mix-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span {
| |
| border-color: var(--wiki-accent-color);
| |
| filter: unset;
| |
| }
| |
|
| |
| .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(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| outline: 1px solid transparent;
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span,
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent)
| |
| }
| |
|
| |
| .oo-ui-image-invert.oo-ui-icon-check {
| |
| background: none;
| |
| position: relative;
| |
| }
| |
|
| |
| .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| top: 0;
| |
| left: 0;
| |
| background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
| |
| background-image: linear-gradient(transparent, transparent), 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 check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| content: '';
| |
| pointer-events: none;
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .oo-ui-indicatorElement-indicator {
| |
| filter: var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
| |
| color: var(--wiki-content-text-color--hover);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-disabled {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-mix-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
| |
| color: var(--wiki-content-text-color);
| |
| padding: 8px 6px;
| |
| -webkit-transition: color .3s, background-color .3s;
| |
| transition: color .3s, background-color .3s;
| |
| }
| |
|
| |
| .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-savedLinksListItemWidget-label {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| border-color: var(--wiki-content-border-color);
| |
| padding: 0;
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label:hover {
| |
| color: var(--wiki-content-link-color--hover);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
| |
| content: "[";
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
| |
| content: "]";
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .oo-ui-menuSelectWidget {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget-header {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget-title {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
| |
| border-bottom-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
| |
| border-top-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent)
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
| |
| border-color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
| |
| }
| |
|
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: transparent;
| |
| color: var(--wiki-content-text-color);
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-datePopupWidget {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
| |
| }
| |
|
| |
| .mw-changeslist-legend,
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| @keyframes fadeBlue {
| |
| 60% {
| |
| border-top-color: var(--wiki-accent-color);
| |
| }
| |
| 100% {
| |
| border-top-color: var(--wiki-content-border-color);
| |
| }
| |
| }
| |
|
| |
| .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
| |
| border-top-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-menuSelectWidget-footer {
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
| |
| background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent);
| |
| }
| |
|
| |
| .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
| |
| filter: unset;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-tagItemWidget-popup-content {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent);
| |
| }
| |
|
| |
| /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */
| |
| .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow {
| |
| outline: none;
| |
| }
| |
|
| |
| .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow {
| |
| outline: 1px solid var(--wiki-accent-color);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
| |
| border-top-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
| |
| border-top-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .unpatrolled {
| |
| color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .autocomment, .autocomment a, .autocomment a:visited {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| /* Recent changes filter highlighting */
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
| |
| background-color: #1c283f;
| |
| }
| |
|
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
| |
| background-color: #0f3128;
| |
| }
| |
|
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
| |
| background-color: #352c10;
| |
| }
| |
|
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
| |
| background-color: #411d0c;
| |
| }
| |
|
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
| |
| .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
| |
| background-color: #3f0f0f;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| -webkit-transition: border-color 300ms, box-shadow 300ms;
| |
| transition: border-color 300ms, box-shadow 300ms;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| outline: 0
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--wiki-accent-color)
| |
| }
| |
|
| |
| .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(--wiki-alert-color)
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-bottom-width: 0;
| |
| border-bottom-left-radius: 0;
| |
| border-bottom-right-radius: 0
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
| |
| border-radius: 0;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
| |
| border-color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
| |
| color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
| |
| opacity: 0.5;
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
| |
| color: inherit;
| |
| background: transparent;
| |
| font-family: inherit;
| |
| }
| |
|
| |
| .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
| |
| background: var(--wiki-content-text-mix-color-95);
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent);
| |
| text-shadow: none;
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget select {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
| |
| border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| border-color: #0006;
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color));
| |
| border-color: #0006;
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
| |
| background-color: var(--wiki-accent-label-color);
| |
| border-color: #0006;
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| border-color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| border-color: var(--wiki-accent-color--hover);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
| |
| background-color: var(--wiki-accent-label-color);
| |
| border-color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .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(--wiki-accent-color--hover);
| |
| border-color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
| |
| border-color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| border-color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
| |
| border-color: var(--wiki-content-dynamic-color--inverted);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .oo-ui-labelWidget.oo-ui-inline-help {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
| |
| }
| |
|
| |
| .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent);
| |
| }
| |
|
| |
| .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
| |
| background-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-bookletLayout-outlinePanel {
| |
| padding: 7px 0;
| |
| }
| |
|
| |
| .oo-ui-processDialog-content .oo-ui-window-head,
| |
| .oo-ui-processDialog-content .oo-ui-window-foot,
| |
| .oo-ui-messageDialog-content > .oo-ui-window-head,
| |
| .oo-ui-messageDialog-content > .oo-ui-window-foot {
| |
| outline-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
| |
| border-right-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-messageDialog-title {
| |
| color: var(--wiki-content-heading-color);
| |
| }
| |
|
| |
| .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-right-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-processDialog-errors {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 90%, transparent);
| |
| }
| |
|
| |
|
| |
| /* OAuth authorisation dialog */
| |
| #mw-mwoauth-authorize-form {
| |
| color: inherit;
| |
| }
| |
|
| |
| .oo-ui-toolbar-bar,
| |
| .oo-ui-popupToolGroup-tools,
| |
| .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup-tools {
| |
| max-width: 100%;
| |
| }
| |
|
| |
| .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
| |
| border-right-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
| |
| .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
| |
| .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
| |
| background-color: var(--wiki-content-background-color);
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
| |
| /* we remove the transition here because it causes the hard-coded color to flash briefly */
| |
| transition: none;
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
| |
| .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
| |
| box-shadow: inset 0 0 0 2px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus,
| |
| .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus,
| |
| .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
| |
| outline: 1px solid var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-menuToolGroup,
| |
| .oo-ui-popupToolGroup-tools {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
| |
| border-color: var(--wiki-content-border-color);
| |
| box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
| |
| }
| |
|
| |
| .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-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
| |
| background-color: var(--wiki-content-text-mix-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| color: var(--wiki-content-text-color--hover);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| color: var(--wiki-content-text-color--hover);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button {
| |
| border: 1px solid transparent;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless > button.oo-ui-buttonElement-button {
| |
| color: inherit;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| border-color: var(--wiki-accent-color--hover);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| background-color: #bf0017;
| |
| border-color: #bf0017;
| |
| color: #fff;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
| |
| background-color: #59000b;
| |
| border-color: #59000b;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color--hover);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
| |
| .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-buttonElement-active > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
| |
| .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-buttonElement-active > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .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: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
| |
| color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent);
| |
| border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
| |
| border-color: var(--wiki-accent-color--hover);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
| |
| .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .oo-ui-popupWidget-popup {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-advancedSearch-namespace-selection {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-menuSectionOptionWidget {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| /* possibly deprecated */
| |
|
| |
| .mw-ui-button:not(:disabled) {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-ui-button:not(:disabled):visited {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-ui-button:not(:disabled):hover {
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .mw-ui-button:not(:disabled):focus {
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-content-text-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .mw-ui-button:not(:disabled):active,
| |
| .mw-ui-button:not(:disabled).is-on {
| |
| background-color: var(--wiki-content-background-color);
| |
| color: var(--wiki-content-dynamic-color);
| |
| border-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| /* end possibly deprecated */
| |
|
| |
| .mw-ui-icon-before::before {
| |
| filter: var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
| |
| background-color: var(--wiki-content-background-color);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-windowManager-modal > .oo-ui-dialog {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-messageDialog-message {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--wiki-accent-color);
| |
| border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| color: var(--wiki-accent-color--hover);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 3px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-link-color--hover);
| |
| border-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
| |
| background-color: var(--wiki-content-text-mix-color);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .tdg-templateDataParamWidget-param-description {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),
| |
| .mw-body-content .error {
| |
| color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-alert-color);
| |
| border-left-width: 10px;
| |
| }
| |
|
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-success-color);
| |
| border-left-width: 10px;
| |
| }
| |
|
| |
| .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .tdg-templateDataParamWidget-param-alias {
| |
| color: var(--wiki-content-text-mix-color);
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .tdg-templateDataParamWidget-param-alias:first-child {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw-templatedata-doc-muted {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-right-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| /* Date picker */
| |
| .mw-widget-dateInputWidget-handle {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget:focus {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-widget-dateInputWidget-calendar {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-widget-dateInputWidget-calendar:focus {
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget-header .oo-ui-labelElement-label,
| |
| .mw-widget-calendarWidget-day,
| |
| .mw-widget-calendarWidget-month,
| |
| .mw-widget-calendarWidget-year {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget-day-heading,
| |
| .mw-widget-calendarWidget-day-additional {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget-day-today {
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget-item-selected {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .mw-widget-calendarWidget-item:hover {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .mw-widgets-datetime-calendarWidget:focus {
| |
| border-color: var(--wiki-content-border-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .mw-widgets-datetime-calendarWidget-grid {
| |
| overflow-x: initial;
| |
| }
| |
|
| |
| .mw-widgets-datetime-dateTimeInputWidget-handle {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-widgets-datetime-calendarWidget {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent);
| |
| }
| |
|
| |
| /* Unpatrolled page creations on Special:NewPages */
| |
| .not-patrolled {
| |
| background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent);
| |
| }
| |
|
| |
| .mw-spinner-container > div::after {
| |
| background-color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| code {
| |
| /* prevents long code blocks from overflowing on mobile */
| |
| white-space: pre-wrap;
| |
| word-break: break-word; /* fallback for older browsers */
| |
| overflow-wrap: anywhere;
| |
| }
| |
|
| |
| pre,
| |
| code,
| |
| .mw-code {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-templatedata-doc-param-alias {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-highlight{
| |
| overflow: unset !important;
| |
| }
| |
| .mw-highlight pre{
| |
| overflow: auto;
| |
| }
| |
|
| |
| div.mw-highlight,
| |
| .skin-theme-clientpref-night div.mw-highlight {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| margin: 0.5em 0;
| |
| }
| |
|
| |
| .mw-highlight pre {
| |
| background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
| |
| margin: 0;
| |
| }
| |
|
| |
| .mw-content-ltr.mw-highlight-lines pre,
| |
| .mw-content-ltr.content .mw-highlight-lines pre {
| |
| padding-left: 3.5em;
| |
| box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .mw-highlight .hll {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)
| |
| }
| |
|
| |
| .mw-apisandbox-toolbar {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| top: var(--wikigg-header-scroll-height);
| |
| }
| |
|
| |
| /* special:replacetext */
| |
| .ext-replacetext-searchoptions {
| |
| background-color: transparent;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ext-replacetext-searchoptions .ext-replacetext-divider {
| |
| border-bottom: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| .view-dark textarea {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .view-dark textarea:focus-visible {
| |
| outline-color: var(--wiki-accent-color);
| |
| outline-style: solid;
| |
| }
| |
|
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
| |
| outline: 1px solid var(--wiki-accent-color);
| |
| }
| |
|
| |
| /* make math formulas legible on dark theme */
| |
| .mwe-math-fallback-image-inline,
| |
| .mwe-math-fallback-image-display,
| |
| .ve-ui-mwLatexPage-symbol {
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| /* search bar */
| |
| #searchInput {
| |
| font-size: inherit; /* override UA style */
| |
| background-color: var(--wiki-navigation-search-background-color, var(--wiki-content-background-color--secondary));
| |
| background-image: var(--wiki-navigation-search-background-image, none);
| |
| background-position: var(--wiki-navigation-search-background-position, 0);
| |
| background-size: var(--wiki-navigation-search-background-size, auto);
| |
| background-repeat: var(--wiki-navigation-search-background-repeat, repeat);
| |
| border: var(--wiki-navigation-search-border-width, 1px) var(--wiki-navigation-search-border-style, solid) var(--wiki-navigation-search-border-color, var(--wiki-content-border-color));
| |
| border-radius: var(--wiki-navigation-search-border-radius, 2px);
| |
| color: var(--wiki-navigation-search-text-color, var(--wiki-content-text-color));
| |
| backdrop-filter: var(--wiki-navigation-search-backdrop-filter, none);
| |
| box-shadow: var(--wiki-navigation-search-box-shadow, none);
| |
| border-image: var(--wiki-navigation-search-border-image, none);
| |
| }
| |
|
| |
| #searchInput:focus,
| |
| #searchform:hover #searchInput,
| |
| #searchform:hover #searchInput:focus {
| |
| border-color: var(--wiki-navigation-search-border-color--hover, var(--wiki-accent-color));
| |
| box-shadow: var(--wiki-navigation-search-box-shadow--hover, var(--wiki-navigation-search-box-shadow, none));
| |
| border-image: var(--wiki-navigation-search-border-image--hover, var(--wiki-navigation-search-border-image, none));
| |
| }
| |
|
| |
| #searchButton {
| |
| filter: var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| .vector-search-box-input::placeholder {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| /* Search suggestions */
| |
|
| |
| .suggestions-results,
| |
| .suggestions-special {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .suggestions a.mw-searchSuggest-link,
| |
| .suggestions a.mw-searchSuggest-link:hover,
| |
| .suggestions a.mw-searchSuggest-link:active,
| |
| .suggestions a.mw-searchSuggest-link:focus {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .suggestions-result {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .suggestions-result-current {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .suggestions-special .special-label {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .suggestions-special .special-query {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .suggestions-special.suggestions-result-current .special-label,
| |
| .suggestions-special.suggestions-result-current .special-query {
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
|
| |
| /* search page */
| |
| fieldset#mw-searchoptions {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| #mw-searchoptions .divider {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-search-profile-tabs {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| margin-top: 1em;
| |
| }
| |
|
| |
| .mw-search-profile-tabs div.search-types ul li.current a {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .results-info,
| |
| .mw-search-result-data {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* Login/register page */
| |
| .mw-number-text {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-body-content .mw-number-text h3 {
| |
| color: var(--wiki-content-heading-color);
| |
| }
| |
|
| |
| .mw-number-text.icon-edits,
| |
| .mw-number-text.icon-pages,
| |
| .mw-number-text.icon-contributors {
| |
| position: relative;
| |
| background: none;
| |
| }
| |
|
| |
| .mw-number-text.icon-edits::before,
| |
| .mw-number-text.icon-pages::before,
| |
| .mw-number-text.icon-contributors::before {
| |
| position: absolute;
| |
| width: 95px;
| |
| height: 100%;
| |
| left: 0;
| |
| top: 0;
| |
| content: '';
| |
| filter: brightness(0) var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .mw-number-text.icon-edits::before {
| |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
| |
| }
| |
|
| |
| .mw-number-text.icon-pages::before {
| |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
| |
| }
| |
|
| |
| .mw-number-text.icon-contributors::before {
| |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* Multimedia viewer */
| |
| .mw-mmv-post-image,
| |
| .mw-mmv-image-metadata {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis {
| |
| box-shadow: -4px 6px 0 0 var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-mmv-title-para .mw-mmv-ttf-ellipsis {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before {
| |
| background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%);
| |
| }
| |
|
| |
| .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover {
| |
| background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive:not(:disabled) {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .skin-vector .mw-ui-button.mw-ui-progressive:hover,
| |
| .skin-vector .mw-ui-button.mw-ui-primary:disabled {
| |
| box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
| |
| border: 2px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive:not(:disabled):active,
| |
| .mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
| |
| background-color: var(--wiki-accent-color);
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive {
| |
| box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
| |
| }
| |
|
| |
| /* possibly deprecated */
| |
| .mw-ui-input:not(:disabled) {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-ui-input:not(:disabled):hover,
| |
| .mw-ui-input:not(:disabled):focus {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .mw-ui-input::placeholder {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| /* end possibly deprecated */
| |
|
| |
|
| |
| .mw-mmv-dialog {
| |
| background-color: var(--wiki-content-background-color);
| |
| box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-mmv-dialog .mw-mmv-dialog-down-arrow {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-mmv-options-dialog-header {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-mmv-options-text-header,
| |
| .mw-mmv-options-text-body {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu {
| |
| background-image: none;
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span {
| |
| display: none;
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after {
| |
| display: inline-block;
| |
| width: 8px;
| |
| height: 100%;
| |
| content: '';
| |
| --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat;
| |
| --mask-size: 12px;
| |
| --mask-position: center;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: var(--mask-size);
| |
| mask-size: var(--mask-size);
| |
| -webkit-mask-position: var(--mask-position);
| |
| mask-position: var(--mask-position);
| |
| background-color: currentColor;
| |
| }
| |
|
| |
| .mw-mmv-embed-dimensions {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent);
| |
| }
| |
|
| |
| .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent);
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-attribution {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-attribution:hover {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link,
| |
| .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-quiet,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive:not(:disabled):focus {
| |
| box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color);
| |
| }
| |
|
| |
| input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet,
| |
| input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
| |
| input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
| |
| .mw-ui-button.mw-ui-quiet:active,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
| |
| input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet,
| |
| input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
| |
| input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
| |
| .mw-ui-button.mw-ui-quiet:focus,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* Echo */
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover {
| |
| color: var(--wiki-accent-label-color);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| @-webkit-keyframes unseen-fadeout-to-unread {
| |
| from {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| }
| |
| to {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
| }
| |
|
| |
| @keyframes unseen-fadeout-to-unread {
| |
| from {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| }
| |
| to {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
| }
| |
|
| |
| @-webkit-keyframes unseen-fadeout-to-read {
| |
| from {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| }
| |
| to {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
| }
| |
|
| |
| @keyframes unseen-fadeout-to-read {
| |
| from {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| }
| |
| to {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
| }
| |
|
| |
| .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
| |
| border-bottom-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .client-js .mw-echo-special-nojs {
| |
| filter: var(--wiki-icon-general-filter)
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* codex fixes */
| |
| .cdx-checkbox__icon {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
| |
| }
| |
|
| |
| .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
| |
| background-color: var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* make the upload form and file pages responsive */
| |
| #wpDestFile,
| |
| #wpUploadDescription,
| |
| #wpLicense,
| |
| #wpUploadFile,
| |
| #multiFileCategory {
| |
| /* max-width does not work here, but setting width has negligible side effects */
| |
| width:100%;
| |
| box-sizing:border-box;
| |
| }
| |
|
| |
| #mw_metadata {
| |
| max-width:100%;
| |
| }
| |
|
| |
| /*************************
| |
| * End Vector theme fixes *
| |
| **************************/
| |
|
| |
| /************************
| |
| * Theme-based Scribunto *
| |
| *************************/
| |
| .mw-scribunto-console-fieldset,
| |
| .mw-scribunto-message,
| |
| .mw-scribunto-input,
| |
| .mw-scribunto-print,
| |
| .mw-scribunto-normalOutput {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
| /****************
| |
| * End Scribunto *
| |
| *****************/
| |
|
| |
| /***************************
| |
| * Theme-based VisualEditor *
| |
| ****************************/
| |
| .ve-activated .vector-menu-tabs .selected {
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .ve-init-mw-progressBarWidget {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent);
| |
| }
| |
|
| |
| .ve-init-mw-progressBarWidget-bar {
| |
| background-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
| |
| top: var(--wikigg-header-scroll-height, 0);
| |
| background: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| div.ve-ce-branchNode {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ce-focusableNode-highlight {
| |
| background: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
| |
| opacity: 0.25;
| |
| }
| |
|
| |
| .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) {
| |
| outline-color: var(--wiki-accent-color);
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent);
| |
| }
| |
|
| |
| figure[typeof~='mw:File/Thumb'],
| |
| figure[typeof~='mw:File/Frame'],
| |
| figure[typeof~='mw:Image/Thumb'],
| |
| figure[typeof~='mw:Video/Thumb'],
| |
| figure[typeof~='mw:Audio/Thumb'],
| |
| figure[typeof~='mw:Image/Frame'],
| |
| figure[typeof~='mw:Video/Frame'],
| |
| figure[typeof~='mw:Audio/Frame'] {
| |
| border-color: var(--wiki-content-border-color);
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
| |
| figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
| |
| border-color: var(--wiki-content-border-color);
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| figure[typeof~='mw:File/Thumb'] > figcaption,
| |
| figure[typeof~='mw:File/Frame'] > figcaption,
| |
| figure[typeof~='mw:Image/Thumb'] > figcaption,
| |
| figure[typeof~='mw:Video/Thumb'] > figcaption,
| |
| figure[typeof~='mw:Audio/Thumb'] > figcaption,
| |
| figure[typeof~='mw:Image/Frame'] > figcaption,
| |
| figure[typeof~='mw:Video/Frame'] > figcaption,
| |
| figure[typeof~='mw:Audio/Frame'] > figcaption {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-specialCharacterPage-character,
| |
| .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
| |
| .oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
| |
| .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
| |
| .ve-ui-specialCharacterPage-character:hover {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-specialCharacterPage-character:hover {
| |
| box-shadow: inset 0 0 1px 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
| |
| .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .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,
| |
| .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
| |
| color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent);
| |
| }
| |
|
| |
| .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
| |
| background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
| |
| color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-tabOptionWidget {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover {
| |
| color: var(--wiki-accent-color--hover);
| |
| box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active {
| |
| color: var(--wiki-content-text-color);
| |
| box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover);
| |
| }
| |
|
| |
| .oo-ui-tabSelectWidget-frameless {
| |
| box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
| |
| border-color: var(--wiki-alert-color);
| |
| }
| |
|
| |
| .ve-ce-linkAnnotation.ve-ce-annotation-active {
| |
| box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent);
| |
| background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent);
| |
| }
| |
|
| |
| .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon {
| |
| background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
| |
| border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
| |
| filter: unset;
| |
| }
| |
|
| |
| .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage {
| |
| filter: unset;
| |
| }
| |
|
| |
| .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) {
| |
| background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
| |
| filter: unset;
| |
| }
| |
|
| |
| .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-toolbarDialog {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
| |
| }
| |
|
| |
| .ve-ce-languageAnnotation {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
| |
| border-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .mw-widget-mediaResultWidget-overlay {
| |
| box-shadow: inset 0 0 0 1px var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel {
| |
| color: #fff;
| |
| }
| |
|
| |
| .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
| |
| background-color: transparent;
| |
| border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-selectFileWidget-dropTarget {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
| |
| border-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget,
| |
| .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
| |
| .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
| |
| background-color: var(--wiki-content-text-mix-color-95);
| |
| border-color: var(--wiki-content-dynamic-color--secondary);
| |
| }
| |
|
| |
| .mw-upload-bookletLayout-filePreview {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ve-ui-mwMediaDialog-panel-imageinfo-details {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
| |
| -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent);
| |
| }
| |
|
| |
| .oo-ui-optionWidget.oo-ui-widget-disabled {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwLanguagesPage-languages-table th,
| |
| .ve-ui-mwLanguagesPage-languages-table td {
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td {
| |
| background: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
| |
| background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent);
| |
| }
| |
|
| |
| .ve-ui-targetWidget {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
| |
| background: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-targetWidget-focused {
| |
| border-color: var(--wiki-accent-color);
| |
| box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
| |
| color: var(--wiki-content-dynamic-color);
| |
| }
| |
|
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover,
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
| |
| color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwTemplatePage-description {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwParameterPage-doc-required,
| |
| .ve-ui-mwParameterPage-doc-deprecated,
| |
| .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-expandableContent-fade {
| |
| background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%);
| |
| }
| |
|
| |
| .ve-ui-expandableContent-toggle {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-mwParameterPage-undocumentedLabel {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwLatexPage-symbol {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-mwGalleryDialog-highlighted-image {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ve-ui-mwHelpListToolGroup-tools-footer {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-mwHelpListToolGroup-version-link,
| |
| .ve-ui-mwHelpListToolGroup-version-date,
| |
| .ve-ui-mwHelpPopupTool-version-label,
| |
| .ve-ui-mwHelpPopupTool-version-link,
| |
| .ve-ui-mwHelpPopupTool-version-date {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-mwSaveDialog-summary {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-mwSaveDialog-options {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-mwSaveDialog-license {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
| |
| border-right-color: var(--wiki-accent-color);
| |
| border-left-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-commands-divider {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump > table {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump td {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump th {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
| |
| text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump ol {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| color: var(--wiki-content-dynamic-color);
| |
| text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char {
| |
| background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
| |
| background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent);
| |
| }
| |
|
| |
| .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-filibuster {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .ve-ui-debugBar-transactions > ol > li {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| /*******************
| |
| * End VisualEditor *
| |
| ********************/
| |
|
| |
| /**************************
| |
| * Theme-based AbuseFilter *
| |
| ***************************/
| |
| table.mw-abuselog-details {
| |
| background: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| table.mw-abuselog-details th,
| |
| table.mw-abuselog-details td,
| |
| div.mw-abusefilter-editor {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| table.mw-abuselog-details th {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| body td.mw-abusefilter-history-changed {
| |
| background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent);
| |
| }
| |
|
| |
| /******************
| |
| * End AbuseFilter *
| |
| *******************/
| |
|
| |
| /************************************
| |
| * Theme-based Special:MultiPageEdit *
| |
| *************************************/
| |
| :root {
| |
| --jexcel-border-color: var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */
| |
| }
| |
|
| |
| .jexcel,
| |
| .jexcel_container.fullscreen .jexcel_content {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| border-right-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| table.jexcel > tbody > tr > td:first-child,
| |
| table.jexcel > thead,
| |
| table.jexcel > thead > tr > td,
| |
| table.jexcel > tbody > tr.selected > td:first-child,
| |
| table.jexcel > thead > tr > td.selected {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| table.jexcel > tbody > tr.selected > td:first-child,
| |
| table.jexcel > thead > tr > td.selected {
| |
| background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
| |
| }
| |
|
| |
| table.jexcel > thead > tr > td {
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .jexcel > thead > tr > td.arrow-up,
| |
| .jexcel > thead > tr > td.arrow-down {
| |
| background: none;
| |
| }
| |
|
| |
| .jexcel > thead > tr > td.arrow-up::after,
| |
| .jexcel > thead > tr > td.arrow-down::after {
| |
| display: inline-block;
| |
| position: absolute;
| |
| right: 0;
| |
| top: 0;
| |
| background-repeat: no-repeat;
| |
| background-position: center right 5px;
| |
| width: 22px;
| |
| height: 100%;
| |
| content: '';
| |
| filter: brightness(50%) var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .jexcel > thead > tr > td.arrow-up::after {
| |
| background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| .jexcel > thead > tr > td.arrow-down::after {
| |
| background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| .jexcel > thead > tr:nth-child(2) > td {
| |
| z-index: 1; /* prevents overlapping the headings after scrolling on tall tables */
| |
| }
| |
|
| |
| .jexcel > tbody > tr > td {
| |
| border-top-color: var(--wiki-content-text-mix-color-95);
| |
| border-bottom-color: var(--wiki-content-text-mix-color-95);
| |
| }
| |
|
| |
| .jexcel > tbody > tr > td.readonly {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .jexcel_content {
| |
| scrollbar-color: var(--wiki-content-text-mix-color) transparent;
| |
| /* we need this important to override inline styling */
| |
| box-shadow: var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important;
| |
| }
| |
|
| |
| .jexcel .highlight {
| |
| background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
| |
| }
| |
|
| |
| .jexcel .highlight-top {
| |
| border-top-color: var(--wiki-content-text-mix-color);
| |
| box-shadow: 0px -1px var(--wiki-content-dynamic-color--secondary--inverted);
| |
| }
| |
|
| |
| .jexcel .highlight-left {
| |
| border-left-color: var(--wiki-content-text-mix-color);
| |
| box-shadow: -1px 0px var(--wiki-content-dynamic-color--secondary--inverted);
| |
| }
| |
|
| |
| .jexcel .highlight-top.highlight-left {
| |
| box-shadow: -1px -1px var(--wiki-content-dynamic-color--secondary--inverted);
| |
| }
| |
|
| |
| .jexcel .highlight-right {
| |
| border-right-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .jexcel .highlight-bottom {
| |
| border-bottom-color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .jexcel .jexcel_column_filter {
| |
| background: none;
| |
| }
| |
|
| |
| .jexcel .jexcel_column_filter::after {
| |
| display: inline-block;
| |
| position: absolute;
| |
| right: 0;
| |
| top: 0;
| |
| background-repeat: no-repeat;
| |
| background-position: top 50% right 5px;
| |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
| |
| width: 20px;
| |
| height: 100%;
| |
| content: '';
| |
| filter: brightness(50%) var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| .jexcel_pagination > div > div {
| |
| background-color: var(--wiki-accent-color);
| |
| /* we need this important to override a built-in one */
| |
| color: var(--wiki-accent-label-color) !important;
| |
| }
| |
|
| |
| .jexcel_page_selected {
| |
| background: linear-gradient(to bottom, var(--wiki-accent-color) 0%, var(--wiki-accent-color--hover) 100%);
| |
| /* we need this important to override a built-in one */
| |
| border: 1px solid var(--wiki-content-border-color) !important;
| |
| }
| |
|
| |
| /****************************
| |
| * End Special:MultiPageEdit *
| |
| *****************************/
| |
|
| |
| /***********************
| |
| * Theme-based msupload *
| |
| ************************/
| |
| #msupload-div,
| |
| #msupload-list .file {
| |
| background-color: var(--wiki-content-background-color);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| #msupload-select {
| |
| filter: brightness(0) var(--wiki-icon-to-link-filter);
| |
| }
| |
|
| |
| #msupload-dropzone {
| |
| border-color: var(--wiki-content-border-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .drop-over {
| |
| background-color: var(--wiki-accent-color);
| |
| color: var(--wiki-accent-label-color) !important;
| |
| }
| |
|
| |
| #msupload-bottom {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| #msupload-bottom #msupload-files {
| |
| padding-left: 0;
| |
| background: none;
| |
| }
| |
|
| |
| #msupload-bottom #msupload-files::before {
| |
| display: inline-block;
| |
| background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0;
| |
| background-position: left center;
| |
| height: 22px;
| |
| width: 25px;
| |
| content: '';
| |
| vertical-align: top;
| |
| filter: var(--wiki-icon-general-filter);
| |
| }
| |
|
| |
| #msupload-list .file .file-size {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| #msupload-div a {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| #msupload-list .file .file-name:hover {
| |
| background-color: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| #msupload-list .file .file-name-input {
| |
| background: var(--wiki-content-dynamic-color--inverted);
| |
| }
| |
|
| |
| #msupload-list .file .file-warning {
| |
| color: var(--wiki-warning-color);
| |
| }
| |
|
| |
| /***************************
| |
| * End theme-based msupload *
| |
| ****************************/
| |
|
| |
| /*****************************
| |
| * Theme-based commentstreams *
| |
| ******************************/
| |
| .cs-title-edit-field {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .cs-title-edit-field::placeholder,
| |
| .view-dark .cs-body-edit-field::placeholder {
| |
| color: var(--wiki-content-text-mix-color);
| |
| }
| |
|
| |
| .cs-edit-box,
| |
| .cs-expanded .cs-comment-header {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .cs-target-comment .cs-comment-header {
| |
| border-color: var(--wiki-accent-color);
| |
| }
| |
|
| |
| .cs-comment-author a {
| |
| color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
| .cs-comment-details {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent);
| |
| }
| |
|
| |
| .cs-comment-author-anonymous {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent);
| |
| }
| |
|
| |
| .cs-comment {
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .cs-comment-body {
| |
| padding: 0 5px;
| |
| }
| |
|
| |
| /*********************************
| |
| * End theme-based commentstreams *
| |
| **********************************/
| |
|
| |
| /************************
| |
| * Theme-based checkuser *
| |
| *************************/
| |
| .mw-datatable.ext-checkuser-investigate-table tr:hover td {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .mw-datatable.ext-checkuser-investigate-table th {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td,
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td,
| |
| .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td,
| |
| .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td {
| |
| background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent);
| |
| }
| |
|
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned,
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned,
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match,
| |
| .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match,
| |
| .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match,
| |
| .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable {
| |
| background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent);
| |
| }
| |
|
| |
| .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| /****************
| |
| * End checkuser *
| |
| *****************/
| |
|
| |
| /***************************
| |
| * Theme-based SearchDigest *
| |
| ****************************/
| |
| .searchdigest-stats-table {
| |
| border-color: var(--wiki-content-border-color);
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| .searchdigest-stats-table thead th,
| |
| .searchdigest-stats-table tr:not(:last-child) th,
| |
| .searchdigest-stats-table tr:not(:last-child) td {
| |
| border-bottom-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .searchdigest-stats-table thead th:last-child,
| |
| .searchdigest-stats-table td {
| |
| border-left-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .searchdigest-stats-table thead tr {
| |
| background: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| /*******************
| |
| * End SearchDigest *
| |
| ********************/
| |
|
| |
| /****************************
| |
| * Extension:RelatedArticles *
| |
| *****************************/
| |
| .client-js .read-more-container {
| |
| min-height: unset;
| |
| }
| |
|
| |
| @media (min-width: 1000px) {
| |
| .client-js .read-more-container {
| |
| min-height: calc(
| |
| 80px/*card height*/
| |
| + 10px/*card margin*/
| |
| + 1em/*container padding*/
| |
| + 0.3em/*card-list margin*/
| |
| + 0.8em/*h2 font-size*/
| |
| + 1em/*h2 padding*/
| |
| + 0.6em/*h2 margin*/
| |
| + 1px /*container border*/
| |
| );
| |
| }
| |
| }
| |
|
| |
| .ext-related-articles-card-list .ext-related-articles-card {
| |
| background-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .ext-related-articles-card-list .ext-related-articles-card,
| |
| .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */
| |
| border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent);
| |
| }
| |
|
| |
| .ext-related-articles-card-list .ext-related-articles-card-thumb {
| |
| background-color: var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| .ra-read-more h2 {
| |
| color: var(--wiki-body-dynamic-color--secondary);
| |
| }
| |
|
| |
| .ext-related-articles-card-list h3 a {
| |
| color: var(--wiki-content-heading-color);
| |
| }
| |
|
| |
| .ext-related-articles-card-list h3::after {
| |
| background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%);
| |
| }
| |
|
| |
| .ext-related-articles-card-list .ext-related-articles-card-extract {
| |
| color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent);
| |
| }
| |
|
| |
| /* removed background image and use a mask image instead */
| |
| .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder {
| |
| position: relative;
| |
| background-image: none;
| |
| }
| |
|
| |
| .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| top: 0;
| |
| left: 0;
| |
| content: '';
| |
| --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572");
| |
| --mask-size: 40px;
| |
| --mask-repeat: no-repeat;
| |
| --mask-position: center;
| |
| -webkit-mask: var(--mask-image);
| |
| mask: var(--mask-image);
| |
| -webkit-mask-size: var(--mask-size);
| |
| mask-size: var(--mask-size);
| |
| -webkit-mask-repeat: var(--mask-repeat);
| |
| mask-repeat: var(--mask-repeat);
| |
| -webkit-mask-position: var(--mask-position);
| |
| mask-position: var(--mask-position);
| |
| background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent);
| |
| }
| |
|
| |
| /**/
| |
|
| |
| /* this simulates mw-footer having a top border */
| |
| .read-more-container {
| |
| border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color);
| |
| }
| |
|
| |
| @media screen and (min-width: 720px) {
| |
| .read-more-container {
| |
| margin-right: 1em;
| |
| }
| |
| }
| |
|
| |
| /********************************
| |
| * End Extension:RelatedArticles *
| |
| *********************************/
| |
|
| |
| /*******************
| |
| * Extension:Popups *
| |
| ********************/
| |
| .mwe-popups {
| |
| box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent);
| |
| }
| |
|
| |
| .mwe-popups,
| |
| .mwe-popups .mwe-popups-container {
| |
| background-color: var(--wiki-content-background-color);
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mwe-popups .mwe-popups-extract {
| |
| color: var(--wiki-content-text-color);
| |
| }
| |
|
| |
| .mwe-popups .mwe-popups-extract[dir="ltr"]::after {
| |
| background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%);
| |
| }
| |
|
| |
| .mwe-popups.flipped-y::before,
| |
| .mwe-popups.flipped-x-y::before,
| |
| .mwe-popups.mwe-popups-image-pointer::before,
| |
| .mwe-popups.mwe-popups-image-pointer.flipped-x::before,
| |
| .mwe-popups.mwe-popups-no-image-pointer::before,
| |
| .mwe-popups.flipped-x.mwe-popups-is-tall::before,
| |
| .mwe-popups.flipped-x-y.mwe-popups-is-tall::before {
| |
| border-color: var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .mwe-popups.flipped-y::after,
| |
| .mwe-popups.flipped-x-y::after,
| |
| .mwe-popups.mwe-popups-image-pointer::after,
| |
| .mwe-popups.mwe-popups-image-pointer.flipped-x::after,
| |
| .mwe-popups.mwe-popups-no-image-pointer::after,
| |
| .mwe-popups.flipped-x-y.mwe-popups-is-tall::after {
| |
| border-color: var(--wiki-content-background-color);
| |
| }
| |
|
| |
| .popups-icon {
| |
| position: relative;
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: calc(max(1.4285714em, 20px));
| |
| min-width: 20px;
| |
| min-height: 20px;
| |
| width: 1.4285714em;
| |
| height: 1.4285714em;
| |
| display: inline-block;
| |
| vertical-align: text-bottom;
| |
| }
| |
|
| |
| .popups-icon--preview-generic,
| |
| .popups-icon--settings,
| |
| .popups-icon--infoFilled,
| |
| .popups-icon--infoFilled:lang(ar),
| |
| .popups-icon--close,
| |
| .popups-icon--reference-generic,
| |
| .popups-icon--reference-book,
| |
| .popups-icon--preview-disambiguation {
| |
| background-image: none;
| |
| }
| |
|
| |
| .popups-icon::after {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| top: 0;
| |
| left: 0;
| |
| content: '';
| |
| -webkit-mask-image: var(--mask-image, none);
| |
| mask-image: var(--mask-image, none);
| |
| -webkit-mask-repeat: var(--mask-repeat, no-repeat);
| |
| mask-repeat: var(--mask-repeat, no-repeat);
| |
| -webkit-mask-size: var(--mask-size, calc(max(1.4285714em, 20px)));
| |
| mask-size: var(--mask-size, calc(max(1.4285714em, 20px)));
| |
| -webkit-mask-position: var(--mask-position, center);
| |
| mask-position: var(--mask-position, center);
| |
| background-color: var(--mask-color, currentColor);
| |
| }
| |
|
| |
| .popups-icon--preview-generic::after {
| |
| --mask-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 sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E");
| |
| }
| |
|
| |
| .popups-icon--settings::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--infoFilled::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--infoFilled:lang(ar)::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--close::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--reference-generic::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--reference-book::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--reference-journal::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--reference-news::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--reference-web::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>");
| |
| }
| |
|
| |
| .popups-icon--preview-disambiguation::after {
| |
| --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>");
| |
| }
| |
|
| |
| /***********************
| |
| * End Extension:Popups *
| |
| ************************/
| |
|
| |
| /*************************
| |
| * Extension:CiteThisPage *
| |
| **************************/
| |
|
| |
| .mw-specialCiteThisPage-bibliographic {
| |
| background-color:var(--wiki-content-background-color--secondary);
| |
| }
| |
|
| |
| /*****************************
| |
| * End Extension:CiteThisPage *
| |
| ******************************/
| |
|
| |
| /*************************
| |
| * Extension:ImageMap *
| |
| **************************/
| |
|
| |
| .noresize img { /* Why does the ImageMap container have no special class name? */
| |
| display: block; /* fix the scrollbar issue */
| |
| }
| |
|
| |
| /*****************************
| |
| * End Extension:ImageMap *
| |
| ******************************/
| |
|
| |
| /**********************
| |
| * Extension:Page Forms *
| |
| ***********************/
| |
| .fieldBox,
| |
| .templateForm {
| |
| background-color:var(--wiki-content-background-color--secondary);
| |
| border-color:var(--wiki-content-border-color);
| |
| }
| |
|
| |
| .fieldBox .hierarchy_structure textarea {
| |
| /* this !important is needed to override an inline color rule */
| |
| color:var(--wiki-content-text-color) !important;
| |
| }
| |
| /***************************
| |
| * End Extension:Page Forms *
| |
| ****************************/
| |
|
| |
| /*********************
| |
| * Mobile adjustments *
| |
| **********************/
| |
| /* Responsive Special:UserRights */
| |
| #mw-userrights-table-outer input#wpReason {
| |
| width: 100%;
| |
| max-width: 33.5em;
| |
| }
| |
|
| |
| @media screen and (max-width: 720px) {
| |
| html:root { /* make it won't be override by user's common.css */
| |
| --wiki-is-top-logo: 1;
| |
| --wiki-left-spacing: 0px;
| |
| --wiki-right-spacing: 0px;
| |
| --wiki-navigation-left-spacing: 3px;
| |
| --wiki-navigation-right-spacing: var(--wiki-navigation-left-spacing, 0px);
| |
| --wiki-content-border-radius: 0px;
| |
| --wiki-content-border-top-radius: 0px;
| |
| --wiki-footer-border-radius: 0px;
| |
| --wiki-content-padding: 0.5rem;
| |
| --wiki-navigation-menu-margin: 0.5rem; /* margin around toggle button and search box */
| |
| --wiki-navigation-height: calc(2rem + var(--wiki-is-navigation-inside-content, 0)*0.5em);
| |
| --wiki-navigation-bottom-padding: 0px;
| |
| --wiki-navigation-tab-height: 2rem;
| |
| --wiki-navigation-search-height: calc(2rem + 4px);
| |
| --wiki-logo-height: 80px;
| |
| --wiki-logo-margin: 10px;
| |
| --wiki-navigation-tab-full-height: calc(var(--wiki-navigation-tab-height) + max(var(--wiki-navigation-selected-border-width), var(--wiki-navigation-border-width)) + var(--wiki-content-border-width, 1px));
| |
| --wiki-head-icon-padding: 0.25rem;
| |
| --wiki-head-icon-size: calc(var(--wiki-navigation-tab-height) - var(--wiki-head-icon-padding) * 2);
| |
| --wiki-head-toggle-button-size: var(--wiki-navigation-search-height);
| |
| --wiki-sidebar-portal-spacing: 0px;
| |
| --wiki-top-spacing: var(--wiki-logo-margin);
| |
| --wiki-logo-box-width: calc(min( var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height), calc(100vw - var(--wiki-navigation-menu-margin)*2 - 18px)));
| |
| }
| |
|
| |
| #mw-head-base {
| |
| width: auto;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| #p-logo {
| |
| max-width: 100vw;
| |
| top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)));
| |
| left: calc(max(0px, (100% - var(--wiki-logo-file-width) / var(--wiki-logo-file-height) * var(--wiki-logo-box-height)) / 2));
| |
| }
| |
|
| |
| #mw-head {
| |
| position: absolute;
| |
| left: 0;
| |
| width: 100%;
| |
| margin: unset;
| |
| top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin)) + var(--wiki-logo-box-height) + var(--wiki-logo-margin));
| |
| border-radius: 0;
| |
| }
| |
|
| |
| #left-navigation::before { /* for left spacing */
| |
| border-bottom-width: var(--navigation-border-bottom-width);
| |
| }
| |
|
| |
| #right-navigation::after {
| |
| display: block; /* for right spacing */
| |
| }
| |
|
| |
| #p-cactions, #p-variants {
| |
| margin-right: 0px;
| |
| }
| |
|
| |
| #p-cactions::after, #p-variants::after {
| |
| width: 0;
| |
| }
| |
|
| |
| #p-search {
| |
| position: absolute;
| |
| left: var(--wiki-navigation-menu-margin);
| |
| right: var(--wiki-navigation-menu-margin);
| |
| top: calc(var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width));
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| #mw-head::before, #mw-head::after,
| |
| #p-search::before, #p-search::after {
| |
| display: none;
| |
| }
| |
|
| |
| #simpleSearch {
| |
| width: auto;
| |
| max-width: unset; /* override vector default of 20em */
| |
| }
| |
|
| |
| .vector-search-box-input {
| |
| height: var(--wiki-navigation-search-height);
| |
| }
| |
|
| |
| .vector-search-box form {
| |
| margin: var(--wiki-navigation-menu-margin) 0px;
| |
| }
| |
|
| |
| #mw-head,
| |
| .mw-body, .parsoid-body,
| |
| .mw-body::after, .parsoid-body::after,
| |
| .mw-footer {
| |
| border-left-width: 0;
| |
| border-right-width: 0;
| |
| border-radius: 0;
| |
| }
| |
|
| |
| .mw-body, .parsoid-body {
| |
| margin-top: 0;
| |
| padding-top: calc(var(--navigation-border-bottom-width) + var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-menu-margin) * 2));
| |
| }
| |
| .mw-body::after, .parsoid-body::after {
| |
| left: 0;
| |
| right: 0;
| |
| }
| |
|
| |
| #mw-data-after-content {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| #mw-panel {
| |
| position: unset;
| |
| width: 100%;
| |
| margin: 0px auto;
| |
| top: 0;
| |
| float: unset;
| |
| }
| |
|
| |
| /* border-radius fix */
| |
| #mw-panel #p-ext-discordwidget + .vector-menu-portal {
| |
| border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
| |
| }
| |
|
| |
| .vector-menu-dropdown .vector-menu-content {
| |
| right: 0;
| |
| left: unset;
| |
| }
| |
|
| |
| #mw-panel .vector-menu-portal {
| |
| box-sizing: border-box;
| |
| border-left-width: 0;
| |
| border-right-width: 0;
| |
| background-color: var(--wiki-sidebar-background-color);
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content {
| |
| margin-top: 0;
| |
| margin-bottom: 0;
| |
| display: block !important; /* show all menus on mobile even if they are collapsed by collapsibleSidebarSections gadget */
| |
| }
| |
|
| |
| table.wikitable,
| |
| table.responsive-table {
| |
| display: block;
| |
| overflow-x: auto;
| |
| border: 0;
| |
| }
| |
|
| |
| .mw-installed-software {
| |
| word-break: unset;
| |
| }
| |
|
| |
| .gallerybox,
| |
| .gallerybox > div,
| |
| .gallerybox .thumb {
| |
| max-width: 100%;
| |
| }
| |
|
| |
| /* disable float on RecentChanges legend */
| |
| .mw-changeslist-legend {
| |
| float: none;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| /* advanced search options */
| |
| #mw-searchoptions table {
| |
| float: none;
| |
| }
| |
|
| |
| #mw-searchoptions table td {
| |
| display: block;
| |
| }
| |
|
| |
| /* popup when clicking the download button in multimediaviewer */
| |
| .mw-mmv-dialog {
| |
| width: unset;
| |
| }
| |
|
| |
| /* turn math elements into scroll blocks unless they're an immediate child of a span */
| |
| :not(span) > math.mwe-math-element {
| |
| overflow: auto hidden;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| /* Expandable mobile navigation panel */
| |
| body.has-vector-mobile-menu #mw-panel {
| |
| position: absolute;
| |
| --panel-offset: calc(var(--wiki-head-toggle-button-size) + var(--wiki-sidebar-offset, 0px));
| |
| top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)) + var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0px) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-menu-margin) + var(--panel-offset));
| |
| left: var(--wiki-navigation-menu-margin);
| |
| right: var(--wiki-navigation-menu-margin);
| |
| width: auto;
| |
| z-index: 3;
| |
| }
| |
| body.has-vector-mobile-menu #mw-panel:not(.nav--expanded){
| |
| padding: 0;
| |
| border: 0;
| |
| border-image: none;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle {
| |
| position: absolute;
| |
| cursor: pointer;
| |
| z-index: 5;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| width: var(--wiki-head-toggle-button-size);
| |
| height: var(--wiki-head-toggle-button-size);
| |
| box-sizing: border-box;
| |
| appearance: none;
| |
| padding: 0;
| |
| border: 1px solid var(--wiki-content-border-color);
| |
| background-color: var(--wiki-navigation-background-color);
| |
| top: calc(-1 * var(--panel-offset));
| |
| }
| |
|
| |
| #mw-panel #p-ext-discordwidget {
| |
| background-color: var(--wiki-sidebar-background-color);
| |
| padding: 0.5rem 0.25rem 0.25rem 0.5rem;
| |
| border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color);
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .vector-menu-portal {
| |
| display: none;
| |
| border-image: none;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal {
| |
| display: block;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal {
| |
| text-align: left;
| |
| font-size: 110%;
| |
| border-left-width: var(--wiki-sidebar-border-width, 1px);
| |
| border-right-width: var(--wiki-sidebar-border-width, 1px);
| |
| margin-inline: var(--wiki-sidebar-margin, 0.5em);
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal {
| |
| border-top-width: 0;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) {
| |
| border-bottom-width: 0;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .vector-menu-content-list {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a {
| |
| display: block;
| |
| padding: 0.2rem 0.5rem;
| |
| border: 1px solid transparent;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover {
| |
| border-color: var(--wiki-content-link-color);
| |
| }
| |
|
| |
|
| |
| body.has-vector-mobile-menu #mw-panel #p-navigation-label {
| |
| display: block;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #p-logo {
| |
| /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */
| |
| top: calc(-1 * (var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-menu-margin) + var(--panel-offset)));
| |
| }
| |
|
| |
| .mobile-nav-toggle {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A");
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #p-tb .mw-list-item > a {
| |
| display: inline-flex;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu .vector-menu-content-list {
| |
| flex-direction: row;
| |
| }
| |
|
| |
| /* Search adjustments for the expandable menu */
| |
| body.has-vector-mobile-menu #p-search {
| |
| /* reposition to the right when mobile sidebar menu is active */
| |
| left: calc(var(--wiki-navigation-menu-margin) * 2 + var(--wiki-head-toggle-button-size));
| |
| right: var(--wiki-navigation-menu-margin);
| |
| transform: none;
| |
| }
| |
|
| |
| body.has-vector-mobile-menu #simpleSearch {
| |
| width: 100%;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| /* icon navbar tabs + expandable nav panel icon */
| |
| #mw-head {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #mw-head .vector-menu-tabs .mw-list-item a,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading,
| |
| #mw-panel .mobile-nav-toggle {
| |
| line-height: var(--wiki-head-icon-size);
| |
| width: var(--wiki-head-icon-size); /* same as line height */
| |
| height: var(--wiki-head-icon-size);
| |
| box-sizing: content-box;
| |
| padding: var(--wiki-head-icon-padding);
| |
| color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/
| |
| }
| |
|
| |
| #mw-head .vector-menu-tabs .mw-list-item a::before,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading::before,
| |
| #mw-panel .mobile-nav-toggle::before {
| |
| content: "";
| |
| display: block;
| |
| position: unset;
| |
| background-image: none;
| |
| width: var(--wiki-head-icon-size);
| |
| height: var(--wiki-head-icon-size);
| |
| margin: 0;
| |
| --mask: var(--icon) no-repeat;
| |
| -webkit-mask: var(--mask);
| |
| mask: var(--mask);
| |
| -webkit-mask-size: 100% 100%;
| |
| mask-size: 100% 100%;
| |
| -webkit-mask-position: center center;
| |
| mask-position: center center;
| |
| background-color: var(--wiki-navigation-text-color);
| |
| }
| |
|
| |
| #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
| |
| #mw-head .vector-menu-dropdown:hover .vector-menu-heading::before,
| |
| #mw-panel .mobile-nav-toggle:hover::before,
| |
| #mw-panel .mobile-nav-toggle.nav--expanded::before {
| |
| background-color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */
| |
| }
| |
|
| |
| #mw-head .vector-menu-tabs .mw-list-item.selected a::before {
| |
| background-color: var(--wiki-navigation-selected-text-color);
| |
| }
| |
|
| |
| #mw-head .vector-menu-tabs .mw-list-item a span,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading span {
| |
| display: none;
| |
| }
| |
|
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading::after {
| |
| display: none;
| |
| }
| |
|
| |
| #ca-ve-edit,
| |
| #ca-edit {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A");
| |
| }
| |
|
| |
| #ca-ve-edit + #ca-edit {
| |
| --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #ca-view,
| |
| #ca-view-foreign {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #left-navigation li[id^=ca-nstab-] {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A");
| |
| }
| |
|
| |
| #ca-history {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A");
| |
| }
| |
|
| |
| #ca-talk {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #t-contributions {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #ca-addsection {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #ca-viewsource {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #p-variants {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
| |
| }
| |
|
| |
| #p-cactions {
| |
| --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A");
| |
| }
| |
|
| |
| #ca-watch {
| |
| --icon: var(--icon-star-empty);
| |
| }
| |
|
| |
| #ca-unwatch {
| |
| --icon: var(--icon-star-filled);
| |
| }
| |
|
| |
| .vector-menu-tabs #ca-watch.icon a:hover::before,
| |
| .vector-menu-tabs #ca-unwatch.icon a:hover::before {
| |
| background-image: none;
| |
| }
| |
|
| |
| /* RecentChanges - prevent overflow on long summaries */
| |
| .client-js .mw-changeslist ul,
| |
| .client-js .mw-changeslist table.mw-enhanced-rc {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .mw-changeslist-line-inner-comment,
| |
| .mw-changeslist-line .comment {
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| .mw-userlink {
| |
| overflow-wrap: anywhere;
| |
| }
| |
| }
| |
|
| |
| /* Hide the expandable navigation button for desktop users */
| |
| .mobile-nav-toggle {
| |
| display: none;
| |
| }
| |
|
| |
| /*************
| |
| * End mobile *
| |
| **************/
| |
|
| |
|
| |
| /******************************************************/
| |
| /* */
| |
| /* [END] OF WIKI.GG DEFAULT LOADOUT */
| |
| /* ALL LOCAL SKIN CUSTOMIZATIONS SHOULD GO BELOW HERE */
| |
| /* DO NOT EDIT OR DELETE THIS COMMENT BLOCK */
| |
| /* */
| |
| /******************************************************/
| |
