|
|
| Line 1: |
Line 1: |
| − | :root {
| |
| − | /*
| |
| − | --theme-primary: #6200ee;
| |
| − | --theme-primary-variant: #3700b3;
| |
| − | --theme-secondary: #03dac6;
| |
| − | --theme-secondary-variant: #018786;
| |
| − | */
| |
| − | --theme-background: #fff;
| |
| − | --theme-surface: #fff;
| |
| − | --theme-error: #b00020;
| |
| − | --theme-on-primary: #fff;
| |
| − | --theme-on-secondary: #000;
| |
| − | --theme-on-background: #000;
| |
| − | --theme-on-surface: #000;
| |
| − | --theme-on-error: #fff;
| |
| − | --theme-text-primary-on-background: rgba(0, 0, 0, .87);
| |
| − | --theme-text-secondary-on-background: rgba(0, 0, 0, .54);
| |
| − | --theme-text-hint-on-background: rgba(0, 0, 0, .38);
| |
| − | --theme-text-disabled-on-background: rgba(0, 0, 0, .38);
| |
| − | --theme-text-icon-on-background: rgba(0, 0, 0, .38);
| |
| − | --theme-text-primary-on-light: rgba(0, 0, 0, .87);
| |
| − | --theme-text-secondary-on-light: rgba(0, 0, 0, .54);
| |
| − | --theme-text-hint-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-disabled-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-icon-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-primary-on-dark: white;
| |
| − | --theme-text-secondary-on-dark: rgba(255, 255, 255, .7);
| |
| − | --theme-text-hint-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-text-disabled-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-text-icon-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-border-color: rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-0dp_-_box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-1dp_-_box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-2dp_-_box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-3dp_-_box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-4dp_-_box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-6dp_-_box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-8dp_-_box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-12dp_-_box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-16dp_-_box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
| |
| − | --theme-elevation-24dp_-_box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
| |
| − | --theme-elevation_-_-shadow-transition: 280ms var(--theme-standard-curve-timing-function, cubic-bezier(.4, 0, .2, 1));
| |
| − | --theme-page-text-opacity-primary: .87;
| |
| − | --theme-page-text-opacity-secondary: .6;
| |
| − | --theme-page-text-opacity-disabled: .38;
| |
| − | --deceleration-curve-timing-function: cubic-bezier(0, 0, .2, 1);
| |
| − | --standard-curve-timing-function: cubic-bezier(.4, 0, .2, 1);
| |
| − | --acceleration-curve-timing-function: cubic-bezier(.4, 0, 1, 1);
| |
| − | --sharp-curve-timing-function: cubic-bezier(.4, 0, .6, 1);
| |
| − | /* Custom colors. */
| |
| − | --theme-dynamic-color: #000;
| |
| − | --theme-dynamic-color--rgb: 0, 0, 0;
| |
| − | --theme-dynamic-color__inverse: #fff;
| |
| − | --theme-dynamic-color__inverse--rgb: 255, 255, 255;
| |
| − | --theme-color__text: #000;
| |
| − | --theme-color__text--rgb: 0, 0, 0;
| |
| − | --theme-color__red: #f44330;
| |
| − | --theme-color__red--rgb: 244, 67, 48;
| |
| − | --theme-color__pink: #e91e63;
| |
| − | --theme-color__pink--rgb: 233, 30, 99;
| |
| − | --theme-color__purple: #e91e63;
| |
| − | --theme-color__purple--rgb: 233, 30, 99;
| |
| − | --theme-color__deep-purple: #673ab7;
| |
| − | --theme-color__deep-purple--rgb: 103, 58, 183;
| |
| − | --theme-color__indigo: #3f51b5;
| |
| − | --theme-color__indigo--rgb: 63, 81, 181;
| |
| − | --theme-color__blue: #2196f3;
| |
| − | --theme-color__blue--rgb: 33, 150, 243;
| |
| − | --theme-color__dark-blue: #0d47a1;
| |
| − | --theme-color__dark-blue--rgb: 13, 71, 161;
| |
| − | --theme-color__light-blue: #03a9f4;
| |
| − | --theme-color__light-blue--rgb: 3, 169, 244;
| |
| − | --theme-color__cyan: #00bcd4;
| |
| − | --theme-color__cyan--rgb: 0, 188, 212;
| |
| − | --theme-color__teal: #009688;
| |
| − | --theme-color__teal--rgb: 0, 150, 136;
| |
| − | --theme-color__green: #4caf50;
| |
| − | --theme-color__green--rgb: 76, 175, 80;
| |
| − | --theme-color__light-green: #8bc34a;
| |
| − | --theme-color__light-green--rgb: 139, 195, 74;
| |
| − | --theme-color__lime: #cddc39;
| |
| − | --theme-color__lime--rgb: 205, 220, 57;
| |
| − | --theme-color__yellow: #ffeb3b;
| |
| − | --theme-color__yellow--rgb: 255, 235, 59;
| |
| − | --theme-color__amber: #ffc107;
| |
| − | --theme-color__amber--rgb: 255, 193, 7;
| |
| − | --theme-color__orange: #ff9800;
| |
| − | --theme-color__orange--rgb: 255, 152, 0;
| |
| − | --theme-color__deep-orange: #ff5722;
| |
| − | --theme-color__deep-orange--rgb: 255, 87, 34;
| |
| − | --theme-color__brown: #795548;
| |
| − | --theme-color__brown--rgb: 121, 85, 72;
| |
| − | --theme-color__grey: #9e9e9e;
| |
| − | --theme-color__grey--rgb: 158, 158, 158;
| |
| − | --theme-color__blue-grey: #607d8b;
| |
| − | --theme-color__blue-grey--rgb: 96, 125, 139;
| |
| − | --theme-color__white: #fff;
| |
| − | --theme-color__white--rgb: 255, 255, 255;
| |
| − | --theme-color__black: #000;
| |
| − | --theme-color__black--rgb: 0, 0, 0;
| |
| − | --theme-color__cta: var(--theme-color__dark-blue);
| |
| − | --theme-color__cta--rgb: var(--theme-color__dark-blue--rgb);
| |
| − | }
| |
| | | | |
| − | html,
| |
| − | body {
| |
| − | accent-color: var(--theme-color__light-blue);
| |
| − | color-scheme: light dark;
| |
| − | }
| |
| − |
| |
| − | @media (prefers-color-scheme: dark) {
| |
| − | :root {
| |
| − | /*
| |
| − | --theme-primary: #bb86fc;
| |
| − | --theme-primary-variant: #3700b3;
| |
| − | --theme-secondary: #03dac6;
| |
| − | --theme-secondary-variant: var(--theme-secondary, #03dac6);
| |
| − | */
| |
| − | --theme-background: #121212;
| |
| − | --theme-surface: #121212;
| |
| − | --theme-error: #cf6679;
| |
| − | --theme-on-primary: #000;
| |
| − | --theme-on-secondary: #000;
| |
| − | --theme-on-background: #fff;
| |
| − | --theme-on-surface: #fff;
| |
| − | --theme-on-error: #000;
| |
| − | --theme-text--rgb: 255, 255, 255;
| |
| − | --theme-text-primary-on-background: rgba(255, 255, 255, .87);
| |
| − | --theme-text-primary-on-background-inverse: rgba(0, 0, 0, .87);
| |
| − | --theme-text-secondary-on-background: rgba(255, 255, 255, .6);
| |
| − | --theme-text-secondary-on-background-inverse: rgba(0, 0, 0, .6);
| |
| − | --theme-text-hint-on-background: rgba(255, 255, 255, .38);
| |
| − | --theme-text-hint-on-background-inverse: rgba(0, 0, 0, .38);
| |
| − | --theme-text-disabled-on-background: rgba(255, 255, 255, .38);
| |
| − | --theme-text-disabled-on-background-inverse: rgba(0, 0, 0, .38);
| |
| − | --theme-text-icon-on-background: rgba(255, 255, 255, .38);
| |
| − | --theme-text-icon-on-background-inverse: rgba(0, 0, 0, .38);
| |
| − | --theme-text-primary-on-light: rgba(0, 0, 0, .87);
| |
| − | --theme-text-secondary-on-light: rgba(0, 0, 0, .6);
| |
| − | --theme-text-hint-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-disabled-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-icon-on-light: rgba(0, 0, 0, .38);
| |
| − | --theme-text-primary-on-dark: #fff;
| |
| − | --theme-text-secondary-on-dark: rgba(255, 255, 255, .7);
| |
| − | --theme-text-hint-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-text-disabled-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-text-icon-on-dark: rgba(255, 255, 255, .5);
| |
| − | --theme-border-color: rgba(255, 255, 255, .12);
| |
| − | --theme-elevation-0dp_-_background-color: var(--theme-background, #121212); /* var(--theme-background) + rgba(255, 255, 255, 0) */
| |
| − | --theme-elevation-1dp_-_background-color: #1e1e1e; /* var(--theme-background) + rgba(255, 255, 255, .05) */
| |
| − | --theme-elevation-2dp_-_background-color: #232323; /* var(--theme-background) + rgba(255, 255, 255, .07) */
| |
| − | --theme-elevation-3dp_-_background-color: #252525; /* var(--theme-background) + rgba(255, 255, 255, .08) */
| |
| − | --theme-elevation-4dp_-_background-color: #272727; /* var(--theme-background) + rgba(255, 255, 255, .09) */
| |
| − | --theme-elevation-6dp_-_background-color: #2c2c2c; /* var(--theme-background) + rgba(255, 255, 255, .11) */
| |
| − | --theme-elevation-8dp_-_background-color: #2f2f2f; /* var(--theme-background) + rgba(255, 255, 255, .12) */
| |
| − | --theme-elevation-12dp_-_background-color: #333; /* var(--theme-background) + rgba(255, 255, 255, .14) */
| |
| − | --theme-elevation-16dp_-_background-color: #353535; /* var(--theme-background) + rgba(255, 255, 255, .15) */
| |
| − | --theme-elevation-24dp_-_background-color: #383838; /* var(--theme-background) + rgba(255, 255, 255, .16) */
| |
| − | /* Custom colors. */
| |
| − | --theme-dynamic-color: #fff;
| |
| − | --theme-dynamic-color--rgb: 255, 255, 255;
| |
| − | --theme-dynamic-color__inverse: #000;
| |
| − | --theme-dynamic-color__inverse--rgb: 0, 0, 0;
| |
| − | --theme-color__text: #fff;
| |
| − | --theme-color__text--rgb: 255, 255, 255;
| |
| − | --theme-color__red: #ef9a9a;
| |
| − | --theme-color__red--rgb: 239, 154, 154;
| |
| − | --theme-color__pink: #f48fb1;
| |
| − | --theme-color__pink--rgb: 244, 143, 177;
| |
| − | --theme-color__purple: #ce93d8;
| |
| − | --theme-color__purple--rgb: 206, 147, 216;
| |
| − | --theme-color__deep-purple: #b39ddb;
| |
| − | --theme-color__deep-purple--rgb: 179, 157, 219;
| |
| − | --theme-color__indigo: #9fa8da;
| |
| − | --theme-color__indigo--rgb: 159, 168, 218;
| |
| − | --theme-color__blue: #90caf9;
| |
| − | --theme-color__blue--rgb: 144, 202, 249;
| |
| − | --theme-color__light-blue: #81d4fa;
| |
| − | --theme-color__light-blue--rgb: 129, 212, 250;
| |
| − | --theme-color__cyan: #80deea;
| |
| − | --theme-color__cyan--rgb: 128, 222, 234;
| |
| − | --theme-color__teal: #80cbc4;
| |
| − | --theme-color__teal--rgb: 128, 203, 196;
| |
| − | --theme-color__green: #a5d6a7;
| |
| − | --theme-color__green--rgb: 165, 214, 167;
| |
| − | --theme-color__light-green: #c5e1a5;
| |
| − | --theme-color__light-green--rgb: 197, 225, 165;
| |
| − | --theme-color__lime: #e6ee9c;
| |
| − | --theme-color__lime--rgb: 230, 238, 156;
| |
| − | --theme-color__yellow: #fff59d;
| |
| − | --theme-color__yellow--rgb: 255, 245, 157;
| |
| − | --theme-color__amber: #ffe082;
| |
| − | --theme-color__amber--rgb: 255, 224, 130;
| |
| − | --theme-color__orange: #ffcc80;
| |
| − | --theme-color__orange--rgb: 255, 204, 128;
| |
| − | --theme-color__deep-orange: #ffab91;
| |
| − | --theme-color__deep-orange--rgb: 255, 171, 145;
| |
| − | --theme-color__brown: #bcaaa4;
| |
| − | --theme-color__brown--rgb: 188, 170, 164;
| |
| − | --theme-color__grey: #eee;
| |
| − | --theme-color__grey--rgb: 237, 237, 237;
| |
| − | --theme-color__blue-grey: #b0bec5;
| |
| − | --theme-color__blue-grey--rgb: 176, 190, 197;
| |
| − | --theme-color__cta: var(--theme-color__light-blue);
| |
| − | --theme-color__cta--rgb: var(--theme-color__light-blue--rgb);
| |
| − | }
| |
| − |
| |
| − | html,
| |
| − | body {
| |
| − | color-scheme: dark light;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | background-image: url(/1/wiki/index.php?title=Special:Filepath/Background-dark.png);
| |
| − | }
| |
| − |
| |
| − | #p-logo a {
| |
| − | filter: brightness(.75);
| |
| − | }
| |
| − |
| |
| − | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
| |
| − | filter: invert(1);
| |
| − | }
| |
| − |
| |
| − | .vectorMenu h3 span::after {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23fff%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a.current,
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .label {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2216%22 height=%2216%22%3E%3Cpath d=%22M13 6l-5 5-5-5z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | #mw-indicator-mw-helplink a {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E help %3C/title%3E %3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm1 16H9v-2h2zm2.71-7.6a2.64 2.64 0 0 1-.33.74 3.16 3.16 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.54 2.54 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.79 3.79 0 0 0-.11 1H9.08a8.9 8.9 0 0 1 .07-1.25 3.28 3.28 0 0 1 .25-.9 2.79 2.79 0 0 1 .41-.67 4 4 0 0 1 .58-.58c.17-.16.34-.3.51-.44a3 3 0 0 0 .43-.44 1.83 1.83 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.06 2.06 0 0 0-.17-.86 1.71 1.71 0 0 0-1-.9 1.7 1.7 0 0 0-.5-.1 1.77 1.77 0 0 0-1.53.68 3 3 0 0 0-.5 1.82H6.16a4.74 4.74 0 0 1 .28-1.68 3.56 3.56 0 0 1 .8-1.29 3.88 3.88 0 0 1 1.28-.83A4.59 4.59 0 0 1 10.18 4a4.44 4.44 0 0 1 1.44.23 3.51 3.51 0 0 1 1.15.65 3.08 3.08 0 0 1 .78 1.06 3.54 3.54 0 0 1 .29 1.45 3.39 3.39 0 0 1-.13 1.01z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-image-invert.oo-ui-icon-check,
| |
| − | .mw-ui-icon-check-invert::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog .ui-icon-closethick {
| |
| − | background: center/contain no-repeat url("data:image/svg+xml,%3Csvg height='18px' viewBox='0 0 24 24' width='18px' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-indicator-down {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath d=%22M10.085 2.943L6.05 6.803l-3.947-3.86L1.05 3.996l5 5 5-5z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-play,
| |
| − | .mw-ui-icon-play::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d=%22M4.55 19A1 1 0 0 1 3 18.13V1.87A1 1 0 0 1 4.55 1l12.2 8.13a1 1 0 0 1 0 1.7z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-menu,
| |
| − | .mw-ui-icon-menu::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d=%22M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-bookmark,
| |
| − | .mw-ui-icon-bookmark::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebookmark%3C/title%3E%3Cpath d=%22M5 1a2 2 0 0 0-2 2v16l7-5 7 5V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-trash,
| |
| − | .mw-ui-icon-trash::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etrash%3C/title%3E%3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5H4z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-article,
| |
| − | .mw-ui-icon-article::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Earticle%3C/title%3E%3Cpath d=%22M5 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%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-tag,
| |
| − | .mw-ui-icon-tag::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etag%3C/title%3E%3Cpath d=%22M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-settings,
| |
| − | .mw-ui-icon-settings::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esettings%3C/title%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 1 0 7.5 7.5A7.5 7.5 0 0 0 10 2.5zm0 11a3.5 3.5 0 1 1 3.5-3.5 3.5 3.5 0 0 1-3.5 3.5z%22/%3E%3Cpath d=%22M12.5 6.5l-1-6.5h-3l-1 6.5m0 7l1 6.5h3l1-6.5m1-1l6.5-1v-3l-6.5-1m-7 0L0 8.5v3l6.5 1m7.743-3.207l3.889-5.303-2.122-2.122-5.303 3.89m-4.95 4.95L1.868 16.01l2.122 2.122 5.303-3.89m0-8.485L3.99 1.868 1.868 3.99l3.89 5.303m4.95 4.95l5.302 3.889 2.122-2.122-3.89-5.303%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-close,
| |
| − | .mw-ui-icon-close::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-image-progressive.oo-ui-icon-reload,
| |
| − | .mw-ui-icon-reload-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ereload%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M15.65 4.35A8 8 0 1 0 17.4 13h-2.22a6 6 0 1 1-1-7.22L11 9h7V2z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-image-invert.oo-ui-icon-stop,
| |
| − | .mw-ui-icon-stop-invert::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Estop%3C/title%3E%3Cg fill=%22%23000%22%3E%3Crect width=%2216%22 height=%2216%22 x=%222%22 y=%222%22 rx=%221%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-search,
| |
| − | .mw-ui-icon-search::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d=%22M19 17l-5.15-5.15a7 7 0 1 0-2 2L17 19zM3.5 8A4.5 4.5 0 1 1 8 12.5 4.5 4.5 0 0 1 3.5 8z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-previous,
| |
| − | .mw-ui-icon-previous::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-helpNotice,
| |
| − | .mw-ui-icon-helpNotice::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehelp%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm1 16H9v-2h2zm2.71-7.6a2.64 2.64 0 0 1-.33.74 3.16 3.16 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.54 2.54 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.79 3.79 0 0 0-.11 1H9.08a8.9 8.9 0 0 1 .07-1.25 3.28 3.28 0 0 1 .25-.9 2.79 2.79 0 0 1 .41-.67 4 4 0 0 1 .58-.58c.17-.16.34-.3.51-.44a3 3 0 0 0 .43-.44 1.83 1.83 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.06 2.06 0 0 0-.17-.86 1.71 1.71 0 0 0-1-.9 1.7 1.7 0 0 0-.5-.1 1.77 1.77 0 0 0-1.53.68 3 3 0 0 0-.5 1.82H6.16a4.74 4.74 0 0 1 .28-1.68 3.56 3.56 0 0 1 .8-1.29 3.88 3.88 0 0 1 1.28-.83A4.59 4.59 0 0 1 10.18 4a4.44 4.44 0 0 1 1.44.23 3.51 3.51 0 0 1 1.15.65 3.08 3.08 0 0 1 .78 1.06 3.54 3.54 0 0 1 .29 1.45 3.39 3.39 0 0 1-.13 1.01z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-highlight,
| |
| − | .mw-ui-icon-highlight::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehighlight%3C/title%3E%3Cpath d=%22M15.14 2.27a1 1 0 0 0-1.41 0l-10 10a1 1 0 0 0 0 1.41L4 14l-3 4h5l1-1 .29.29a1 1 0 0 0 1.41 0l10-10a1 1 0 0 0 .03-1.43zM7 15l-2-2 9-9 2 2z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-image-progressive.oo-ui-icon-feedback,
| |
| − | .mw-ui-icon-feedback-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efeedback%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M19 16L2 12a3.83 3.83 0 0 1-1-2.5A3.83 3.83 0 0 1 2 7l17-4z%22/%3E%3Crect width=%224%22 height=%228%22 x=%224%22 y=%229%22 rx=%222%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-history,
| |
| − | .mw-ui-icon-history::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehistory%3C/title%3E%3Cpath d=%22M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z%22/%3E%3Cpath d=%22M10 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-18z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .mw-content-ltr div.magnify a {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2215%22 height=%2211%22 viewBox=%220 0 11 15%22%3E %3Cg id=%22magnify-clip%22 fill=%22%23000%22 stroke=%22%23fff%22%3E %3Cpath id=%22bigbox%22 d=%22M1.509 1.865h10.99v7.919H1.509z%22/%3E %3Cpath id=%22smallbox%22 d=%22M-1.499 6.868h5.943v4.904h-5.943z%22/%3E %3C/g%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .client-js .sortable:not(.jquery-tablesorter) > thead > :last-of-type > th:not(.unsortable),
| |
| − | .jquery-tablesorter th.headerSort {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .jquery-tablesorter th.headerSortUp {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .jquery-tablesorter th.headerSortDown {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-indicator-required {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Erequired%3C/title%3E%3Cpath d=%22M8.5 0h3v20h-3z%22/%3E%3Cpath d=%22M19.41 13.701l-1.5 2.598L.59 6.3l1.5-2.598z%22/%3E%3Cpath d=%22M17.91 3.701l1.5 2.598-17.32 10-1.5-2.598z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-next,
| |
| − | .mw-ui-icon-next::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-icon-collapse,
| |
| − | .mw-ui-icon-collapse::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ecollapse%3C/title%3E%3Cpath d=%22M2.5 15.25l7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-disabled .oo-ui-icon-first,
| |
| − | .oo-ui-widget-disabled .mw-ui-icon-first::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efirst%3C/title%3E%3Cpath d=%22M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-disabled .oo-ui-icon-previous,
| |
| − | .oo-ui-widget-disabled .mw-ui-icon-previous::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-disabled .oo-ui-icon-next,
| |
| − | .oo-ui-widget-disabled .mw-ui-icon-next::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-disabled .oo-ui-icon-last,
| |
| − | .oo-ui-widget-disabled .mw-ui-icon-last::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elast%3C/title%3E%3Cpath d=%22M15 1h2v18h-2zM3.5 2.5L11 10l-7.5 7.5L5 19l9-9-9-9z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-first,
| |
| − | .oo-ui-widget-enabled .mw-ui-icon-first-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efirst%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-previous,
| |
| − | .oo-ui-widget-enabled .mw-ui-icon-previous-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-next,
| |
| − | .oo-ui-widget-enabled .mw-ui-icon-next-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-last,
| |
| − | .oo-ui-widget-enabled .mw-ui-icon-last-progressive::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elast%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M15 1h2v18h-2zM3.5 2.5L11 10l-7.5 7.5L5 19l9-9-9-9z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:checked + label::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath fill=%22%23000%22 d=%22M17 7.5L9.5 15 6 11.5 4.5 13l5 5L20 7.5c-.706-.706-2.294-.706-3 0z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − | /* fill=%22%23fff%22 */
| |
| − | .mw-content-ltr .redirectText li:first-child {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23fff%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E");
| |
| − | }
| |
| − |
| |
| − | .oo-ui-image-error.oo-ui-icon-alert,
| |
| − | .mw-ui-icon-alert-error::before {
| |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ealert%3C/title%3E%3Cg fill=%22%23ef9a9a%22%3E%3Cpath d=%22M11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z%22/%3E%3C/g%3E%3C/svg%3E");
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .mw-body {
| |
| − | background-color: var(--theme-background);
| |
| − | border: none;
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | a,
| |
| − | .mw-body a,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
| |
| − | #mw-navigation #mw-panel .portal .body li a,
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a,
| |
| − | .vectorMenu li a,
| |
| − | .toctogglelabel,
| |
| − | .mw-parser-output a.external,
| |
| − | .mw-parser-output a.extiw,
| |
| − | .mw-parser-output a.extiw:active {
| |
| − | color: var(--theme-color__cta);
| |
| − | }
| |
| − |
| |
| − | a:visited,
| |
| − | .mw-body a:visited,
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a:visited,
| |
| − | #mw-navigation #mw-panel .portal .body li a:visited,
| |
| − | .mw-parser-output a:visited.external,
| |
| − | .vectorMenu li a:visited {
| |
| − | color: var(--theme-color__purple);
| |
| − | }
| |
| − |
| |
| − | a.new,
| |
| − | a.new:visited,
| |
| − | .vectorTabs li.new a,
| |
| − | .vectorTabs li.new a:visited {
| |
| − | color: var(--theme-error);
| |
| − | }
| |
| − |
| |
| − | code,
| |
| − | pre,
| |
| − | .mw-code {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | font: 700 14px/1.5 monospace;
| |
| − | letter-spacing: .0333333333em;
| |
| − | padding: 0 4px;
| |
| − | }
| |
| − |
| |
| − | q {
| |
| − | font-style: italic;
| |
| − | quotes: "“" "”" "‘" "’";
| |
| − | }
| |
| − |
| |
| − | q::before {
| |
| − | content: open-quote;
| |
| − | }
| |
| − |
| |
| − | q::after {
| |
| − | content: close-quote;
| |
| − | }
| |
| − |
| |
| − | /* Page head. */
| |
| − | div.suggestions {
| |
| − | font-size: 14px;
| |
| − | }
| |
| − |
| |
| − | .suggestions-results,
| |
| − | .suggestions-special {
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .suggestions-special {
| |
| − | border: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .suggestions-result,
| |
| − | .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(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .suggestions-result-current {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .suggestions-special .special-label {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .suggestions-special .special-query {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | #left-navigation,
| |
| − | #right-navigation {
| |
| − | margin-top: 2.438em;
| |
| − | }
| |
| − |
| |
| − | #left-navigation {
| |
| − | margin-left: 10.938em;
| |
| − | }
| |
| − |
| |
| − | .vectorTabs,
| |
| − | .vectorTabs ul,
| |
| − | #mw-head .vectorMenu h3 {
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .vectorTabs span,
| |
| − | .vectorTabs li,
| |
| − | .vectorTabs li.selected {
| |
| − | background-color: transparent;
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li,
| |
| − | .vectorTabs li.selected,
| |
| − | .vectorMenu {
| |
| − | background-color: var(--theme-background);
| |
| − | background-image: none;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li a:hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li a:focus,
| |
| − | .vectorTabs li a:active {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li.selected a:hover {
| |
| − | background-color: rgba(var(--theme-color__cta--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li.selected a:focus,
| |
| − | .vectorTabs li.selected a:active {
| |
| − | background-color: rgba(var(--theme-color__cta--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li a {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | outline: none;
| |
| − | padding: 10px 16px 5px;
| |
| − | text-decoration: none;
| |
| − | transition: background-color 75ms;
| |
| − | }
| |
| − |
| |
| − | .vectorMenu h3 span {
| |
| − | color: var(--theme-on-background);
| |
| − | padding: 10px 24px 6px 8px;
| |
| − | }
| |
| − |
| |
| − | .vectorMenu h3 span::after {
| |
| − | top: 4px;
| |
| − | }
| |
| − |
| |
| − | #ca-talk {
| |
| − | left: -1px;
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li.selected a,
| |
| − | .vectorTabs li.selected a:visited {
| |
| − | color: var(--theme-color__cta);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs li.selected::after {
| |
| − | background-color: var(--theme-color__cta);
| |
| − | border-radius: 2px 2px 0 0;
| |
| − | bottom: 0;
| |
| − | content: '';
| |
| − | height: 2px;
| |
| − | left: 12px;
| |
| − | position: absolute;
| |
| − | width: calc(100% - 24px);
| |
| − | }
| |
| − |
| |
| − | .vectorTabs #ca-unwatch.icon a,
| |
| − | .vectorTabs #ca-watch.icon a {
| |
| − | padding: 32px 0 0;
| |
| − | }
| |
| − |
| |
| − | .vectorMenu .menu {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | border: none;
| |
| − | box-shadow: var(--theme-elevation-8dp_-_box-shadow);
| |
| − | }
| |
| − |
| |
| − | #p-search {
| |
| − | background-color: var(--theme-background);
| |
| − | margin: 0;
| |
| − | padding: 8px 16px;
| |
| − | }
| |
| − |
| |
| − | #p-search form,
| |
| − | #p-search input {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #simpleSearch {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | background-image: none;
| |
| − | border-color: var(--theme-border-color);
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #simpleSearch #searchInput {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | #simpleSearch #searchButton {
| |
| − | background: var(--theme-elevation-1dp_-_background-color) center no-repeat url("data:image/svg+xml,%3Csvg width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E")
| |
| − | }
| |
| − |
| |
| − | /* Page rail. */
| |
| − | #mw-panel .portal {
| |
| − | background-color: var(--theme-background);
| |
| − | margin: 0 8px;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | #mw-panel .portal h3 {
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | #mw-panel .portal .body,
| |
| − | #mw-panel #p-logo + .portal .body {
| |
| − | background-image: none;
| |
| − | margin: 0 6px;
| |
| − | }
| |
| − |
| |
| − | #mw-panel .portal .body ul {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | #mw-panel .portal .body li {
| |
| − | padding: 6px 0;
| |
| − | }
| |
| − |
| |
| − | /* Page body. */
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | background-color: var(--theme-border-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | /** Top message. **/
| |
| − | #mw-content-text > :first-child {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .16) !important;
| |
| − | }
| |
| − |
| |
| − | #mw-content-text > :first-child > span {
| |
| − | color: var(--theme-text-primary-on-background) !important;
| |
| − | }
| |
| − |
| |
| − | /** Redirected message. **/
| |
| − | #contentSub,
| |
| − | #contentSub2 {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | margin: 0 0 1.4em;
| |
| − | }
| |
| − |
| |
| − | /** Page contents. **/
| |
| − | .error {
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .warning {
| |
| − | color: var(--theme-color__orange);
| |
| − | }
| |
| − |
| |
| − | .success {
| |
| − | color: var(--theme-color__green);
| |
| − | }
| |
| − |
| |
| − | /*** Infobox. ***/
| |
| − | .infobox {
| |
| − | --infobox-background: var(--theme-elevation-8dp_-_background-color);
| |
| − | --infobox-secondary-background: #55aaee;
| |
| − | --infobox-secondary-background-label: #000;
| |
| − | --infobox-border-color: var(--theme-border-color);
| |
| − | background-color: var(--infobox-background);
| |
| − | border: 2px solid #fff;
| |
| − | /*box-shadow: var(--theme-elevation-8dp_-_box-shadow);*/
| |
| − | clear: right;
| |
| − | float: right;
| |
| − | font-family: sans-serif;
| |
| − | margin: 0 0 18px 18px;
| |
| − | text-align: left;
| |
| − | width: 270px;
| |
| − | }
| |
| − |
| |
| − | .infobox > p {
| |
| − | position: fixed;
| |
| − | left: 1000vw;
| |
| − | }
| |
| − |
| |
| − | .infobox-inner {
| |
| − | border: 2px solid #000;
| |
| − | border-spacing: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .infobox-title {
| |
| − | background-color: var(--infobox-secondary-background);
| |
| − | border: 0;
| |
| − | color: var(--infobox-secondary-background-label);
| |
| − | font: 700 18px/1.25 sans-serif;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .infobox-title th {
| |
| − | padding: 12px 9px 14px;
| |
| − | position: relative;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .infobox-title th::after {
| |
| − | background-color: #000;
| |
| − | bottom: 0;
| |
| − | content: '';
| |
| − | height: 2px;
| |
| − | left: 0;
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .infobox-item {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .infobox-image + .infobox-item::after {
| |
| − | background-color: var(--theme-border-color);
| |
| − | content: '';
| |
| − | height: 1px;
| |
| − | position: absolute;
| |
| − | top: -1px;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .infobox-item + p {
| |
| − | position: fixed;
| |
| − | left: 1000vw;
| |
| − | }
| |
| − |
| |
| − | .infobox-label {
| |
| − | -webkit-hyphens: auto;
| |
| − | font: 700 12px/1.5 sans-serif;
| |
| − | hyphens: auto;
| |
| − | margin: 0;
| |
| − | overflow: hidden;
| |
| − | overflow-wrap: break-word;
| |
| − | padding: 8px;
| |
| − | vertical-align: top;
| |
| − | width: 90px;
| |
| − | }
| |
| − |
| |
| − | .infobox-value {
| |
| − | -webkit-hyphens: auto;
| |
| − | flex-basis: 180px;
| |
| − | font: 400 12px/1.5 sans-serif;
| |
| − | hyphens: auto;
| |
| − | overflow-wrap: break-word;
| |
| − | padding: 8px;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − |
| |
| − | /*** TOC. ***/
| |
| − | .toc,
| |
| − | .mw-warning,
| |
| − | toccolours,
| |
| − | #filetoc {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .tocnumber {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | /*** Tables. ***/
| |
| − | .wikitable {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikitable > tr > th,
| |
| − | .wikitable > * > tr > th {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikitable > tr > th,
| |
| − | .wikitable > tr > td,
| |
| − | .wikitable > * > tr > th,
| |
| − | .wikitable > * > tr > td {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-datatable,
| |
| − | .mw-datatable td,
| |
| − | .mw-datatable th {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-datatable th {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .mw-datatable td {
| |
| − | background-color: var(--theme-background);
| |
| − | }
| |
| − |
| |
| − | #mw-allmessagestable tbody:hover td,
| |
| − | .mw-datatable tr:hover td {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .08);
| |
| − | }
| |
| − | /* Lists. */
| |
| − | :where(.mw-body ul li)::marker {
| |
| − | content: '•\00a0\00a0';
| |
| − | font-size: 1em;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .mw-body .toc ul li::marker {
| |
| − | content: initial;
| |
| − | font-size: initial;
| |
| − | font-weight: initial;
| |
| − | }
| |
| − |
| |
| − | /* Galleries and images. */
| |
| − | li.gallerybox div.thumb {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .gallerybox .gallerytext {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | div.thumbinner {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | html .thumbimage {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | html .thumbcaption {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | padding: 6px 0 3px;
| |
| − | }
| |
| − |
| |
| − | /*** Category links. ***/
| |
| − | .catlinks {
| |
| − | background-color: transparent;
| |
| − | border: none;
| |
| − | border-top: 1px solid var(--theme-border-color);
| |
| − | padding-top: 14px;
| |
| − | }
| |
| − |
| |
| − | /* Editor. */
| |
| − | .warningbox {
| |
| − | background-color: rgba(var(--theme-color__orange--rgb), .08);
| |
| − | border: none;
| |
| − | border-left: 4px solid var(--theme-color__orange);
| |
| − | color: rgba(var(--theme-color__orange--rgb), .87);
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | textarea,
| |
| − | fieldset {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui .wikiEditor-ui-view,
| |
| − | .wikiEditor-ui .wikiEditor-ui-top,
| |
| − | .wikiEditor-ui-toolbar .group {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
| |
| − | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:focus-within {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .12);
| |
| − | outline-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a.current,
| |
| − | .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .sections .section {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .08);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .label {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-editform #wpTextbox1 {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | font: 500 14px/1.5 monospace;
| |
| − | letter-spacing: .0333333333em;
| |
| − | padding: 0 4px;
| |
| − | }
| |
| − |
| |
| − | .editOptions {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | /** Special characters section. **/
| |
| − | .wikiEditor-ui-toolbar .booklet .index {
| |
| − | resize: initial;
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .booklet .index div {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .booklet .index div:not(.current):hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .booklet .index div:not(.current):focus,
| |
| − | .wikiEditor-ui-toolbar .booklet .index div:not(.current):active {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .booklet .index .current {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .24);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .booklet .pages {
| |
| − | background-color: var(--theme-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .page-characters div span {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .page-characters div span:hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .page-characters div span:active {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .24);
| |
| − | color: var(--theme-on-background);
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | /** Help section. **/
| |
| − | .wikiEditor-ui-toolbar .page-table th {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .page-table td {
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | /* Page history. */
| |
| − | .mw-plusminus-pos {
| |
| − | color: var(--theme-color__green);
| |
| − | }
| |
| − |
| |
| − | .mw-plusminus-neg {
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | #pagehistory {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #pagehistory li {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | #pagehistory li {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | #pagehistory li:hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | #pagehistory li:not(.selected):focus-within {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | #pagehistory li.selected {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .24);
| |
| − | border: 1px solid var(--theme-border-color);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .diff-context {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-color__grey);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .diff-deletedline {
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .diff-deletedline .diffchange {
| |
| − | background-color: var(--theme-color__red);
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | }
| |
| − |
| |
| − | .diff-addedline {
| |
| − | border-color: var(--theme-color__green);
| |
| − | }
| |
| − |
| |
| − | .diff-addedline .diffchange {
| |
| − | background-color: var(--theme-color__green);
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | }
| |
| − |
| |
| − | /* Recent Changes. */
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
| |
| − | .oo-ui-tagItemWidget,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-savedLinksListWidget-placeholder-title {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-tagItemWidget-popup-content {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | box-shadow: var(--theme-elevation-8dp_-_box-shadow);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-tagItemWidget-popup-content {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before,
| |
| − | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
| |
| − | border-bottom-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | box-shadow: var(--theme-elevation-2dp_-_box-shadow);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | transition: var(--theme-elevation_-_-shadow-transition);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | box-shadow: var(--theme-elevation-4dp_-_box-shadow);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.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:focus,
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:active,
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | box-shadow: var(--theme-elevation-8dp_-_box-shadow);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-popupWidget-popup {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | box-shadow: var(--theme-elevation-8dp_-_box-shadow);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-datePopupWidget {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuHeaderWidget-header,
| |
| − | .mw-rcfilters-ui-menuSelectWidget-footer {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuSectionOptionWidget {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .04);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuHeaderWidget-title {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
| |
| − | .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| − | .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | /* Email user. */
| |
| − | .oo-ui-panelLayout-framed {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | /* Special:Preferences. */
| |
| − | .oo-ui-labelWidget.oo-ui-inline-help {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .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 {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget {
| |
| − | -moz-osx-font-smoothing: grayscale;
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | align-items: center;
| |
| − | border: 0;
| |
| − | border-radius: 0;
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | display: inline-flex;
| |
| − | font-size: 1em;
| |
| − | height: 2.5715em;
| |
| − | justify-content: center;
| |
| − | line-height: 2.5715em;
| |
| − | font-weight: 700;
| |
| − | letter-spacing: .0892857143em;
| |
| − | margin: 0;
| |
| − | padding: 0 1.7143em;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
| |
| − | background-color: transparent;
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::after {
| |
| − | background-color: currentColor;
| |
| − | bottom: 0;
| |
| − | content: '';
| |
| − | height: 2px;
| |
| − | position: absolute;
| |
| − | width: calc(100% - 48px);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .08);
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:active {
| |
| − | background-color: rgba(var(--theme-color__light-blue--rgb), .16);
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
| |
| − | border: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | .mw-prefs-buttons {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | /* Special:Blocklist. */
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | }
| |
| − |
| |
| − | /* Special:Search. */
| |
| − | .mw-search-profile-tabs {
| |
| − | background-color: transparent;
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .search-types .current a {
| |
| − | color: var(--theme-text-on-background);
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .search-types li::marker {
| |
| − | content: initial;
| |
| − | }
| |
| − |
| |
| − | /* Special:ActiveUsers. */
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | caret-color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus,
| |
| − | .oo-ui-tagItemWidget.oo-ui-widget-enabled:active {
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | /* Special:ChangeContentModel */
| |
| − | .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | /* Components. */
| |
| − | /** Dialog. **/
| |
| − | .ui-dialog::before {
| |
| − | animation: dialog-backdrop-fade-in 250ms 1;
| |
| − | background-color: #000;
| |
| − | content: '';
| |
| − | height: 100%;
| |
| − | left: 0;
| |
| − | opacity: .38;
| |
| − | position: fixed;
| |
| − | pointer-events: none;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes dialog-backdrop-fade-in {
| |
| − | from {
| |
| − | opacity: 0;
| |
| − | }
| |
| − | to {
| |
| − | opacity: .38;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes dialog-backdrop-fade-in {
| |
| − | from {
| |
| − | opacity: 0;
| |
| − | }
| |
| − | to {
| |
| − | opacity: .38;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog {
| |
| − | background-color: var(--theme-elevation-24dp_-_background-color);
| |
| − | box-shadow: var(--theme-elevation-24dp_-_box-shadow);
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .ui-widget-content {
| |
| − | background: none;
| |
| − | background-color: var(--theme-elevation-24dp_-_background-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog .ui-widget-header,
| |
| − | body .ui-dialog .ui-dialog-buttonpane {
| |
| − | background: none !important;
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08) !important;
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog .ui-widget-header {
| |
| − | border: 0;
| |
| − | border-bottom: 1px solid var(--theme-border-color);
| |
| − | color: var(--theme-on-background);
| |
| − | font: 500 20px/32px sans-serif;
| |
| − | letter-spacing: .25px;
| |
| − | padding: 9px 24px !important;
| |
| − | }
| |
| − |
| |
| − | .ui-dialog .ui-dialog-title {
| |
| − | margin: 0 16px 0 0;
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-toolbar-dialog .ui-dialog-content {
| |
| − | background-color: var(--theme-elevation-24dp_-_background-color);
| |
| − | padding: 24px !important;
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog .ui-dialog-buttonpane {
| |
| − | border-top: 1px solid var(--theme-border-color) !important;
| |
| − | }
| |
| − |
| |
| − | body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
| |
| − | height: 24px;
| |
| − | right: 24px;
| |
| − | top: calc(50% - 2px);
| |
| − | width: 24px;
| |
| − | }
| |
| − |
| |
| − | body .ui-dialog .ui-icon-closethick {
| |
| − | height: inherit;
| |
| − | margin: 0;
| |
| − | width: inherit;
| |
| − | }
| |
| − |
| |
| − | .ui-state-hover,
| |
| − | .ui-widget-content .ui-state-hover,
| |
| − | .ui-widget-header .ui-state-hover,
| |
| − | .ui-state-focus,
| |
| − | .ui-widget-content .ui-state-focus,
| |
| − | .ui-widget-header .ui-state-focus {
| |
| − | border: 0;
| |
| − | background: none;
| |
| − | }
| |
| − |
| |
| − | .previewnote {
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | /** Forms. **/
| |
| − | .mw-ui-vform .error,
| |
| − | .mw-ui-vform .warning,
| |
| − | .mw-ui-vform .errorbox,
| |
| − | .mw-ui-vform .warningbox,
| |
| − | .mw-ui-vform .successbox {
| |
| − | padding: .5em 1em;
| |
| − | }
| |
| − |
| |
| − | .mw-ui-vform .error,
| |
| − | .errorbox {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .08);
| |
| − | border: none;
| |
| − | border-left: 4px solid var(--theme-color__red);
| |
| − | color: rgba(var(--theme-color__red--rgb), .87);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-vform .warning,
| |
| − | .warningbox {
| |
| − | background-color: rgba(var(--theme-color__orange--rgb), .08);
| |
| − | border: none;
| |
| − | border-left: 4px solid var(--theme-color__orange);
| |
| − | color: rgba(var(--theme-color__orange--rgb), .87);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-vform .successbox,
| |
| − | .mw-ui-vform .success,
| |
| − | .successbox {
| |
| − | background-color: rgba(var(--theme-color__green--rgb), .08);
| |
| − | border: none;
| |
| − | border-left: 4px solid var(--theme-color__green);
| |
| − | color: rgba(var(--theme-color__green--rgb), .87);
| |
| − | }
| |
| − |
| |
| − | .mw-infobox {
| |
| − | border: 2px solid var(--theme-color__deep-orange);
| |
| − | }
| |
| − |
| |
| − | /** Text input. **/
| |
| − | textarea,
| |
| − | input {
| |
| − | border: 1px solid var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
| |
| − | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly],
| |
| − | .oo-ui-textInputWidget .oo-ui-inputWidget-input,
| |
| − | .mw-widget-dateInputWidget-handle,
| |
| − | .mw-ui-input {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input {
| |
| − | box-shadow: none;
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input::-webkit-input-placeholder,
| |
| − | .mw-ui-input:-ms-input-placeholder,
| |
| − | .mw-ui-input::-moz-placeholder,
| |
| − | .mw-ui-input:-moz-placeholder,
| |
| − | .mw-ui-input::placeholder {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input:hover {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input:disabled {
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-pendingElement-pending {
| |
| − | background-image: -webkit-linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
| |
| − | background-image: -moz-linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
| |
| − | background-image: linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
| |
| − | }
| |
| − |
| |
| − | /** Buttons. **/
| |
| − | .mw-ui-button {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | border-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:visited {
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:hover {
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | border-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:focus {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | border-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo),
| |
| − | inset 0 0 0 2px var(--theme-color__indigo);
| |
| − | outline-width: 0;
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:focus::-moz-focus-inner {
| |
| − | border-color: transparent;
| |
| − | padding: 0
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:active,
| |
| − | .mw-ui-button.is-on {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | border-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button:disabled,
| |
| − | .mw-ui-button:disabled:hover,
| |
| − | .mw-ui-button:disabled:active {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | border-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | box-shadow: none;
| |
| − | }
| |
| − |
| |
| − | .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(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-quiet:hover,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover,
| |
| − | .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,
| |
| − | .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(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-quiet:disabled,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled,
| |
| − | .mw-ui-button.mw-ui-quiet:disabled:hover,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover,
| |
| − | .mw-ui-button.mw-ui-quiet:disabled:active,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active,
| |
| − | .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active {
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive {
| |
| − | background-color: var(--theme-color__light-blue);
| |
| − | color: var(--theme-text-primary-on-background-inverse);
| |
| − | border: 1px solid var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive:hover {
| |
| − | background-color: var(--theme-color__blue);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive:focus {
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo),
| |
| − | inset 0 0 0 2px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive:active,
| |
| − | .mw-ui-button.mw-ui-progressive.is-on {
| |
| − | background-color: var(--theme-color__indigo);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive:disabled,
| |
| − | .mw-ui-button.mw-ui-progressive:disabled:hover,
| |
| − | .mw-ui-button.mw-ui-progressive:disabled:active {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | border-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive.mw-ui-quiet {
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .08);
| |
| − | color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus,
| |
| − | .mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
| |
| − | background-color: rgba(var(--theme-color__indigo--rgb), .16);
| |
| − | color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive {
| |
| − | background-color: var(--theme-color__red);
| |
| − | color: rgba(var(--theme-color__red--rgb), .87);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive:hover {
| |
| − | background-color: var(--theme-color__red);
| |
| − | color: var(--theme-color__red);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive:focus {
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__red),
| |
| − | inset 0 0 0 2px currentColor;
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive:active,
| |
| − | .mw-ui-button.mw-ui-destructive.is-on {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .8);
| |
| − | border-color: rgba(var(--theme-color__red--rgb), .8);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive:disabled,
| |
| − | .mw-ui-button.mw-ui-destructive:disabled:hover,
| |
| − | .mw-ui-button.mw-ui-destructive:disabled:active {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | border-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive.mw-ui-quiet {
| |
| − | color: rgba(var(--theme-color__red--rgb), .87);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .08);
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-button.mw-ui-destructive.mw-ui-quiet:active,
| |
| − | .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .16);
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color);
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | border-color: var(--theme-border-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-button:active:focus,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color);
| |
| − | color: var(--theme-on-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| − | background-color: var(--theme-color__indigo);
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue),
| |
| − | inset 0 0 0 2px var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .16);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .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(--theme-elevation-1dp_-_background-color);
| |
| − | color: var(--theme-color__indigo);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus {
| |
| − | background-color: rgba(var(--theme-color__indigo--rgb), .24);
| |
| − | color: var(--theme-color__blue);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .16);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .24);
| |
| − | color: var(--theme-color__red);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__red);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | background-color: var(--theme-color__light-blue);
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| − | background-color: var(--theme-color__blue);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | background-color: var(--theme-color__indigo);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue)/*, inset 0 0 0 2px #fff*/;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | background-color: var(--theme-color__red);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
| |
| − | background-color: var(--theme-color__red);
| |
| − | border-color: var(--theme-color__red);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-dynamic-color__inverse);
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .8);
| |
| − | border-color: rgba(var(--theme-color__red--rgb), .8);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
| |
| − | border-color: var(--theme-color__red);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__red),
| |
| − | inset 0 0 0 2px currentColor;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .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-button:active:focus,
| |
| − | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
| |
| − | color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | body .ui-button,
| |
| − | .ui-state-default,
| |
| − | .ui-widget-content .ui-state-default,
| |
| − | .ui-widget-header .ui-state-default {
| |
| − | background: none !important;
| |
| − | background-color: var(--theme-elevation-2dp_-_background-color) !important;
| |
| − | border-color: var(--theme-border-color) !important;
| |
| − | box-shadow: var(--theme-elevation-2dp_-_box-shadow);
| |
| − | color: var(--theme-text-primary-on-background) !important;
| |
| − | transition: background-color 75ms var(--standard-curve-timing-function), box-shadow var(--theme-elevation_-_-shadow-transition);
| |
| − | }
| |
| − |
| |
| − | body .ui-button:hover {
| |
| − | background: none !important;
| |
| − | background-color: var(--theme-elevation-4dp_-_background-color) !important;
| |
| − | border-color: var(--theme-border-color) !important;
| |
| − | box-shadow: var(--theme-elevation-4dp_-_box-shadow);
| |
| − | }
| |
| − |
| |
| − | body .ui-button:focus,
| |
| − | body .ui-button:active {
| |
| − | background: none !important;
| |
| − | background-color: var(--theme-elevation-8dp_-_background-color) !important;
| |
| − | border-color: var(--theme-border-color) !important;
| |
| − | box-shadow: var(--theme-elevation-8dp_-_box-shadow);
| |
| − | color: var(--theme-on-background) !important;
| |
| − | }
| |
| − |
| |
| − | .ui-dialog .ui-dialog-buttonpane button:not(:last-child) {
| |
| − | margin-right: 12px;
| |
| − | }
| |
| − |
| |
| − | .ui-dialog .ui-dialog-buttonpane button:last-child {
| |
| − | margin-right: 0;
| |
| − | }
| |
| − |
| |
| − | /** Checkbox. **/
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox'] + label::before,
| |
| − | .oo-ui-checkboxInputWidget [type='checkbox'] + span,
| |
| − | input[type="checkbox" i] {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:hover + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:active + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
| |
| − | background-color: var(--theme-color__indigo);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
| |
| − | background-color: var(--theme-color__light-blue);
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
| |
| − | background-color: var(--theme-color__blue);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__blue)/*, inset 0 0 0 2px #fff*/;
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span {
| |
| − | background-color: var(--theme-color__blue);
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label::before,
| |
| − | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
| |
| − | background-color: var(--theme-color__indigo);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:disabled + label::before {
| |
| − | background-color: var(--theme-background);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:focus + label::before {
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | /** Radio buttons. **/
| |
| − | .oo-ui-radioInputWidget [type='radio'] + span {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget [type='radio']:disabled + span {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | opacity: .38;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | opacity: .6;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
| |
| − | background-color: rgba(var(--theme-color__indigo--rgb), .24);
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:focus + span {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span::before {
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
| |
| − | border-color: var(--theme-color__blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
| |
| − | border-color: var(--theme-color__indigo);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
| |
| − | }
| |
| − |
| |
| − | /** Select menu. **/
| |
| − | .wikiEditor-ui-toolbar .group .tool-select {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .label {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .menu .options {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .options .option {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .options .option:focus,
| |
| − | .wikiEditor-ui-toolbar .group .tool-select .options .option:active {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-menuSelectWidget {
| |
| − | background-color: var(--theme-elevation-1dp_-_background-color);
| |
| − | border-color: var(--theme-border-color);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | }
| |
| − |
| |
| − | .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
| |
| − | .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,
| |
| − | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| − | background-color: rgba(var(--theme-dynamic-color--rgb), .24);
| |
| − | color: var(--theme-on-background);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
| |
| − | outline: 0;
| |
| − | border-color: var(--theme-color__light-blue);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
| |
| − | border-color: var(--theme-color__light-blue--rgb);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-color__light-blue)/*, inset 0 0 0 2px #fff*/;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
| |
| − | border-color: var(--theme-color__light-blue--rgb);
| |
| − | }
| |
| − |
| |
| − | @media screen and (min-width: 0) {
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
| |
| − | outline:1px solid var(--theme-color__light-blue);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
| |
| − | outline-color: var(--theme-color__red--rgb);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
| |
| − | border-color: var(--theme-error);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
| |
| − | border-color: var(--theme-error);
| |
| − | }
| |
| − |
| |
| − | .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
| |
| − | border-color: var(--theme-error);
| |
| − | box-shadow: inset 0 0 0 1px var(--theme-error);
| |
| − | }
| |
| − |
| |
| − | /*** "Snackbar" design for notifications. ***/
| |
| − | /**** Layout. ****/
| |
| − | .postedit-container,
| |
| − | .wds-banner-notification__container {
| |
| − | align-items: center;
| |
| − | bottom: 24px;
| |
| − | box-sizing: border-box;
| |
| − | cursor: pointer;
| |
| − | display: flex;
| |
| − | font-size: initial;
| |
| − | /*height: 48px;*/
| |
| − | justify-content: flex-start;
| |
| − | left: 0;
| |
| − | margin: 8px;
| |
| − | max-width: 672px;
| |
| − | pointer-events: none;
| |
| − | position: fixed;
| |
| − | right: 0;
| |
| − | top: unset;
| |
| − | z-index: 5000;
| |
| − | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
| |
| − | }
| |
| − |
| |
| − | /**** Inner layout. ****/
| |
| − | .postedit-container .postedit,
| |
| − | .wds-banner-notification {
| |
| − | align-items: center;
| |
| − | animation: snackbar-open 150ms 1 0s, snackbar-close 75ms 1 3225ms;
| |
| − | background-color: var(--theme-elevation-6dp_-_background-color);
| |
| − | border: 0;
| |
| − | border-radius: 4px;
| |
| − | box-shadow: var(--theme-elevation-6dp_-_box-shadow);
| |
| − | box-sizing: border-box;
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | display: flex;
| |
| − | left: unset;
| |
| − | margin: 0;
| |
| − | max-width: 672px;
| |
| − | opacity: 1;
| |
| − | padding: 0;
| |
| − | position: relative;
| |
| − | top: unset;
| |
| − | transform: none;
| |
| − | transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
| |
| − | }
| |
| − |
| |
| − | /**** Exclusive to notifications. ****/
| |
| − | /***** Removes the 'check' icon at the start of the notificaiton. *****/
| |
| − | .wds-banner-notification__icon {
| |
| − | position: fixed;
| |
| − | left: 1000vw;
| |
| − | }
| |
| − |
| |
| − | /***** Close button styling. *****/
| |
| − | .wds-banner-notification__close {
| |
| − | border: 0;
| |
| − | margin-inline-end: 8px;
| |
| − | pointer-events: initial;
| |
| − | }
| |
| − |
| |
| − | /**** Exclusive 'Saved edit' notification styling. ****/
| |
| − | /***** Adds 'ripple' effect element. *****/
| |
| − | .postedit-container .postedit::before {
| |
| − | background-color: var(--theme-on-background);
| |
| − | border-radius: 50%;
| |
| − | content: '';
| |
| − | height: 36px;
| |
| − | opacity: 0;
| |
| − | right: 14px;
| |
| − | position: absolute;
| |
| − | top: 6px;
| |
| − | transition: opacity 75ms linear;
| |
| − | width: 36px;
| |
| − | }
| |
| − |
| |
| − | /****** Adds 'ripple' interactivity effect on hover and focus/active. ******/
| |
| − | .postedit-container .postedit:hover::before {
| |
| − | opacity: 0.08;
| |
| − | }
| |
| − |
| |
| − | .postedit-container .postedit:focus::before,
| |
| − | .postedit-container .postedit:active::before {
| |
| − | opacity: 0.24;
| |
| − | }
| |
| − |
| |
| − | /***** Adds and pseudo 'close' button element. *****/
| |
| − | .postedit-container .postedit::after {
| |
| − | align-items: flex-end;
| |
| − | background: none;
| |
| − | border-radius: 50%;
| |
| − | content: url("data:image/svg+xml,%3Csvg height='18px' viewBox='0 0 24 24' width='18px' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
| |
| − | cursor: pointer;
| |
| − | display: flex;
| |
| − | justify-content: center;
| |
| − | margin: 0 0 0 8px;
| |
| − | opacity: 1;
| |
| − | padding: 8px;
| |
| − | pointer-events: initial;
| |
| − | height: 30px;
| |
| − | width: 30px;
| |
| − | position: relative;
| |
| − | right: 0;
| |
| − | top: 1px;
| |
| − | }
| |
| − |
| |
| − | /***** Removes checkmark icon. *****/
| |
| − | .postedit-icon-checkmark {
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .postedit-icon {
| |
| − | padding: 14px 16px;
| |
| − | line-height: 1;
| |
| − | font: 500 14px/20px sans-serif;
| |
| − | letter-spacing: .25px;
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes snackbar-open {
| |
| − | from {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | }
| |
| − | to {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes snackbar-open {
| |
| − | from {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | }
| |
| − | to {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes snackbar-close {
| |
| − | from {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | to {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes snackbar-close {
| |
| − | from {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | to {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /** Date picker/Calendar. **/
| |
| − | .mw-widget-dateInputWidget-calendar {
| |
| − | background-color: var(--theme-elevation-12dp_-_background-color);
| |
| − | border: none;
| |
| − | border-radius: 4px;
| |
| − | box-shadow: var(--theme-elevation-12dp_-_box-shadow);
| |
| − | height: 25.75rem;
| |
| − | width: 20.5rem;
| |
| − | z-index: 12;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header {
| |
| − | background: rgba(var(--theme-color__light-blue--rgb), .16);
| |
| − | border-radius: 4px 4px 0 0;
| |
| − | line-height: unset;
| |
| − | padding: 1rem 1.5rem;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header::before {
| |
| − | content: 'Select date';
| |
| − | font: 500 12px/32px Roboto, Noto, sans-serif;
| |
| − | letter-spacing: 2px;
| |
| − | text-decoration: none;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
| |
| − | bottom: -2rem;
| |
| − | margin: 0;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
| |
| − | width: 8.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button {
| |
| − | max-width: 8.5rem;
| |
| − | white-space: nowrap;
| |
| − | overflow: hidden;
| |
| − | text-align: initial;
| |
| − | text-overflow: ellipsis;
| |
| − | width: initial;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
| |
| − | border: none;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
| |
| − | font: 400 14px/1 Rooto, Arial, sans-serif;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-upButton {
| |
| − | bottom: -2.25rem;
| |
| − | right: 7.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
| |
| − | border: 0;
| |
| − | height: 1.5rem;
| |
| − | padding: 0;
| |
| − | width: 1.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
| |
| − | left: .125rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
| |
| − | bottom: -2.25rem;
| |
| − | float: none;
| |
| − | position: absolute;
| |
| − | right: 4.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-nextButton {
| |
| − | bottom: -2.25rem;
| |
| − | float: none;
| |
| − | position: absolute;
| |
| − | right: 1.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-outer-wrapper {
| |
| − | height: 17.5rem;
| |
| − | margin: 3.5rem .75rem 0;
| |
| − | width: 19rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
| |
| − | column-gap: .25rem;
| |
| − | grid-column-gap: .25rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day-heading,
| |
| − | .mw-widget-calendarWidget-day:nth-child(7n),
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(7n),
| |
| − | .mw-widget-calendarWidget-day:nth-child(7n+1),
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(7n+1),
| |
| − | .mw-widget-calendarWidget-day:nth-child(42) ~ .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day:nth-child(42) ~ .mw-widget-calendarWidget-day-heading,
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(42) ~ .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(42) ~ .mw-widget-calendarWidget-day-heading,
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n),
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n+1),
| |
| − | .mw-widget-calendarWidget-month:nth-child(10) ~ .mw-widget-calendarWidget-month,
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n),
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n+1),
| |
| − | .mw-widget-calendarWidget-year,
| |
| − | .mw-widget-calendarWidget-year:nth-child(15) ~ .mw-widget-calendarWidget-year {
| |
| − | line-height: 1;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day-heading {
| |
| − | border-radius: 50%;
| |
| − | height: 2.5rem;
| |
| − | width: 2.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day-heading {
| |
| − | box-sizing: border-box;
| |
| − | font: 400 .875rem/1 Roboto, Arial, sans-serif;
| |
| − | padding: .875rem 0;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day-heading {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day-additional {
| |
| − | color: var(--theme-text-disabled-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-item:hover {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-item:active {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .24);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-item-selected,
| |
| − | .mw-widget-calendarWidget-item-selected:hover {
| |
| − | background-color: var(--theme-color__blue);
| |
| − | color: #000;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day-additional:hover {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .08);
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day-additional:active {
| |
| − | background-color: rgba(var(--theme-color__blue--rgb), .16);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-up,
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
| |
| − | height: 17.5rem;
| |
| − | width: 18rem;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
| |
| − | gap: 4px 8px;
| |
| − | grid-gap: 4px 8px;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n),
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n+1) {
| |
| − | border-radius: 24px;
| |
| − | box-sizing: border-box;
| |
| − | padding: .875rem 0;
| |
| − | width: calc(9.5rem - 4px);
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-down .mw-widget-calendarWidget-body:first-child {
| |
| − | margin-top: -17.5rem !important;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-next .mw-widget-calendarWidget-body:first-child {
| |
| − | margin-left: -19rem !important;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-year {
| |
| − | border-radius: 24px;
| |
| − | box-sizing: border-box;
| |
| − | height: 3.25rem;
| |
| − | padding: 1.25rem 0;
| |
| − | width: 4.375rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n),
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n+1) {
| |
| − | width: 4.375rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-duodecade {
| |
| − | grid-template-columns: auto auto auto auto;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (min-width: 1200px), only screen and (max-height: 480px) {
| |
| − | .mw-widget-dateInputWidget-calendar {
| |
| − | height: 17.5rem;
| |
| − | width: 16rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
| |
| − | width: 6.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button {
| |
| − | max-width: 6.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-nextButton {
| |
| − | right: .5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
| |
| − | right: 3.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header .mw-widget-calendarWidget-upButton {
| |
| − | right: 6.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-previous,
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-next {
| |
| − | width: 28rem;
| |
| − | height: 13.75rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-next .mw-widget-calendarWidget-body:first-child {
| |
| − | margin-left: -14rem !important;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-down .mw-widget-calendarWidget-body:first-child {
| |
| − | margin-top: -14rem !important;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header {
| |
| − | background-color: transparent;
| |
| − | padding: 0 .5rem 0 1.5rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-header::before {
| |
| − | content: unset;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
| |
| − | gap: 0;
| |
| − | grid-gap: 0;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-outer-wrapper {
| |
| − | margin: 3.25rem 1rem 0;
| |
| − | width: 14rem;
| |
| − | height: 13.75rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-up, .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
| |
| − | width: 14rem;
| |
| − | height: 13.75rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-day,
| |
| − | .mw-widget-calendarWidget-day-heading,
| |
| − | .mw-widget-calendarWidget-day:nth-child(7n),
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(7n),
| |
| − | .mw-widget-calendarWidget-day:nth-child(7n+1),
| |
| − | .mw-widget-calendarWidget-day-heading:nth-child(7n+1) {
| |
| − | height: 1.75rem;
| |
| − | margin: .125rem;
| |
| − | padding: .563rem 0;
| |
| − | width: 1.75rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
| |
| − | gap: 0;
| |
| − | grid-gap: 0;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper-fade-up,
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body-year {
| |
| − | width: 14rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
| |
| − | gap: 0 .25rem;
| |
| − | grid-gap: 0 .25rem;
| |
| − | grid-template-columns: auto auto auto auto;
| |
| − | place-items: center;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n),
| |
| − | .mw-widget-calendarWidget-month:nth-child(2n+1) {
| |
| − | padding: .675rem;
| |
| − | width: 7rem;
| |
| − | }
| |
| − |
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n),
| |
| − | .mw-widget-calendarWidget-year:nth-child(5n+1),
| |
| − | .mw-widget-calendarWidget-year {
| |
| − | height: 1.75rem;
| |
| − | padding: .5rem 0;
| |
| − | width: 3.25rem;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /** Accordion. **/
| |
| − | /*** Layout and base colors. ***/
| |
| − | .mat-accordion {
| |
| − | --accordion-border-color: #dadce0;
| |
| − | --accordion-header-background-color: #fff;
| |
| − | --accordion-header-background-color--hover: #efefef;
| |
| − | --accordion-link-color: #3367d6;
| |
| − | --accordion-link-list-background-color: #e8f0fe;
| |
| − | --accordion-link-list-background-color--hover: #d2e3fc;
| |
| − | --accordion-text-header-background-color--active: #f1f3f4;
| |
| − | }
| |
| − |
| |
| − | .wikitable .mat-accordion {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | /**** Adds arrow icons inside of the previously created pseudo-elements. ****/
| |
| − | /***** Closed / down arrow. *****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after {
| |
| − | background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%233367d6%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
| |
| − | }
| |
| − |
| |
| − | /***** Opened / up arrow. *****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
| |
| − | background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%233367d6%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z%22%2F%3E%3C%2Fsvg%3E");
| |
| − | }
| |
| − |
| |
| − | /*** Dark theme colors. ***/
| |
| − | .mat-accordion {
| |
| − | --accordion-background-color: var(--theme-background);
| |
| − | --accordion-border-color: var(--theme-border-color);
| |
| − | --accordion-header-background-color: var(--theme-background);
| |
| − | --accordion-header-background-color--hover: rgba(var(--theme-dynamic-color--rgb), .06);
| |
| − | --accordion-link-color: #8ab4f8;
| |
| − | --accordion-link-list-background-color: rgba(var(--theme-dynamic-color--rgb), .03);
| |
| − | --accordion-link-list-background-color--hover: rgba(var(--theme-dynamic-color--rgb), .08);
| |
| − | --accordion-text-header-background-color--active: #3c4043;
| |
| − | align-items: flex-start;
| |
| − | border-radius: 0.5rem;
| |
| − | display: flex;
| |
| − | flex: 100%;
| |
| − | flex-direction: column;
| |
| − | margin: 2.625rem 0 0;
| |
| − | }
| |
| − |
| |
| − | /**** Adds arrow icons inside of the previously created pseudo-elements. ****/
| |
| − | /***** Closed / down arrow. *****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after {
| |
| − | background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%238ab4f8%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
| |
| − | }
| |
| − |
| |
| − | /***** Opened / up arrow. *****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
| |
| − | background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%238ab4f8%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z%22%2F%3E%3C%2Fsvg%3E");
| |
| − | }
| |
| − |
| |
| − | .mw-body .mat-accordion.list-accordion ul li::marker {
| |
| − | content: none;
| |
| − | }
| |
| − |
| |
| − | .versions-table .mat-accordion:first-child .mw-collapsible-toggle {
| |
| − | border: 0;
| |
| − | }
| |
| − |
| |
| − | .versions-table
| |
| − |
| |
| − | /**** Links' styles. ****/
| |
| − | .mat-accordion.list-accordion tr:last-child a,
| |
| − | .mat-accordion.list-accordion tr:last-child a:is(:hover, :focus),
| |
| − | .mat-accordion .mw-collapsible-toggle:is(:hover, :focus, :focus-within) a {
| |
| − | color: var(--accordion-link-color);
| |
| − | }
| |
| − |
| |
| − | .mw-parser-output .mat-accordion .external {
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | /**** List/dialog accordions' layout. ****/
| |
| − | .mat-accordion .dialogue-table {
| |
| − | display: flex;
| |
| − | justify-content: flex-start;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion .dialogue-table :is(tbody,
| |
| − | tr,
| |
| − | td) {
| |
| − | display: inherit;
| |
| − | width: 100%;
| |
| − | justify-content: stretch;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion .dialogue-table tbody {
| |
| − | flex-direction: column;
| |
| − | }
| |
| − |
| |
| − | /**** Dialog accordion - header styles. ****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default {
| |
| − | background-color: var(--theme-page-background-color);/*var(--accordion-link-list-background-color)*/
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default::before {
| |
| − | content: initial;
| |
| − | }
| |
| − |
| |
| − | /****
| |
| − | * Adds pseudo-elements to both accordion types, so then we can add the arrow
| |
| − | * buttons inside of those.
| |
| − | ****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after,
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
| |
| − | color: var(--accordion-link-color);
| |
| − | content: '';
| |
| − | display: inline-block;
| |
| − | height: 1.25rem;
| |
| − | position: absolute;
| |
| − | right: 1.75rem;
| |
| − | top: 1rem;
| |
| − | width: 1.25rem;
| |
| − | }
| |
| − |
| |
| − | /**** Dialog accordion - more header styles. ****/
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-default .mw-collapsible-text {
| |
| − | color: var(--theme-text-primary-on-background);
| |
| − | display: flex;
| |
| − | font: 500 0.875rem/1.25rem var(--theme-font-2);
| |
| − | padding: 1rem 3.25rem 1rem 4rem;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion .dialogue-table :is(.mw-collapsible-toggle-collapsed,
| |
| − | .mw-collapsible-toggle-expanded) {
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed:is(:hover, :focus) {
| |
| − | background-color: var(--accordion-header-background-color--hover);
| |
| − | }
| |
| − |
| |
| − | /**** Adds outer border to the whole List accordion. ****/
| |
| − | .mat-accordion.list-accordion {
| |
| − | border: thin solid var(--accordion-border-color);
| |
| − | }
| |
| − |
| |
| − | /**** List accordion - adds borders to the first element of the list. ****/
| |
| − | .mat-accordion.list-accordion .dialogue-table:first-child .mw-collapsible-toggle-default {
| |
| − | border-top: none;
| |
| − | border-top-left-radius: 0.5rem;
| |
| − | border-top-right-radius: 0.5rem;
| |
| − | }
| |
| − |
| |
| − | /**** List accordion - fix last element of the list's borders. ****/
| |
| − | .mat-accordion.list-accordion .dialogue-table:last-child .mw-collapsible-toggle-default {
| |
| − | border-bottom: none;
| |
| − | border-bottom-left-radius: 0.5rem;
| |
| − | border-bottom-right-radius: 0.5rem;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.list-accordion .dialogue-table:last-child tr:last-child {
| |
| − | border: none;
| |
| − | border-bottom-left-radius: 0.5rem;
| |
| − | border-bottom-right-radius: 0.5rem;
| |
| − | }
| |
| − |
| |
| − | /**** Adds borders to each header of the list. ****/
| |
| − | .mat-accordion.list-accordion .mw-collapsible-toggle-default {
| |
| − | border-bottom: thin solid var(--accordion-border-color);
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.list-accordion tr:last-child {
| |
| − | background-color: var(--accordion-link-list-background-color);
| |
| − | border-bottom: thin solid var(--accordion-border-color);
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.list-accordion tr:last-child ul {
| |
| − | margin: 10px 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.list-accordion tr:last-child li {
| |
| − | color: var(--theme-text-on-background);
| |
| − | line-height: 0.875rem;
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.list-accordion tr:last-child a {
| |
| − | display: block;
| |
| − | font-weight: 400;
| |
| − | padding: 0.625rem 4rem;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | /**** List accordion - interactivity styles for the headers. ****/
| |
| − | .mat-accordion.list-accordion tr:last-child a:is(:hover, :focus) {
| |
| − | background-color: var(--accordion-link-list-background-color--hover);
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion .mw-collapsible-toggle-default {
| |
| − | border-top: 0.0625rem solid var(--accordion-border-color);
| |
| − | z-index: 1;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion .mw-collapsible-toggle-default .mw-collapsible-text {
| |
| − | background-color: transparent;
| |
| − | color: var(--accordion-link-color);
| |
| − | font: normal 1rem/1.5rem var(--theme-font-2);
| |
| − | padding: 1rem 3.125rem 1rem 1rem;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion .mw-collapsible-toggle-default:not(.mw-collapsible-toggle-collapsed) .mw-collapsible-text {
| |
| − | background-color: var(--theme-background);
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion .mw-collapsible-toggle-default .mw-collapsible-text:active {
| |
| − | background-color: var(--accordion-text-header-background-color--active);
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion tr:last-child td {
| |
| − | flex-direction: column;
| |
| − | padding: 0.0625rem 1.625rem 1.1875rem 2.125rem;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion tr:last-child td::before {
| |
| − | background-color: var(--accordion-border-color);
| |
| − | content: '';
| |
| − | height: 100%;
| |
| − | left: 1.125rem;
| |
| − | position: absolute;
| |
| − | top: -1.1875rem;
| |
| − | width: 0.125rem;
| |
| − | z-index: 0;
| |
| − | }
| |
| − |
| |
| − | .mat-accordion.text-accordion tr:last-child p {
| |
| − | margin: 0.25rem 0 0.75rem;
| |
| − | line-height: 1.25rem;
| |
| − | }
| |
| − |
| |
| − | /* Templates. */
| |
| − | /** Template:Delete. **/
| |
| − | .delete-notice {
| |
| − | background-color: rgba(var(--theme-color__red--rgb), .08);
| |
| − | border-left: 4px solid var(--theme-color__red);
| |
| − | margin-bottom: 1.5em;
| |
| − | padding: .5em 1.5em;
| |
| − | }
| |
| − |
| |
| − | .delete-notice .headline-text {
| |
| − | font-size: 1.25em;
| |
| − | font-weight: 700;
| |
| − | }
| |
| − |
| |
| − | /* Footer. */
| |
| − | #footer {
| |
| − | padding: 0 0 16px;
| |
| − | }
| |
| − |
| |
| − | #footer ul li {
| |
| − | color: var(--theme-text-secondary-on-background);
| |
| − | }
| |
| − |
| |
| − | /* Versions table. */
| |
| − | .versions-table tr > td:nth-child(2) {
| |
| − | text-align: center;
| |
| − | }
| |
