MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 498 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
/* | /** | ||
* [Содержание] | |||
* | |||
* 0. CSS-переменные | |||
* 1. Шрифты | |||
* 2. Теги | |||
* 3. Шаблоны | |||
* 4. Модули | |||
* 5. Расширение | |||
* 6. Основной интерфейс пользователя | |||
* 7. Классы | |||
* 8. Интерфейс MediaWiki | |||
* 9. Неотсортированные | |||
* 10. <syntaxhighlight> CODE BLOCKS | |||
* 11. SOURCE EDITOR → SYNTAX HIGHLIGHTING | |||
* 12. DRUID Infoboxes | |||
* 13. Меню настроек темы | |||
*/ | |||
/* ============ */ | |||
/* #region CSS-переменные */ | |||
/* ============ */ | |||
:root body { | |||
/* ============ | |||
:root { | |||
/* Пометка: | /* Пометка: | ||
--ooui - стили для MediaWiki менюшек | --ooui - стили для MediaWiki менюшек | ||
--theme - тема Вики (зачастую палитра цветов) | --theme - тема Вики (зачастую палитра цветов) | ||
-- | -- - стили для всей Вики | ||
*/ | */ | ||
| Строка 22: | Строка 34: | ||
--color-lighter--rgb: 255, 255, 255; | --color-lighter--rgb: 255, 255, 255; | ||
--color-lighter-alpha-x: rgba( | --color-darkened--rgb: 0, 0, 0; | ||
--color-lighter-alpha-x: rgba(255, 255, 255, 0.065); | |||
--color-lighter-alpha-xs: rgba(255, 255, 255, var(--alpha-xs)); | |||
--transition-time: 0; | |||
--color- | --index-max: 100; | ||
--index-high: 10; | |||
--index-medium: 5; | |||
--index-static: 4; | |||
--index-overlay: 3; | |||
--index-element: 2; | |||
--index-fore: 1; | |||
--index-base: 0; | |||
--index-low: -1; | |||
--index-lower: -10; | |||
--invert-0: invert(0); | |||
--invert-100: invert(1); | |||
--invert-75: invert(0.75); | |||
--invert-50: invert(0.5); | |||
--border-color-hr: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%)); | |||
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; | |||
--font-family-oswald: 'oswald'; | |||
--font-family-heading: "noto sans"; | |||
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif; | |||
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace; | |||
--font-size-xxs: 80%; | |||
--font-size-xs: 90%; | |||
--font-size-s: 95%; | |||
--font-size-m: 100%; | |||
--font-size-ml: 105%; | |||
--font-size-l: 115%; | |||
--font-size-xl: 120%; | |||
--font-size-xxl: 130%; | |||
--font-size-huge: 150%; | |||
--font-size-giant: 200%; | |||
/*== Значение прозрачности ==*/ | /*== Значение прозрачности ==*/ | ||
| Строка 33: | Строка 83: | ||
--alpha-l: 0.75; | --alpha-l: 0.75; | ||
--alpha: 1; | --alpha: 1; | ||
/*== Цвет текста ==*/ | /*== Цвет текста ==*/ | ||
--text-color-link: #77c1d9; | --text-color-link: #77c1d9; | ||
--text-color-link-external: # | --text-color-link--visited: #6aa9cf; | ||
--text-color-link-new: #d73333; | |||
--text-color-link-new--visited: #b32424; | |||
--text-color-link-external: #367cb1; | |||
--text-color-link-external--visited: #296c9d; | |||
/*== Контрастный цвет (синий) ==*/ | /*== Контрастный цвет (синий) ==*/ | ||
--color-contrast: # | --color-contrast: #2d5bb9; | ||
--color-contrast2: | --color-contrast-dark: color-mix(in srgb, var(--color-contrast) 70%, rgb(var(--color-darkened--rgb))); | ||
--color- | --color-contrast2: color-mix(in srgb, var(--color-contrast) 53%, var(--theme-bg-color-base)); | ||
--color-contrast2-dark: color-mix(in srgb, var(--color-contrast2) 80%, rgb(var(--color-darkened--rgb))); | |||
--color- | --color-progressive: #36c; | ||
--color- | |||
--color- | /*== Цвет фона ==*/ | ||
--bg-color-hover: rgba(var(--color-lighter--rgb), 0.05); | |||
--bg-color-focus: rgba(var(--color-lighter--rgb), 0.075); | |||
/* Алёрты */ | /* Алёрты */ | ||
--bg-message-subtle: # | --bg-color-message: #154938; | ||
--bg-success-subtle: var(--bg-message-subtle); | --bg-color-success: var(--bg-color-message); | ||
--bg-color-notice: #21375f; | |||
--bg-notice-subtle: # | --bg-color-neutral: var(--theme-bg-color-250); | ||
--bg-neutral-subtle: | --bg-color-progressive: #23232f; | ||
--bg-progressive-subtle: | --bg-color-warning: #5b4f1a; | ||
--bg-color-error: #641b1c; | |||
--bg-warning-subtle: # | |||
--bg-error-subtle: # | --bg-color-message-subtle: #173630; | ||
--bg-color-success-subtle: var(--bg-color-message-subtle); | |||
--bg-color-notice-subtle: #1c2d49; | |||
--bg-color-neutral-subtle: var(--theme-bg-color-175); | |||
--bg-color-progressive-subtle: var(--bg-color-progressive); | |||
--bg-color-warning-subtle: #3d3b25; | |||
--bg-color-error-subtle: #4b1e21; | |||
/*== Цвет границ ==*/ | /*== Цвет границ ==*/ | ||
--color-darkened-border: rgba(0, 0, 0, var(--alpha-s)); | --color-darkened-border: rgba(0, 0, 0, var(--alpha-s)); | ||
--color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m)); | --color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m)); | ||
/* Алёрты */ | /* Алёрты */ | ||
--border-message: # | --border-color-message: #0e6143; | ||
--border-success: var(--border-message); | --border-color-success: var(--border-color-message); | ||
--border-color-notice: #345695; | |||
--border-color-neutral: var(--theme-border-color-base); | |||
--border-color-progressive: #38384b; | |||
--border-color-warning: #897400; | |||
--border-color-error: #9b2122; | |||
/*== Для кодо-подобных блоков ==*/ | /*== Для кодо-подобных блоков ==*/ | ||
/* Цвет фона */ | /* Цвет фона */ | ||
--bg-code: #25252b; | --bg-color-code: #25252b; | ||
--bg-code-light: #28282f; | --bg-color-code-light: #28282f; | ||
/* Цвет границ */ | /* Цвет границ */ | ||
- | --border-color-code: #3e3e49; | ||
/*== Стиль границ ==*/ | /*== Стиль границ ==*/ | ||
--border-outset: 1px outset rgba(0, 0, 0, 0.3); | --border-outset: 1px outset rgba(0, 0, 0, 0.3); | ||
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m)); | --border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m)); | ||
--border-outset-light: 1px outset rgba(var(--color-lighter--rgb), 0.075); | |||
/*== Палитра цветов фонов ==*/ | |||
--brightness-hsl: 0%; | |||
--color-shift-percent-50: -4%; | |||
--color-shift-percent-100: 0%; | |||
--color-shift-percent-150: 4%; | |||
--color-shift-percent-dark: 25%; | |||
--color-shift-percent-subtle: 32%; | |||
/* Red */ | |||
--bg-color-red--hsl: 351.72deg 70%; | |||
--bg-color-red--hsl-alpha: 26.06%; | |||
--bg-color-red-50: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-red-100: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-red-150: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-red-dark: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-red-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Orange */ | |||
--bg-color-orange--hsl: 22.21deg 73.68%; | |||
--bg-color-orange--hsl-alpha: 29.8%; | |||
--bg-color-orange-50: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-orange-100: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-orange-150: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-orange-dark: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-orange-subtle: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* RedOrange */ | |||
--bg-color-rust--hsl: 14.21deg 73.68%; | |||
--bg-color-rust--hsl-alpha: 29.8%; | |||
--bg-color-rust-50: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-rust-100: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-rust-150: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-rust-dark: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-rust-subtle: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Yellow */ | |||
--bg-color-yellow--hsl: 45.33deg 64.29%; | |||
--bg-color-yellow--hsl-alpha: 27.45%; | |||
--bg-color-yellow-50: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-yellow-100: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-yellow-dark: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Brown */ | |||
--bg-color-brown--hsl: 29.43deg 45.30%; | |||
--bg-color-brown--hsl-alpha: 22.94%; | |||
--bg-color-brown-50: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-brown-100: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-brown-150: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-brown-dark: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-brown-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Blue */ | |||
--bg-color-blue--hsl: 212.79deg 72.07%; | |||
--bg-color-blue--hsl-alpha: 27.06%; | |||
--bg-color-blue-50: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-blue-100: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-blue-150: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-blue-dark: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-blue-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* SkyBlue */ | |||
--bg-color-sky-blue--hsl: 211.11deg 54.36%; | |||
--bg-color-sky-blue--hsl-alpha: 29.22%; | |||
--bg-color-sky-blue-50: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-sky-blue-100: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-sky-blue-150: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-sky-blue-dark: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-sky-blue-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Turquoise */ | |||
--bg-color-turquoise--hsl: 187.05deg 83.96%; | |||
--bg-color-turquoise--hsl-alpha: 20.5%; | |||
--bg-color-turquoise-50: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-turquoise-150: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Grey */ | |||
--bg-color-grey--hsl: 200deg 10%; | |||
--bg-color-grey--hsl-alpha: 29%; | |||
--bg-color-grey-50: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-grey-100: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-grey-150: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-grey-dark: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-grey-subtle: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Azure */ | |||
--bg-color-azure--hsl: 195.29deg 100.00%; | |||
--bg-color-azure--hsl-alpha: 20.00%; | |||
--bg-color-azure-50: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-azure-100: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-azure-150: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-azure-dark: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-azure-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Purple */ | |||
--bg-color-purple--hsl: 273.95deg 55.07%; | |||
--bg-color-purple--hsl-alpha: 27.06%; | |||
--bg-color-purple-50: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-purple-100: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-purple-150: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-purple-dark: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-purple-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Violet */ | |||
--bg-color-violet--hsl: 266.57deg 53.03%; | |||
--bg-color-violet--hsl-alpha: 25.88%; | |||
--bg-color-violet-50: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-violet-100: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-violet-150: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-violet-dark: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-violet-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pink */ | |||
--bg-color-pink--hsl: 313deg 48%; | |||
--bg-color-pink--hsl-alpha: 30%; | |||
--bg-color-pink-50: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pink-100: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pink-150: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pink-dark: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pink-subtle: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Green */ | |||
--bg-color-green--hsl: 124.55deg 48.53%; | |||
--bg-color-green--hsl-alpha: 26.67%; | |||
--bg-color-green-50: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-green-100: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-green-150: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-green-dark: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-green-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Emerald */ | |||
--bg-color-emerald--hsl: 155.00deg 70.12%; | |||
--bg-color-emerald--hsl-alpha: 21%; | |||
--bg-color-emerald-50: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-emerald-100: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-emerald-150: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-emerald-dark: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-emerald-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Red */ | |||
--bg-color-pastel-red--hsl: 351.21deg 66.67%; | |||
--bg-color-pastel-red--hsl-alpha: 30%; | |||
--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-red-150: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-red-dark: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-red-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Blue */ | |||
--bg-color-pastel-blue--hsl: 246.32deg 28.93%; | |||
--bg-color-pastel-blue--hsl-alpha: 36.63%; | |||
--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-blue-150: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-blue-dark: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-blue-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Skyblue */ | |||
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%; | |||
--bg-color-pastel-skyblue--hsl-alpha: 26.63%; | |||
--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-skyblue-150: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-skyblue-dark: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-skyblue-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Magenta */ | |||
--bg-color-pastel-magenta--hsl: 301.35deg 44.51%; | |||
--bg-color-pastel-magenta--hsl-alpha: 30.92%; | |||
--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-magenta-150: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-magenta-dark: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-magenta-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Lime */ | |||
--bg-color-pastel-lime--hsl: 85.71deg 47.19%; | |||
--bg-color-pastel-lime--hsl-alpha: 30.90%; | |||
--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-lime-150: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-lime-dark: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-lime-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Turquoise */ | |||
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%; | |||
--bg-color-pastel-turquoise--hsl-alpha: 27.57%; | |||
--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-turquoise-150: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Orange */ | |||
--bg-color-pastel-orange--hsl: 15.43deg 54.40%; | |||
--bg-color-pastel-orange--hsl-alpha: 33.84%; | |||
--bg-color-pastel-orange-50: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-orange-150: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-orange-dark: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-orange-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Yellow */ | |||
--bg-color-pastel-yellow--hsl: 50deg 30%; | |||
--bg-color-pastel-yellow--hsl-alpha: 37%; | |||
--bg-color-pastel-yellow-50: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-yellow-100: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-yellow-150: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-yellow-dark: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-yellow-subtle: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/* Pastel Grey */ | |||
--bg-color-pastel-grey--hsl: 50deg 8%; | |||
--bg-color-pastel-grey--hsl-alpha: 38%; | |||
--bg-color-pastel-grey-50: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-50))); | |||
--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100))); | |||
--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150))); | |||
--bg-color-pastel-grey-dark: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100)); | |||
--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250)); | |||
/*== Палитра цветов текста ==*/ | |||
--text-color-red: #d22222; | |||
--text-color-dark-red: #be2424; | |||
--text-color-indian-red: indianred; | |||
--text-color-crimson: crimson; | |||
--text-color-carmine: #bd3759; | |||
--text-color-dark-salmon: darksalmon; | |||
--text-color-green: #269335; | |||
--text-color-lime: #46bf46; | |||
--text-color-turquoise: #189d80; | |||
--text-color-yellow: #dbdb11; | |||
--text-color-dark-yellow: #a4a400; | |||
--text-color-gold: #c7a226; | |||
--text-color-orange: #df9711; | |||
--text-color-orangered: #dd3d02; | |||
--text-color-pink: #cd6dca; | |||
--text-color-blue: #1c86ed; | |||
--text-color-sky-blue: #3d78d1; | |||
--text-color-aquamarine: #69d2d7; | |||
--text-color-violet: #946ce3; | |||
--text-color-silver: #a9a9a9; | |||
--text-color-moccasin: #D2B48C; | |||
/*========== | /*========== | ||
Стили Вики | Стили Вики | ||
==========*/ | ==========*/ | ||
/*== Тени ==*/ | /*== Тени ==*/ | ||
--box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); | --box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); | ||
--box-shadow-medium: 0 2px | --box-shadow-medium: 0 2px 3px rgba(0, 0, 0, 0.4); | ||
--box-shadow-high: 0 5px 5px | --box-shadow-high: 0 5px 5px 2px rgba(0, 0, 0, 0.3); | ||
--box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15); | --box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15); | ||
--box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4); | --box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4); | ||
--box-shadow-inset-high: inset 0 3px 5px rgba(0,0,0,0.2), inset 0 -3px 5px rgba(0,0,0,0.2); | --box-shadow-inset-high: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2); | ||
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3); | --box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3); | ||
--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m)); | |||
/*== Закругление границ ==*/ | --filter-drop-shadow-low: drop-shadow(0 1px 0px rgba(0,0,0,0.3)); | ||
--filter-drop-shadow-medium: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6)); | |||
/*== Закругление границ ==*/ | |||
--border-radius-low: 0.2em; | --border-radius-low: 0.2em; | ||
--border-radius-medium: 0.3em; | |||
--border-radius-high: 0.4em; | |||
/*== Иконки svg ==*/ | /*== Иконки svg ==*/ | ||
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E"); | --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E"); | ||
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E settings %3C/title%3E%3Cg transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2845%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2890%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%28135%29%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7%22/%3E%3C/svg%3E"); | |||
--icon-personal: url(https://ru.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=ru&skin=vector-2022&version=1n584); | |||
--icon-menu-large: url(/skins/Timeless/resources/images/menu-large-grey.svg?7b579); | |||
--icon-bell: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E bell %3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3%22/%3E%3C/svg%3E"); | |||
--icon-tray: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E tray %3C/title%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E"); | |||
--icon-size: 22px; | |||
--icon-size-big: 28px; | |||
/*========== | /*========== | ||
Палитра темы Вики | Палитра темы Вики | ||
==========*/ | ==========*/ | ||
/*== Цвет текста ==*/ | /*== Цвет текста ==*/ | ||
--theme-color-text | --theme-text-color: var(--ooui-text-color); | ||
--theme-color-text-light | --theme-text-color-light: var(--ooui-text-color-light); | ||
--theme-color-text-dark: | --theme-text-color-dark: var(--ooui-text-color-dark); | ||
--theme-text-color-header: var(--ooui-text-color-header); | |||
/*== Цвет фона ==*/ | /*== Цвет фона ==*/ | ||
--theme- | --theme-brightness-trigger: 0% +; | ||
--theme-bg--hsl: 230deg 14.5%; | |||
--theme-bg- | --theme-bg--hsl-alpha: 13.5%; | ||
--theme-bg- | --theme-bg-color-base: #18191c; | ||
--theme-bg- | --theme-bg-color-100: #1f2025; | ||
--theme-bg- | --theme-bg-color-150: color-mix(in srgb, var(--theme-bg-color-100) 80%, hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 12%))); | ||
--theme-bg-color-175: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 4%)); | |||
--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg- | --theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%)); | ||
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg- | --theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%)); | ||
--theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 9%)); | |||
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg- | --theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-250), var(--theme-bg-color-200)); | ||
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-200)); | |||
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-200) 0%, var(--theme-bg-color-300) 50%, var(--theme-bg-color-200) 100%); | |||
/*== Цвет границ ==*/ | /*== Цвет границ ==*/ | ||
--theme-border: | --theme-border-color-base: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 11%)); | ||
--theme-border-color-100: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%)); | |||
--theme-border- | |||
/*== Цвет иконок svg ==*/ | /*== Цвет иконок svg ==*/ | ||
--theme-icon-color: var(--theme-color- | --theme-icon-color: var(--theme-text-color-dark); | ||
/*========== | /*========== | ||
Палитра UI Вики | Палитра UI Вики | ||
==========*/ | ==========*/ | ||
/*== Цвет текста ==*/ | |||
--ooui-text-color: #dbdbdb; | |||
--ooui-text-color-light: white; | |||
--ooui-text-color-dark: #72777d; | |||
--ooui-text-color-header: #dddddd; | |||
/*== Цвет фона ==*/ | /*== Цвет фона ==*/ | ||
--ooui--bg: | --ooui-bg--hsl: 220deg 11%; | ||
--ooui--bg-light: | --ooui-bg--hsl-alpha: 16.5%; | ||
--ooui--bg-dark: # | --ooui-bg-color: hsl(var(--ooui-bg--hsl) var(--ooui-bg--hsl-alpha)); | ||
--ooui--bg- | --ooui-bg-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 2%)); | ||
--ooui-bg-color-dark: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 1.5%))); | |||
--ooui-bg-color-darkened: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 4%))); | |||
/* Градиент */ | |||
--ooui-gradient: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color-dark)); | |||
--ooui-gradient-light: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color)); | |||
/*== Цвет границ ==*/ | |||
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%)); | |||
--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%)); | |||
} | |||
:root body.wgl-theme-dark { | |||
--brightness-hsl: -1%; | |||
--theme-bg--hsl: 215deg 22%; | |||
--theme-bg--hsl-alpha: 11%; | |||
--color-contrast: #2a41a7; | |||
--bg-color-code: #1a1e27; | |||
--bg-color-code-light: #1e252d; | |||
--border-color-code: #2f3641; | |||
--theme-bg-color-base: #090d10; | |||
--theme-bg-color-100: #14181f; | |||
--ooui-bg--hsl: 205deg 24%; | |||
--ooui-bg--hsl-alpha: 14%; | |||
} | |||
:root body.wgl-theme-light { | |||
color-scheme: light; | |||
-- | --color-lighter-alpha-x: rgba(255, 255, 255, 0.25); | ||
--color-lighter-alpha-xs: rgba(255, 255, 255, 0.4); | |||
--brightness-hsl: 35%; | |||
--theme-brightness-trigger: 0% -; | |||
--color-lighter--rgb: 0, 0, 0; | |||
--color-darkened--rgb: 255, 255, 255; | |||
--box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); | |||
-- | --box-shadow-medium: 0 1px 3px rgba(0, 0, 0, 0.5); | ||
--ooui-- | --box-shadow-high: 0 3px 3px 1px rgba(0, 0, 0, 0.3); | ||
--box-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 3px rgba(0, 0, 0, 0.25); | |||
--box-shadow-inset-medium: inset 0 0 4px 0 rgba(0, 0, 0, 0.5); | |||
--box-shadow-inset-high: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3); | |||
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.2); | |||
--theme-bg--hsl: 210deg 46%; | |||
--theme-bg--hsl-alpha: 94%; | |||
--theme-bg-color-base: #f7f7f7; | |||
--theme-bg-color-100: #eef1f4; | |||
--theme-bg-color-150: hsl(var(--theme-bg--hsl) var(--theme-bg--hsl-alpha)); | |||
--theme-text-color: var(--ooui-text-color); | |||
--theme-text-color-light: var(--ooui-text-color-light); | |||
--theme-text-color-dark: var(--ooui-text-color-dark); | |||
--theme-text-color-header: var(--ooui-text-color-header); | |||
--ooui-bg--hsl: 200deg 30%; | |||
--ooui-bg--hsl-alpha: 90%; | |||
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5% - 5%)); | |||
--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7% - 5%)); | |||
--ooui-text-color: #141414; | |||
--ooui-text-color-light: #000000; | |||
--ooui-text-color-dark: #555; | |||
--ooui-text-color-header: #232728; | |||
--text-color-link: #427bda; | |||
--text-color-link--visited: #0b0080; | |||
--text-color-link-external: #36B; | |||
--text-color-link-external--visited: #636; | |||
--invert-0: invert(0); | |||
--invert-100: invert(0); | |||
--invert-75: invert(0); | |||
--invert-50: invert(0); | |||
--color-contrast: #3372f0; | |||
--color-contrast2: #bbd7ff; | |||
--bg-color-message: #55bfa6; | |||
--bg-color-success: #22ae8c; | |||
--bg-color-notice: #c4ced2; | |||
--bg-color-neutral: #eaecf0; | |||
--bg-color-progressive: #36c; | |||
--bg-color-warning: #e1cc92; | |||
--bg-color-error: var(--bg-color-error-subtle); | |||
--bg-color-message-subtle: #8ed5c5; | |||
--bg-color-success-subtle: #9cd5cd; | |||
--bg-color-notice-subtle: #d1dbe0; | |||
--bg-color-neutral-subtle: #f8f9fa; | |||
--bg-color-progressive-subtle: #f1f4fd; | |||
--bg-color-warning-subtle: #fdf2d5; | |||
--bg-color-error-subtle: #ffe9e5; | |||
--border-color-message: var(--bg-color-success); | |||
--border-color-success: #099979; | |||
--border-color-notice: #72777d; | |||
--border-color-neutral: #a2a9b1; | |||
--border-color-progressive: #6485d1; | |||
--border-color-warning: #ab7f2a; | |||
--border-color-error: #f54739; | |||
--bg-color-code: #f8f9fa; | |||
--bg-color-code-light: var(--bg-color-code); | |||
--border-color-code: #dadde3; | |||
--border-outset: 1px outset rgb(150, 150, 150, 0.4); | |||
--border-outset-m: 1px outset rgba(150, 150, 150, 0.6); | |||
} | |||
:root body.wgl-theme-ss14 { | |||
--theme-bg--hsl: 230deg 8%; | |||
--theme-bg--hsl-alpha: 16%; | |||
--color-contrast: #7e7637; | |||
--color-progressive: #9b8553; | |||
--theme-bg-color-base: #1c1c21; | |||
--theme-bg-color-100: #252529; | |||
-- | |||
-- | |||
--ooui-bg--hsl: 220deg 5%; | |||
--ooui-bg--hsl-alpha: 18%; | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Шрифты */ | |||
/* ============ */ | |||
@font-face { | @font-face { | ||
font-family: 'Noto Sans Light'; | font-family: 'Noto Sans Light'; | ||
| Строка 299: | Строка 725: | ||
font-weight: 400; | font-weight: 400; | ||
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | ||
} | |||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Теги */ | |||
/* ============ */ | |||
.mw-editform #wpTextbox1, textarea { | |||
background: var(--theme-bg-color-100); | |||
border-color: var(--theme-border-color-base); | |||
color: var(--theme-text-color); | |||
} | } | ||
math { | |||
margin: 0.2em 0; | |||
font-size: 1.1em; | |||
} | |||
cite,dfn { | cite,dfn { | ||
font-style: inherit; | font-style: inherit; | ||
| Строка 310: | Строка 748: | ||
q { | q { | ||
quotes: '«' '»' "„" "“"; | quotes: '«' '»' "„" "“"; | ||
} | |||
ol { | |||
margin-block-start: 0.7em; | |||
margin-block-end: 0.7em; | |||
} | } | ||
| Строка 317: | Строка 760: | ||
border-radius: 2px; | border-radius: 2px; | ||
padding: 1px 4px; | padding: 1px 4px; | ||
background | background: var(--bg-color-code); | ||
border: 1px solid var(--color-code | border: 1px solid var(--border-color-code); | ||
color: | color: var(--theme-text-color); | ||
} | } | ||
pre, | .screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace { | ||
font-family: var(--font-family-monospace); | |||
} | |||
pre { | |||
overflow: auto; | overflow: auto; | ||
white-space: pre-wrap; | white-space: pre-wrap; | ||
background: var(--bg-code-light); | background: var(--bg-color-code-light); | ||
border: 1px solid var(--color-code | border: 1px solid var(--border-color-code); | ||
padding: 0.5em; | padding: 0.5em; | ||
color: | color: var(--theme-text-color); | ||
font-family: | font-family: var(--font-family-monospace); | ||
} | } | ||
blockquote { | blockquote { | ||
background: var(--theme-bg-color-100); | |||
border-left: 4px solid var(--theme-bg-color-150); | |||
padding: 8px 32px; | |||
overflow: hidden; | overflow: hidden; | ||
margin: | box-shadow: var(--box-shadow); | ||
border-radius: var(--border-radius-low); | |||
} | |||
@media screen and (max-width: 850px) { | |||
blockquote { | |||
margin-inline-start: 10px; | |||
margin-inline-end: 10px; | |||
padding: 6px 24px; | |||
} | |||
} | } | ||
| Строка 349: | Строка 805: | ||
input[type="button"] { | input[type="button"] { | ||
background: var(--ooui-- | background: var(--ooui-bg-color); | ||
border: 1px solid var(--ooui-- | border: 1px solid var(--ooui-border-color); | ||
color: | color: var(--ooui-text-color); | ||
} | } | ||
| Строка 357: | Строка 813: | ||
img { | img { | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
filter: var(--filter-drop-shadow-low); | |||
} | } | ||
/*Для непиксельных изображений*/ | /*Для непиксельных изображений*/ | ||
.noSprite | .mw-body-content .noSprite img { | ||
image-rendering: auto !important; | image-rendering: auto !important; | ||
height: auto !important; | |||
max-width: 100% !important; | |||
} | } | ||
.mw-body-content a > img, .mw-body-content .floatnone > img { | |||
max-width: unset !important; | |||
} | |||
hr { | |||
border-bottom-width: 0px; | |||
border-color: var(--border-color-hr); | |||
border: | |||
} | } | ||
footer,#footer-info-lastmod,#footer-info-copyright { | |||
color: var(--theme-text-color); | |||
} | } | ||
p,h1,h2,h3,h4,h5,h6,li { | |||
color: var(--theme-text-color); | |||
} | } | ||
p { | |||
margin: 0.5em 0; | |||
} | } | ||
a { | |||
color: var(--text-color-link); | |||
} | } | ||
a:hover { | |||
color: var(--theme-text-color-light); | |||
} | } | ||
a:visited, a:visited:hover { | |||
color: var(--text-color-link--visited); | |||
} | } | ||
a.new, .new a { | |||
color: var(--text-color-link-new); | |||
} | } | ||
a.new:hover, .new a:hover { | |||
color: var(--text-color-link-new--visited); | |||
} | } | ||
a.new:visited, .new a:visited { | |||
color: var(--text-color-link-new--visited); | |||
. | |||
} | } | ||
.mw-parser-output a.external, .mw-parser-output a.extiw { | |||
. | color: var(--text-color-link-external) | ||
} | } | ||
.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { | |||
color: var(--text-color-link-external--visited); | |||
. | |||
color: var(- | |||
} | } | ||
. | a.current { | ||
color: var(--theme-text-color); | |||
} | } | ||
a.label { | |||
. | color: var(--theme-text-color); | ||
} | } | ||
.mw-body dt { | |||
. | font-weight: bold; | ||
font-family: sans-serif; | |||
margin-top: 0.8em; | |||
margin-bottom: 0.4em; | |||
border-left: 2px solid var(--theme-border-color-100); | |||
padding-left: 5px; | |||
} | } | ||
. | .mw-body h1 { | ||
font-family: var(--font-family-oswald); | |||
font-size: var(--font-size-giant); | |||
} | } | ||
. | .mw-body h2 { | ||
border- | font-size: var(--font-size-huge); | ||
border-bottom: none; | |||
font-family: var(--font-family-libertine); | |||
margin-bottom: 0.4em; | |||
margin-top: 1em; | |||
line-height: 1.375; | |||
border-bottom: 2px solid var(--color-contrast); | |||
} | } | ||
. | .mw-body h3 { | ||
font-size: var(--font-size-xl); | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
margin-top: 0.3em; | |||
margin-bottom: 0.3em; | |||
padding-bottom: 0; | |||
line-height: 1.6; | |||
padding-top: 0.5em; | |||
} | } | ||
. | .mw-body h4, | ||
.mw-body h5 { | |||
font-size: var(--font-size-ml); | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.3em; | |||
} | } | ||
/* #endregion */ | |||
/* | /* ============ */ | ||
. | /* #region Шаблоны */ | ||
/* ============ */ | |||
/*=== Навигационный шаблон ===*/ | |||
/* Default style for navigation boxes */ | |||
.navbox { /* Navbox container style */ | |||
box-sizing: border-box; | |||
border: 1px solid var(--theme-border-color-base); | |||
width: 100%; | |||
margin: 2em auto 0; /* Prevent preceding content from clinging to navboxes */ | |||
clear: both; | |||
font-size: 90%; | |||
text-align: center; | |||
padding: 3px; | |||
} | } | ||
.navbox-inner, | |||
.navbox-subgroup { | |||
. | width: 100%; | ||
} | |||
.navbox-group, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
padding: 0.25em 1em; /* Title, group and above/below styles */ | |||
text-align: center; | |||
} | } | ||
.navbox-title { | |||
/* | position: relative; | ||
line-height: 1.6em; /* Standard 1.6em for title */ | |||
border-bottom: 2px solid var(--color-darkened-border); | |||
border-radius: var(--border-radius-low); | |||
border-top: 1px solid var(--color-lighter-alpha-x); | |||
border- | border-bottom: 2px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | /* cell spacing for navbox cells */ | ||
border- | tr + tr > .navbox-abovebelow, | ||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ | |||
border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */ | |||
} | } | ||
/* | th.navbox-group { /* Group style */ | ||
white-space: nowrap; | |||
/* | /* @noflip */ | ||
text-align: left; | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: | background: var(--color-contrast2); /* Level title color */ | ||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: var(--theme-bg-color-100); /* Level 1 color */ | |||
} | } | ||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: var(--theme-bg-color-200); /* Level 2 color */ | |||
} | } | ||
.navbox-abovebelow, | |||
th.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: var(--theme-bg-color-250); /* Level 3 color */ | |||
border-right: 1px solid var(--theme-bg-color-100); | |||
} | } | ||
.navbox-even { | |||
background: transparent; /* Even row striping */ | |||
. | } | ||
.navbox-odd { | |||
background: transparent; /* Odd row striping */ | |||
} | } | ||
. | .navbox .hlist td dl, | ||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 1px 0 0; /* Adjust hlist padding in navboxes */ | |||
} | } | ||
.navbox .navbox { | |||
. | margin-top: 0; /* No top margin for nested navboxes */ | ||
} | |||
.navbox + .navbox { | |||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ | |||
} | } | ||
.navbox td:not(:has(table)), .navbox ul { | |||
background: var(--theme-bg-color-150); | |||
padding: 3px 2px !important; | |||
} | } | ||
@media screen and (max-width: 650px) { | |||
th.navbox-group { | |||
white-space: unset; | |||
} | |||
} | } | ||
/* КОНЕЦ */ | |||
/* #endregion */ | |||
# | /* ============ */ | ||
/* #region Модули */ | |||
/* ============ */ | |||
. | /*=== Модуль:Краткий вызов ===*/ | ||
.shortcut { | |||
font- | clear: right; | ||
float: right; | |||
margin-left: 0.75em; | |||
font-size: smaller; | |||
background: var(--bg-color-code-light); | |||
border: 1px solid var(--border-color-code); | |||
} | } | ||
. | .shortcut-1, .shortcut-2 { | ||
padding: 4px; | |||
} | } | ||
. | .shortcut-2 { | ||
line-height: 1.25em; | |||
font-weight: bold; | |||
vertical-align: middle; | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
background-color: | /* #region Расширение */ | ||
/* ============ */ | |||
/*=== Clipboard4wiki ===*/ | |||
[tooltip] { | |||
background: var(--theme-bg-color-100); | |||
border: 1px solid var(--theme-border-color-base); | |||
border-radius: var(--border-radius-low); | |||
padding: 1px 3px; | |||
} | } | ||
[tooltip] img { | |||
filter: var(--invert-100); | |||
} | } | ||
[tooltip]:active { | |||
background: var(--theme-bg-color-250); | |||
} | } | ||
. | /*=== CodeMirror ===*/ | ||
.CodeMirror { | |||
height: 600px; | |||
position: relative; | |||
overflow: hidden; | |||
background: var(--theme-bg-color-base); | |||
color: inherit; | |||
} | } | ||
. | .CodeMirror-gutters { | ||
border-right: 1px solid var(--theme-bg-color-100); | |||
background: var(--theme-bg-color-100); | |||
white-space: nowrap; | |||
} | } | ||
. | .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { | ||
background: var(--color-contrast2-dark); | |||
} | } | ||
. | /*=== Popups ===*/ | ||
/* Всплывающие окна */ | |||
.mwe-popups { | |||
background: var(--ooui-gradient-light); | |||
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .mwe-popups img { | ||
image-rendering: auto; | |||
} | } | ||
. | .mwe-popups .mwe-popups-container { | ||
background: var(--ooui-gradient-light); | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract { | ||
color: var(--theme-text-color); | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract:hover { | ||
color: var(--theme-text-color-light); | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract[dir='ltr']::after { | ||
background: transparent; | |||
} | } | ||
. | .mwe-popups .mwe-popups-extract[dir='rtl']::after { | ||
background: transparent; | |||
} | } | ||
. | .popups-icon { | ||
filter: var(--invert-100); | |||
} | } | ||
. | /* Настройки */ | ||
.mwe-popups-overlay { | |||
background: rgba(0, 0, 0, 0.6); | |||
} | } | ||
#mwe-popups-settings { | |||
border: 1px solid #41414d; | |||
background: #27272f; | |||
} | } | ||
#mwe-popups-settings header { | |||
border-bottom: 1px solid #41414d; | |||
} | } | ||
#mwe-popups-settings main#mwe-popups-settings-form p { | |||
color: var(--ooui-text-color); | |||
} | } | ||
#mwe-popups-settings main#mwe-popups-settings-form form label > span { | |||
color: #dddddd; | |||
} | |||
/* | /*=== InputBox ===*/ | ||
. | .mw-ui-input { | ||
background: var(--ooui-bg-color); | |||
color: var(--ooui-text-color-light); | |||
} | } | ||
. | |||
. | form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input { | ||
border-radius: var(--border-radius-low); | |||
border-color: var(--ooui-border-color); | |||
} | } | ||
. | .mw-ui-input:hover { | ||
border-color: var(--ooui-border-color-light); | |||
} | } | ||
. | |||
/*=== SyntaxHighlight ===*/ | |||
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { | |||
background: var(--theme-bg-color-100); | |||
border-color: var(--ooui-border-color); | |||
box-shadow: var(--ooui-bg-color-dark) 2.75em 0px 0px inset; | |||
font-size: 90%; | |||
color: var(--ooui-text-color); | |||
} | } | ||
.mw-content-ltr.mw-highlight .linenos { | |||
color: var(--ooui-text-color-dark); | |||
} | } | ||
/*=== GrowthExperiments ===*/ | |||
.growthexperiments-mentor-dashboard-group-main { | |||
--width: clamp(300px, 50vw, 480px); | |||
width: var(--width); | |||
flex: 1 0 var(--width); | |||
} | } | ||
. | .ext-growthExperiments-MenteeOverview__actions { | ||
flex-wrap: wrap; | |||
} | } | ||
. | |||
.mw-echo-ui-notificationItemWidget-initiallyUnseen { | |||
animation-fill-mode: unset; | |||
} | } | ||
. | |||
. | .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image { | ||
box-shadow: inset 0 0 1px 1px var(--bg-color-focus); | |||
} | } | ||
. | |||
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.no-image { | |||
. | background-color: var(--ooui-bg-color-light); | ||
} | } | ||
. | |||
.ext-discussiontools-init-targetcomment { | |||
background: var(--bg-color-hover); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
. | |||
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after, | |||
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after, | |||
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after { | |||
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%); | |||
} | } | ||
. | |||
background: | .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation { | ||
background-color: var(--bg-color-yellow-100); | |||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium { | ||
background-color: var(--bg-color-yellow-50); | |||
. | |||
} | } | ||
. | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium { | |||
border-color: var(--bg-color-yellow-150); | |||
} | } | ||
. | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before { | |||
border-top-color: var(--bg-color-yellow-150); | |||
border-bottom-color: var(--bg-color-yellow-150); | |||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after { | ||
border-top-color: var(--bg-color-yellow-50); | |||
border-bottom-color: var(--bg-color-yellow-50); | |||
} | } | ||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard { | |||
background-color: var(--bg-color-red-50); | |||
} | |||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard { | ||
border-color: var(--bg-color-red-150); | |||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before { | ||
border-top-color: var(--bg-color-red-150); | |||
border-bottom-color: var(--bg-color-red-150); | |||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after { | ||
color: var(-- | border-top-color: var(--bg-color-red-50); | ||
border-bottom-color: var(--bg-color-red-50); | |||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy { | ||
color: var(-- | background-color: var(--bg-color-emerald-50); | ||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy { | ||
color: var(-- | border-color: var(--bg-color-emerald-150); | ||
} | } | ||
. | .suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before { | ||
border: | border-top-color: var(--bg-color-emerald-150); | ||
border- | border-bottom-color: var(--bg-color-emerald-150); | ||
} | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after { | |||
border-top-color: var(--bg-color-emerald-50); | |||
border-bottom-color: var(--bg-color-emerald-50); | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Основной интерфейс пользователя */ | |||
/* ============ */ | |||
. | /*=== Страница поиска ===*/ | ||
.mw-body .mw-search-profile-tabs { | |||
max-width: unset; | |||
background-color: var(--ooui-bg-color-dark); | |||
border: var(--border-outset-light); | |||
border-radius: var(--border-radius-medium); | |||
} | } | ||
. | .mw-search-form-wrapper .mw-search-profile-tabs .search-types a, | ||
#mw-search-togglebox input { | |||
background: var(--ooui-bg-color-light); | |||
border-top: 1px solid var(--color-lighter-alpha-x); | |||
padding: 1px 8px; | |||
border-radius: var(--border-radius-low); | |||
box-shadow: var(--box-shadow); | |||
margin: 0.1em 0.25em; | |||
} | } | ||
. | .mw-search-form-wrapper .mw-search-profile-tabs .search-types .current a { | ||
background: var(--bg-color-message); | |||
} | } | ||
#mw-search-togglebox input { | |||
padding: 0.2em 0.5em; | |||
} | } | ||
. | .mw-body fieldset#mw-searchoptions .divider { | ||
border-color: var(--border-color-hr); | |||
} | } | ||
. | .mw-body fieldset#mw-searchoptions { | ||
background-color: var(--ooui-bg-color-dark); | |||
text- | border: var(--border-outset-light); | ||
border-radius: var(--border-radius-medium); | |||
margin-top: 0.25em; | |||
color: var(--ooui-text-color); | |||
} | } | ||
. | .searchresults { | ||
display: flex; | |||
flex-direction: column; | |||
margin: 0; | |||
} | } | ||
.searchresults .mw-search-pager-top .mw-pager-navigation-bar { | |||
display: none; | |||
} | } | ||
. | .searchresults .mw-search-results-container { | ||
width: unset; | |||
} | } | ||
.searchresults .mw-search-results { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.75em; | |||
margin: 1em 0 !important; | |||
max-width: 100%; | |||
} | } | ||
. | .searchresults .mw-search-results li { | ||
display: flex; | |||
flex-direction: column; | |||
flex: 1 0 30rem; | |||
list-style: none; | |||
padding: 0; | |||
background-color: var(--ooui-bg-color-dark); | |||
border: var(--border-outset-light); | |||
border-radius: var(--border-radius-medium); | |||
} | } | ||
. | @media (max-width: 639px) { | ||
.searchresults .mw-search-results li { | |||
flex: 1 0 100%; | |||
} | |||
} | } | ||
. | .searchresults .mw-search-results li a { | ||
font-size: 110%; | |||
} | } | ||
. | .searchresults .mw-search-results .mw-search-result { | ||
margin: 0; | |||
} | } | ||
. | .searchresults .mw-search-results .mw-search-result-heading { | ||
border: | border-bottom: 2px solid var(--bg-color-sky-blue-100); | ||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
. | .searchresults .mw-search-results .mw-search-result-heading > a, | ||
.searchalttitle { | |||
display: flex; | |||
padding: 0.1em 0.75em; | |||
} | } | ||
. | .searchalttitle, #mw-search-interwiki li { | ||
display: flex; | |||
flex-wrap: wrap; | |||
} | } | ||
.searchresults .mw-search-results .searchresult { | |||
flex: 1; | |||
padding: 0. | padding: 0.5em; | ||
} | } | ||
.searchresults .mw-search-results .searchresult .mw-search-exists { | |||
margin-bottom: 1em; | |||
} | } | ||
.searchresults .mw-search-results .mw-search-result-data { | |||
font-size: 90%; | |||
padding: | padding: 0.5em 0.5em 0 0.5em; | ||
text- | color: var(--ooui-text-color-dark); | ||
} | } | ||
.searchResultImage .searchResultImage-thumbnail { | |||
padding: 0.5em; | |||
padding: | padding-right: 1em; | ||
} | } | ||
.searchResultImage .searchResultImage-text { | |||
flex: 1; | |||
} | } | ||
/*=== Остальное ===*/ | |||
.mw-json th, .mw-json td { | |||
border: 1px solid black; | |||
} | } | ||
. | .mw-json tr { | ||
background: var(--theme-bg-color-100); | |||
} | } | ||
. | .mw-json th { | ||
background: var(--theme-bg-color-250); | |||
color: var(--theme-text-color); | |||
} | } | ||
. | .mw-json-value, .mw-json-single-value { | ||
background: var(--bg-color-emerald-50); | |||
color: var(--theme-text-color); | |||
} | } | ||
.mw-json-empty { | |||
background: var(--bg-color-emerald-50); | |||
color: var(--theme-text-color); | |||
} | } | ||
.mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.mw-ui-button.mw-ui-destructive:not(:disabled), | |||
.mw-ui-button { | |||
color: var(--theme-text-color); | |||
} | } | ||
.mw-ui-button:not(:disabled):hover { | |||
color: var(--theme-text-color-light); | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] { | |||
width: 32px !important; | |||
height: 32px !important; | |||
} | |||
*:not(.no-img-adaptive) img[width="64"][height="128"] { | |||
width: 32px !important; | |||
height: 64px !important; | |||
} | |||
*:not(.no-img-adaptive) img[width="128"][height="128"] { | |||
width: 64px !important; | |||
height: 64px !important; | |||
} | |||
} | } | ||
@media screen and (max-width: 650px) { | |||
.mw-parser-output table { | |||
table-layout: auto !important; | |||
overflow: auto; | |||
max-width: 100%; | |||
} | |||
} | } | ||
.mw-code { | |||
background: var(--theme-bg-color-100); | |||
color: var(--theme-text-color) | |||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .options { | |||
border | border: none; | ||
} | } | ||
/*=== Полоса прокрутки === */ | |||
@media not all and (hover: none) and (pointer: coarse) { | |||
body:not(.wgl-theme-light)::-webkit-scrollbar, | |||
body:not(.wgl-theme-light) *::-webkit-scrollbar { | |||
width: 16px; | |||
} | |||
body:not(.wgl-theme-light)::-webkit-scrollbar-track, | |||
body:not(.wgl-theme-light) *::-webkit-scrollbar-track { | |||
background-color: color-mix(in srgb, rgb(var(--color-lighter--rgb)) 8%, var(--theme-bg-color-base)); | |||
} | |||
body:not(.wgl-theme-light)::-webkit-scrollbar-thumb, | |||
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb { | |||
height: 40px; | |||
border-radius: 6px; | |||
border: 4px solid transparent; | |||
background-clip: content-box; | |||
background-color: hsl(0, 0%, 45%); | |||
} | |||
} | } | ||
. | /*=== Чекбоксы ===*/ | ||
/* При нажатии */ | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span { | |||
box-shadow: none; | |||
} | } | ||
. | /* В фокусе */ | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { | |||
box-shadow: none; | |||
} | } | ||
table. | /*=== Стиль для таблиц ===*/ | ||
border: | /* wikitable */ | ||
.wikitable, | |||
.content table.wikitable { | |||
background-color: var(--theme-bg-color-100); | |||
color: var(--theme-text-color); | |||
margin: 1em 0; | |||
border: 1px solid var(--theme-bg-color-250); | |||
padding: 3px; | |||
border-collapse: separate; | |||
border-spacing: 1px; | |||
border-radius: var(--border-radius-medium); | |||
} | } | ||
.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td { | |||
border: | border: none; | ||
padding: 0.4em 0.5em; | |||
} | } | ||
.wikitable>*>tr>th { | |||
background: var(--theme-bg-color-250); | |||
} | } | ||
.wikitable>*>tr>td { | |||
background: var(--theme-bg-color-200); | |||
} | } | ||
.wikitable.plainrowheaders th[scope=row] { | |||
font-weight: normal; | |||
text-align: left | |||
} | } | ||
.wikitable td ul,.wikitable td ol,.wikitable td dl { | |||
text-align: left | |||
} | } | ||
/* Закругление верхнего левого угла первой ячейки */ | |||
border: | .wikitable thead tr:first-child th:first-child, | ||
.wikitable thead tr:first-child td:first-child, | |||
.wikitable:not(:has(thead)) tr:first-child th:first-child, | |||
.wikitable:not(:has(thead)) tr:first-child td:first-child { | |||
border-top-left-radius: var(--border-radius-low); | |||
} | } | ||
/* Закругление верхнего правого угла последней ячейки */ | |||
border: | .wikitable thead tr:first-child th:last-child, | ||
.wikitable thead tr:first-child td:last-child, | |||
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child, | |||
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child { | |||
border-top-right-radius: var(--border-radius-low); | |||
} | } | ||
/* Закругление нижнего левого угла первой ячейки последнего ряда | |||
border: | .wikitable tbody tr:last-child th:first-child, | ||
} | .wikitable tbody tr:last-child td:first-child { | ||
border-bottom-left-radius: var(--border-radius-low); | |||
}*/ | |||
/* Закругление нижнего правого угла последней ячейки последнего ряда | |||
.wikitable tbody tr:last-child th:last-child, | |||
.wikitable tbody tr:last-child td:last-child { | |||
border-bottom-right-radius: var(--border-radius-low); | |||
}*/ | |||
} | |||
table. | @media all and (max-width: 640px) { | ||
.mw-body-content table.mw-made-collapsible.mw-collapsed { | |||
display: table; | |||
} | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
.mw-body table table { | |||
width: 100%; | |||
} | |||
} | } | ||
/* standard */ | |||
background-color: | .standard { | ||
background: none; | |||
margin-top: 1em; | |||
margin-bottom: 1em; | |||
border: 1px solid var(--theme-border-color-base); | |||
border-collapse: collapse; | |||
} | } | ||
.standard > tr > th, .standard > * > tr > th { | |||
background-color: | background-color: var(--theme-bg-color-150); | ||
} | } | ||
.standard > tr > th, .standard > tr > td, .standard > * > tr > th, .standard > * > tr > td { | |||
border: 1px solid var(--theme-border-color-base); | |||
padding: 0.2em 0.4em; | |||
} | } | ||
/* КОНЕЦ */ | |||
/*=== Сollapsible ===*/ | |||
.mw-parser-output .mw-collapsible-toggle { | |||
position: relative; | |||
font-weight: normal; | |||
text-align: right; | |||
top: 0; | |||
right: 0; | |||
} | } | ||
.mw-collapsible-leftside-toggle .mw-collapsible-toggle { | |||
float: left; | |||
text-align: left | |||
} | } | ||
.mw-collapsible-toggle-default .mw-collapsible-text { | |||
color: var(--text-color-link); | |||
} | } | ||
.mw-collapsible-toggle-default .mw-collapsible-text:hover { | |||
color: var(--text-color-link); | |||
} | } | ||
.mw-collapsible-toggle-default .mw-collapsible-text:active { | |||
color: var(--text-color-link); | |||
} | } | ||
/*=== Картинки с обёрткой ===*/ | |||
border: | figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { | ||
background: var(--theme-bg-color-100); | |||
border-color: var(--theme-border-color-base); | |||
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0; | |||
border-collapse: unset; | |||
} | } | ||
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { | |||
border: | margin: 0.5em; | ||
border-radius: var(--border-radius-high); | |||
border: none; | |||
} | } | ||
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption { | |||
border: | padding: 0.25em 0.5em 0.5em 0.5em; | ||
background: var(--theme-bg-color-150); | |||
border-color: var(--theme-border-color-base); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
/*=== Gallery ===*/ | |||
border: | .mw-body li.gallerybox div.thumb { | ||
background: var(--theme-bg-color-150); | |||
border-color: var(--theme-border-color-base); | |||
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0; | |||
} | } | ||
/*=== Медиа-просмотрщике ===*/ | |||
.mw-mmv-post-image { | |||
background: var(--theme-bg-color-100); | |||
color: var(--theme-text-color); | |||
} | } | ||
.mw-mmv-image-metadata { | |||
background: var(--theme-border-color-base); | |||
border-color: var(--border-color-hr); | |||
border | |||
} | } | ||
. | .mw-mmv-title-para.mw-mmv-ttf-normal { | ||
font-size: 18px; | |||
font-weight: bold; | |||
} | } | ||
. | .mw-mmv-dialog { | ||
background-color: var(--theme-bg-color-100); | |||
} | } | ||
. | .mw-mmv-dialog .mw-mmv-dialog-warning { | ||
background-color: var(--bg-color-warning); | |||
} | } | ||
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow { | |||
background-color: var(--theme-bg-color-100); | |||
background-color: | |||
} | } | ||
.mw-mmv-dialog .mw-mmv-dialog-down-arrow { | |||
background-color: var(--theme-bg-color-100); | |||
} | } | ||
/*=== ace ===*/ | |||
.ace-tm .ace_gutter { | |||
background: var(--theme-bg-color-100); | |||
color: var(--ooui-text-color-dark); | |||
} | } | ||
.ace-tm .ace_print-margin { | |||
width: 1px; | |||
background: var(--theme-bg-color-base) | |||
} | } | ||
.ace_mobile-menu { | |||
border: | color: var(--theme-text-color); | ||
background: var(--ooui-bg-color); | |||
border-color: var(--ooui-border-color-light); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
.ace-tm { | |||
background: var(--theme-bg-color-base); | |||
color: var(--ooui-text-color); | |||
} | } | ||
.ace-tm .ace_cursor { | |||
color: var(--ooui-text-color-light); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword { | |||
color: rgb(153,153,255); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_constant { | |||
color: rgb(241,89,92); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function { | |||
color: rgb(68,118,235); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant { | |||
color: rgb(23,202,33); | |||
} | } | ||
. | body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class { | ||
color: rgb(182,187,236); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_string { | |||
color: rgb(6,142,13); | |||
} | } | ||
body:not(.wgl-theme-light) .ace-tm .ace_comment { | |||
color: rgb(103,193,150); | |||
} | } | ||
. | body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric { | ||
color: rgb(153,153,255); | |||
} | } | ||
. | body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection { | ||
background: rgb(28,45,68); | |||
} | } | ||
body. | body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket { | ||
margin: -1px 0 0 -1px; | |||
border: 1px solid rgb(94,94,94); | |||
} | } | ||
. | body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line { | ||
background: rgb(153,153,183,7%); | |||
} | } | ||
. | body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word { | ||
background: rgb(37,59,89); | |||
border: 1px solid rgb(36,36,42); | |||
} | } | ||
. | /*=== tabs ===*/ | ||
display: | /* Стили для блока */ | ||
.tabs-tabbox, .tabs-togglebox { | |||
display: flow-root; | |||
} | } | ||
. | /* Стили для активных вкладок */ | ||
.tabs-tabbox > .tabs-input:checked + .tabs-label, | |||
.tabs-input-0:checked + .tabs-input-1 + .tabs-label { | |||
background: var(--theme-bg-color-200); | |||
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs)); | |||
border-bottom: 1px solid var(--color-contrast); | |||
z-index: 2; | |||
} | } | ||
. | /* Стили для стили для вкладок */ | ||
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label { | |||
margin: 0; | |||
} | } | ||
. | .tabs-tabbox > .tabs-label { | ||
cursor: pointer; | |||
padding: 1px 6px; | |||
margin: 0; | |||
vertical-align: baseline; | |||
border-radius: 0; | |||
background: var(--theme-bg-color-150); | |||
border: 1px solid var(--theme-bg-color-base); | |||
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs)); | |||
} | } | ||
.tabs-tabbox > .tabs-label:hover { | |||
z-index: 2; | |||
background: var(--theme-bg-color-200); | |||
transition: all 0.1s; | |||
} | } | ||
. | /* Стили для контейнера вкладок */ | ||
.tabs-tabbox > .tabs-container { | |||
background: | padding: 14px 10px; | ||
border: solid var(-- | background: var(--theme-bg-color-175); | ||
border: none; | |||
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x)); | |||
border-radius: var(--border-radius-low); | |||
box-shadow: var(--box-shadow); | |||
} | } | ||
. | /*=== toc ===*/ | ||
border: | ul#filetoc, .toc, .toccolours, .mw-warning { | ||
border-radius: 0.5em; | |||
background: var(--theme-bg-color-150); | |||
padding: 12px; | |||
box-sizing: border-box; | |||
margin: 12px 0; | |||
min-width: 12em; | |||
border: none; | |||
box-shadow: var(--box-shadow-outline); | |||
line-height: 1.3; | |||
} | } | ||
.toc, .toc * { | |||
box-sizing: border-box; | |||
} | } | ||
. | .toc .toctitle { | ||
display: | font-size: 0.95em; | ||
padding: 0 8px; | |||
display: flex; | |||
align-items: center; | |||
position: relative; | |||
overflow: hidden; | |||
text-align: left; | |||
border: none; | |||
} | } | ||
. | .toc .toctitle h2 { | ||
display: | font-size: 1.1em; | ||
font-weight: bold; | |||
display: flex; | |||
align-items: center; | |||
} | } | ||
. | .toc .toctitle h2::before { | ||
content: ""; | |||
display: block; | |||
width: 12px; | |||
height: 12px; | |||
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; | |||
-webkit-mask: var(--mask); | |||
mask: var(--mask); | |||
-webkit-mask-size: 100% 100%; | |||
mask-size: 100% 100%; | |||
-webkit-mask-position: center center; | |||
mask-position: center center; | |||
background: var(--theme-icon-color); | |||
margin: 0 6px 0 0; | |||
} | } | ||
. | .toc .toctogglelabel { | ||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
left: 0; | |||
display: | top: 0; | ||
padding: 0 8px; | |||
font-size: unset; | |||
line-height: unset; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
font-family: var(--font-family-heading); | |||
} | } | ||
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after, | |||
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after { | |||
content: ""; | |||
display: block; | |||
pointer-events: none; | |||
--mask: var(--icon-chevron-down) no-repeat; | |||
-webkit-mask: var(--mask); | |||
mask: var(--mask); | |||
-webkit-mask-size: 100% 100%; | |||
mask-size: 100% 100%; | |||
-webkit-mask-position: center center; | |||
mask-position: center center; | |||
background: var(--theme-icon-color); | |||
width: 14px; | |||
height: 14px; | |||
flex: 0 0 auto; | |||
transform: scaleY(-1); | |||
} | } | ||
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after { | |||
transform: none; | |||
} | } | ||
.toc > ul { | |||
margin: 6px 0 0 0; | |||
border-top: 1px solid var(--theme-border-color-base); | |||
padding-top: 2px; | |||
} | } | ||
#searchInput:focus { | |||
outline: 2px solid var(--color-contrast); | |||
} | } | ||
. | .toctogglecheckbox:focus + .toctitle .toctogglelabel { | ||
outline: none; | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Классы */ | |||
/* ============ */ | |||
. | /* Ссылка на весь контейнер кнопки */ | ||
a:has(.StupidButton) { | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
z-index: var(--index-overlay); | |||
} | } | ||
. | /* Подсветка при наведении */ | ||
.backlight:hover { | |||
box-shadow: 0 0 4px 2px var(--color-contrast); | |||
} | } | ||
/* Key press */ | |||
.keyboard-key, | |||
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd { | |||
border: 1px solid var(--theme-border-color-100); | |||
border-radius: var(--border-radius-low); | |||
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100)); | |||
color: var(--theme--text-color); | |||
padding: 0.1em 0.3em; | |||
font-family: inherit; | |||
font-size: 0.8em; | |||
} | } | ||
. | /* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */ | ||
#scroll-top { | |||
display: none !important; | |||
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat; | |||
opacity: 0.5; | |||
width: 57px; | |||
height: 57px; | |||
cursor: pointer; | |||
position: fixed; | |||
right: calc(0.95em + 6px); | |||
bottom: 30px; | |||
z-index: 10000; | |||
image-rendering: pixelated; | |||
filter: var(--filter-drop-shadow-medium); | |||
} | } | ||
# | #scroll-top:hover { | ||
opacity: 0.8; | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
#scroll-top { | |||
transform: translate(-50%, -50%); | |||
left: 50%; | |||
right: 50%; | |||
bottom: 15px; | |||
opacity: 0.3; | |||
} | |||
} | } | ||
/* Необходим для использования fonts.google.com/icons */ | |||
.material-symbols-outlined { | |||
font-family: 'Material Symbols Outlined'; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 24px; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
text-transform: none; | |||
display: inline-block; | |||
white-space: nowrap; | |||
word-wrap: normal; | |||
direction: ltr; | |||
-webkit-font-feature-settings: 'liga'; | |||
-webkit-font-smoothing: antialiased | |||
} | } | ||
#mw- | #mw-indicator-mw-helplink a { | ||
background: | background-image: none; | ||
} | } | ||
.mw-body-content sub,.mw-body-content sup,span.reference { | |||
font-size: 80% | |||
} | } | ||
.mw- | .ns-talk .mw-body-content dd { | ||
margin-top: 0.4em; | |||
margin-bottom: 0.4em | |||
} | } | ||
#interwiki-completelist { | |||
font-weight: bold | |||
} | } | ||
.hatnote { | |||
font-style: italic; | |||
padding-left: 1.6em; | |||
} | } | ||
.biglink { | |||
font-family: var(--font-family-oswald); | |||
font-style: oblique 10deg; | |||
font-variant-caps: small-caps; | |||
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px | |||
} | } | ||
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars { | |||
display: none | |||
} | } | ||
.mw-rcfilters-enabled .mw-specialpage-summary { | |||
margin-top: 1em | |||
} | } | ||
.citation:target { | |||
background: rgba(0, 127, 255, 0.133) | |||
} | } | ||
.citation { | |||
word-wrap: break-word | |||
} | } | ||
ol.references { | |||
font-size: 90%; | |||
margin-bottom: 0.5em | |||
} | } | ||
. | .hlist dl,.hlist ol,.hlist ul { | ||
margin: 0; | |||
padding: 0 | |||
} | } | ||
.hlist dd,.hlist dt,.hlist li { | |||
margin: 0; | |||
display: inline | |||
. | |||
} | } | ||
. | .hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul { | ||
display: inline | |||
} | } | ||
. | .hlist .mw-empty-li { | ||
display: none | display: none | ||
} | } | ||
. | .hlist dt:after { | ||
content: ":" | |||
} | } | ||
. | .hlist dd:after,.hlist li:after { | ||
content: " · "; | |||
font-weight: bold | |||
} | } | ||
. | .hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after { | ||
content: none | |||
} | } | ||
. | .hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before { | ||
content: " ("; | |||
font-weight: normal | |||
} | } | ||
. | .hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after { | ||
content: ")"; | |||
font-weight: normal | |||
} | } | ||
. | .hlist ol { | ||
counter-reset: listitem | |||
} | } | ||
. | .hlist ol>li { | ||
counter-increment: listitem | |||
} | } | ||
. | .hlist ol>li:before { | ||
content: " " counter(listitem) "\a0" | |||
} | } | ||
. | .hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before { | ||
content: " (" counter(listitem) "\a0" | |||
} | } | ||
.plainlist ol,.plainlist ul { | |||
. | line-height: inherit; | ||
list-style: none none; | |||
margin: 0 | |||
} | } | ||
. | .plainlist ol li,.plainlist ul li { | ||
margin-bottom: 0 | |||
} | } | ||
@media (max-width: 800px) { | |||
.grid-adaptive { | |||
grid-template-columns: 1fr !important; | |||
} | |||
. | |||
} | } | ||
. | .grid-item-adaptive { | ||
display: grid; | |||
gap: 8px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr)); | |||
} | } | ||
. | .grid-small-item-adaptive { | ||
display: grid; | |||
gap: 8px; | |||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); | |||
} | } | ||
.grid-item-compressed { | |||
. | display: grid; | ||
gap: 10px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr)); | |||
} | } | ||
. | .grid-item-compressed { | ||
display: grid; | |||
gap: 10px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr)); | |||
} | } | ||
.link-card__flex-container { | |||
display: flex; | |||
gap: 10px; | |||
justify-content: center; | |||
flex-grow: 1; | |||
align-items: flex-start; | |||
flex-wrap: wrap; | |||
align-content: center; | |||
} | } | ||
@media (max-width: 800px) { | |||
.link-card__flex-container { | |||
. | gap: 8px; | ||
} | |||
} | } | ||
. | /* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */ | ||
. | .no-margin-edges > :first-child, | ||
. | .tabs-content > :first-child, | ||
.doc > :first-child { | |||
margin-top: 0 !important; | |||
} | } | ||
. | .no-margin-edges > :last-child, | ||
. | .tabs-content > :last-child, | ||
.doc > :last-child { | |||
. | margin-bottom: 0 !important; | ||
} | } | ||
/* Сброс и настройка отступов для списков */ | |||
. | .list-reset-margin ol { | ||
margin: 0 0 0 24px; | |||
padding: 0; | |||
} | } | ||
. | .list-reset-margin > ol:not(:first-child) > li:not(:first-child), | ||
.list-reset-margin > ul:nth-of-type(n+2) { | |||
margin-top: 10px; | |||
} | } | ||
. | /* Кнопка копирования текста */ | ||
.copy-icon { | |||
cursor: pointer; | |||
} | } | ||
. | /* Кнопка копирования текста */ | ||
.brightness-overlay::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
z-index: -1; | |||
background: var(--background-color); | |||
} | } | ||
. | /* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */ | ||
background: var(-- | .brightness-overlay::before { | ||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
z-index: 0; | |||
background: var(--background-color); | |||
} | } | ||
. | .brightness-overlay:hover::before { | ||
filter: brightness(103%); | |||
} | } | ||
/* | /* Уменьшеная полоса прокрутки */ | ||
@media not all and (hover: none) and (pointer: coarse) { | |||
. | body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar { | ||
width: 13px; | |||
} | |||
} | } | ||
. | /* Для для динамичного вида кнопки "[развернуть]" */ | ||
.collapsible-absolute .mw-collapsible-toggle { | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
} | } | ||
. | /* Обводка тенью изображений и текста */ | ||
.with-drop-shadow, | |||
.mw-wiki-logo.timeless-logo img { | |||
filter: var(--filter-drop-shadow-medium); | |||
} | } | ||
. | .tooltip { | ||
position: relative; | |||
display: inline; | |||
} | } | ||
. | .tooltiptext { | ||
border- | position: absolute; | ||
min-width: 240px; | |||
max-width: 100%; | |||
left: -240px; | |||
right: -240px; | |||
top: 125%; | |||
margin-left: auto; | |||
margin-right: auto; | |||
z-index: 99; | |||
padding: 22px; | |||
pointer-events: none; | |||
visibility: hidden; | |||
transition: all 0.05s; | |||
border: 1px solid var(--color-contrast); | |||
border-radius: 1.4rem; | |||
background: var(--ooui-bg-color); | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | |||
} | } | ||
. | .tooltip:hover>.tooltiptext { | ||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
@media screen and (min-width: 851px) { | |||
.mobile { | |||
} | display:none | ||
} | |||
.headder { | |||
. | width: 25%; | ||
float: right; | |||
margin-left: 1em | |||
} | |||
} | |||
. | .stiky { | ||
position: sticky; | |||
top: 0.1em | |||
} | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
. | .nomobile { | ||
display: none !important; | |||
} | |||
} | |||
. | .headder { | ||
width: 100%; | |||
margin-left: 0; | |||
} | } | ||
. | .tooltip { | ||
position: static; | |||
} | |||
} | |||
. | .tooltiptext { | ||
box-shadow: var(--box-shadow-overlay); | |||
position: fixed!important; | |||
width: 80vw !important; | |||
top: 40vh !important; | |||
left: 0 !important; | |||
margin: 0 auto !important; | |||
right: 0!important; | |||
} | |||
/* | |||
.mobilefont { | |||
font-size: 80% | |||
} | |||
*/ | |||
.mobile-image img { | |||
width: 32px !important; | |||
height: 32px !important; | |||
} | |||
} | } | ||
/* Класс для уменьшения яркости фона tabs */ | |||
. | .tabs-no-background > .tabs-container { | ||
background | background: rgba(var(--color-lighter--rgb), 0.02); | ||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region <syntaxhighlight> CODE BLOCKS */ | |||
/* ============ */ | |||
:root { | |||
--synt-high--color-darkCreamy: #262421; | |||
--synt-high--color-lightCreamy: hsl(38, 5%, 45%); | |||
--synt-high--color-comment: var(--synt-high--color-lightCreamy); | |||
--synt-high--color-err: #ff1a94; | |||
--synt-high--color-operator: #e7236a; | |||
--synt-high--color-punctuation: #f8f8f2; | |||
--synt-high--color-string: #e6db74; | |||
--synt-high--color-date: var(--synt-high--color-string); | |||
/* names for things such as variables, functions, classes, etc. */ | |||
--synt-high--color-name: #a6e22e; | |||
/* literals, mostly numbers, some string stuff too. */ | |||
--synt-high--color-literal: #ae81ff; | |||
/* keywords and constants */ | |||
--synt-high--color-keyword: #57b8cb; | |||
--action-color: hsl(220, 60%, 50%); | |||
} | } | ||
. | /* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */ | ||
/* Highlighted Lines */ | |||
body:not(.wgl-theme-light) .mw-highlight .hll { | |||
background: var(--action-color); | |||
} | } | ||
/* | /* Error */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .err { | ||
color: var(--synt-high--color-err); | |||
background: hsl(328, 40%, 16%); | |||
} | } | ||
/* Keyword */ | |||
. | body:not(.wgl-theme-light) .mw-highlight .k { | ||
.mw- | color: var(--synt-high--color-keyword); | ||
color: var(-- | |||
} | } | ||
/* | /* Literal */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .l { | ||
.mw- | color: var(--synt-high--color-literal); | ||
} | } | ||
/* Name */ | |||
body:not(.wgl-theme-light) .mw-highlight .n { | |||
color: #f8f8f2; | |||
} | } | ||
/* | /* Operator */ | ||
.mw- | body:not(.wgl-theme-light) .mw-highlight .o { | ||
color: var(--synt-high--color-operator); | |||
} | } | ||
/* Punctuation */ | |||
body:not(.wgl-theme-light) .mw-highlight .p { | |||
color: var(--synt-high--color-punctuation); | |||
} | } | ||
/* Comment */ | |||
body:not(.wgl-theme-light) .mw-highlight .c { | |||
color: var(--synt-high--color-comment); | |||
} | } | ||
/* | /* Comment.Hashbang */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .ch { | ||
color: var(--synt-high--color-comment); | |||
} | } | ||
/* | /* Comment.Multiline */ | ||
body:not(.wgl-theme-light) .mw-highlight .cm { | |||
color: var(--synt-high--color-comment); | |||
} | |||
. | /* Comment.Preproc */ | ||
body:not(.wgl-theme-light) .mw-highlight .cp { | |||
color: var(--synt-high--color-comment); | |||
} | } | ||
. | /* Comment.PreprocFile */ | ||
body:not(.wgl-theme-light) .mw-highlight .cpf { | |||
color: var(--synt-high--color-comment); | |||
} | } | ||
. | /* Comment.Single */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .c1 { | ||
color: var(--synt-high--color-comment); | |||
} | } | ||
. | /* Comment.Special */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .cs { | ||
color: var(--synt-high--color-comment); | |||
} | } | ||
. | /* Generic.Deleted */ | ||
body:not(.wgl-theme-light) .mw-highlight .gd { | |||
color: #f92672; | |||
} | } | ||
/* Generic.Emph */ | |||
body:not(.wgl-theme-light) .mw-highlight .ge { | |||
font-style: italic; | |||
} | } | ||
. | /* Generic.Inserted */ | ||
body:not(.wgl-theme-light) .mw-highlight .gi { | |||
color: var(--synt-high--color-name); | |||
} | } | ||
/* Generic.Strong */ | |||
body:not(.wgl-theme-light) .mw-highlight .gs { | |||
font-weight: bold; | |||
} | } | ||
/* Generic.Subheading */ | |||
color: | body:not(.wgl-theme-light) .mw-highlight .gu { | ||
color: #75715e; | |||
} | } | ||
/* Keyword.Constant */ | |||
body:not(.wgl-theme-light) .mw-highlight .kc { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
/* Keyword.Declaration */ | |||
body:not(.wgl-theme-light) .mw-highlight .kd { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
/* Keyword.Namespace */ | |||
color: | body:not(.wgl-theme-light) .mw-highlight .kn { | ||
color: #f92672; | |||
} | } | ||
/* Keyword.Pseudo */ | |||
body:not(.wgl-theme-light) .mw-highlight .kp { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
. | /* Keyword.Reserved */ | ||
body:not(.wgl-theme-light) .mw-highlight .kr { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
. | /* Keyword.Type */ | ||
body:not(.wgl-theme-light) .mw-highlight .kt { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
/* Literal.Date */ | |||
body:not(.wgl-theme-light) .mw-highlight .ld { | |||
color: var(--synt-high--color-date); | |||
} | } | ||
/* Literal.Number */ | |||
body:not(.wgl-theme-light) .mw-highlight .m { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.String */ | ||
body:not(.wgl-theme-light) .mw-highlight .s { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
/* Name.Attribute */ | |||
.mw-highlight .na { | |||
color: var(--synt-high--color-name); | |||
} | } | ||
/* Name.Builtin */ | |||
body:not(.wgl-theme-light) .mw-highlight .nb { | |||
color: #f8f8f2; | |||
} | } | ||
/* | /* Name.Class */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .nc { | ||
color: var(--synt-high--color-name); | |||
} | } | ||
. | /* Name.Constant */ | ||
body:not(.wgl-theme-light) .mw-highlight .no { | |||
color: var(--synt-high--color-keyword); | |||
} | } | ||
. | /* Name.Decorator */ | ||
body:not(.wgl-theme-light) .mw-highlight .nd { | |||
color: | color: var(--synt-high--color-name); | ||
} | } | ||
. | /* Name.Entity */ | ||
body:not(.wgl-theme-light) .mw-highlight .ni { | |||
color: #f8f8f2; | |||
} | } | ||
. | /* Name.Exception */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .ne { | ||
color: var(--synt-high--color-name); | |||
} | } | ||
/* | /* Name.Function */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .nf { | ||
. | color: var(--synt-high--color-name); | ||
} | } | ||
/* | /* Name.Label */ | ||
body:not(.wgl-theme-light) .mw-highlight .nl { | |||
. | color: #f8f8f2; | ||
. | |||
. | |||
} | } | ||
/* | /* Name.Namespace */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .nn { | ||
. | color: #f8f8f2; | ||
} | |||
} | |||
/* | /* Name.Other */ | ||
. | body:not(.wgl-theme-light) .mw-highlight .nx { | ||
. | color: var(--synt-high--color-name); | ||
} | |||
} | |||
/* | /* Name.Property */ | ||
body:not(.wgl-theme-light) .mw-highlight .py { | |||
color: #f8f8f2; | |||
} | } | ||
/* Name.Tag */ | |||
body:not(.wgl-theme-light) .mw-highlight .nt { | |||
color: #f92672; | |||
} | } | ||
. | /* Name.Variable */ | ||
body:not(.wgl-theme-light) .mw-highlight .nv { | |||
color: #f8f8f2; | |||
} | } | ||
. | /* Operator.Word */ | ||
body:not(.wgl-theme-light) .mw-highlight .ow { | |||
color: var(--synt-high--color-operator); | |||
} | } | ||
. | /* Text.Whitespace */ | ||
body:not(.wgl-theme-light) .mw-highlight .w { | |||
color: #f8f8f2; | |||
} | } | ||
. | /* Literal.Number.Bin */ | ||
body:not(.wgl-theme-light) .mw-highlight .mb { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.Number.Float */ | ||
body:not(.wgl-theme-light) .mw-highlight .mf { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.Number.Hex */ | ||
body:not(.wgl-theme-light) .mw-highlight .mh { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.Number.Integer */ | ||
body:not(.wgl-theme-light) .mw-highlight .mi { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.Number.Oct */ | ||
body:not(.wgl-theme-light) .mw-highlight .mo { | |||
color: var(--synt-high--color-literal); | |||
} | } | ||
/* Literal.String.Affix */ | |||
body:not(.wgl-theme-light) .mw-highlight .sa { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Backtick */ | ||
body:not(.wgl-theme-light) .mw-highlight .sb { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
.mw- | /* Literal.String.Char */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .sc { | ||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Delimiter */ | ||
body:not(.wgl-theme-light) .mw-highlight .dl { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Doc */ | ||
body:not(.wgl-theme-light) .mw-highlight .sd { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Double */ | ||
body:not(.wgl-theme-light) .mw-highlight .s2 { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Escape */ | ||
color: var(-- | body:not(.wgl-theme-light) .mw-highlight .se { | ||
color: var(--synt-high--color-literal); | |||
} | } | ||
. | /* Literal.String.Heredoc */ | ||
color: var(-- | body:not(.wgl-theme-light) .mw-highlight .sh { | ||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Interpol */ | ||
body:not(.wgl-theme-light) .mw-highlight .si { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Other */ | ||
body:not(.wgl-theme-light) .mw-highlight .sx { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Regex */ | ||
body:not(.wgl-theme-light) .mw-highlight .sr { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
. | /* Literal.String.Single */ | ||
body:not(.wgl-theme-light) .mw-highlight .s1 { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
.mw- | /* Literal.String.Symbol */ | ||
body:not(.wgl-theme-light) .mw-highlight .ss { | |||
color: var(--synt-high--color-string); | |||
} | } | ||
.mw- | /* Name.Builtin.Pseudo */ | ||
body:not(.wgl-theme-light) .mw-highlight .bp { | |||
color: #f8f8f2; | |||
} | } | ||
. | /* Name.Function.Magic */ | ||
body:not(.wgl-theme-light) .mw-highlight .fm { | |||
color: var(--synt-high--color-name); | |||
} | } | ||
. | /* Name.Variable.Class */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .vc { | ||
color: #f8f8f2; | |||
} | } | ||
. | /* Name.Variable.Global */ | ||
color: | body:not(.wgl-theme-light) .mw-highlight .vg { | ||
color: #f8f8f2; | |||
} | } | ||
. | /* Name.Variable.Instance */ | ||
body:not(.wgl-theme-light) .mw-highlight .vi { | |||
color: #f8f8f2; | |||
color: | |||
} | } | ||
. | /* Name.Variable.Magic */ | ||
body:not(.wgl-theme-light) .mw-highlight .vm { | |||
color: #f8f8f2; | |||
} | } | ||
. | /* Literal.Number.Integer.Long */ | ||
color: var(-- | body:not(.wgl-theme-light) .mw-highlight .il { | ||
color: var(--synt-high--color-literal); | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */ | |||
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */ | |||
/* ============ */ | |||
:root { | |||
/* "se-cm" = Source Editor - Code Mirror */ | |||
/* same color as for source editor */ | |||
--se-cm--bg-color: var(--bg-color-light-x2); | |||
/* same color as for code block */ | |||
--se-cm--gutter-bg-color: var(--code-color-bg); | |||
/* margin to the left for the main contents of the editor */ | |||
--se-cm--main-contents-left-margin: 0.25rem; | |||
/* bg color for pre/nowiki tags contents */ | |||
--se-cm--pre-bg-color: hsl(205, 21%, 15%); | |||
/* from the <syntaxhighlight> theme */ | |||
--se-cm--comment-color: var(--synt-high--color-comment); | |||
--se-cm--error-color: var(--red-color); | |||
/* link itself */ | |||
--se-cm--link-color: #699ae9; | |||
/* link delimiter */ | |||
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color); | |||
/* link text */ | |||
--se-cm--link-text-color: #3873d3; | |||
color: | --se-cm--link-brackets-color: var(--se-cm--link-text-color); | ||
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */ | |||
--se-cm--parser-function-color: #e0485a; | |||
/* function param values */ | |||
color: var(-- | --se-cm--parser-function-values-color: #e0cacd; | ||
/* table brackets and row delimiter */ | |||
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color); | |||
/* table settings */ | |||
--se-cm--table-settings-color: var(--se-cm--template-name-color); | |||
/* template name */ | |||
--se-cm--template-name-color: #a142cf; | |||
/* template arg names */ | |||
--se-cm--template-arg-name-color: #9e27da; | |||
/* template brackets */ | |||
--se-cm--template-brackets-color: var(--se-cm--template-name-color); | |||
/* template arg values */ | |||
--se-cm--template-values-color: #a3cced; | |||
/* template arg delimiters */ | |||
--se-cm--template-delimiter-color: var(--se-cm--link-color); | |||
/* template param name */ | |||
--se-cm--template-param-name-color: #d07b00; | |||
/* template param brackets */ | |||
--se-cm--template-param-brackets-color: #ac6600; | |||
/* template param values */ | |||
--se-cm--template-param-value-color: hsl(207,90%,83%); | |||
/* template param delimiter */ | |||
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color); | |||
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */ | |||
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color); | |||
/* html tags, including ones specific for the wiki (like syntaxhighlight) */ | |||
--se-cm--xml-tag-color: #11a886; | |||
/* selection color */ | |||
--se-cm--selection-color: hsl(205, 21%, 30%); | |||
/* bg color applied when selecting a bracket that has a match (in templates) */ | |||
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%); | |||
} | } | ||
/* the whole content body code mirror wrapper */ | |||
body:not(.wgl-theme-light) .CodeMirror-wrap { | |||
/* same color as for source editor */ | |||
background: var(--se-cm--bg-color); | |||
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */ | |||
color: var(--text-color); | |||
} | } | ||
/* the actual lines of text */ | |||
. | body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line { | ||
/* a little bit of margin for the main content */ | |||
margin-left: var(--se-cm--main-contents-left-margin); | |||
} | } | ||
/* gutters?? */ | |||
. | body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters { | ||
border-color: var(--ooui | border-color: var(--ooui-border-color); | ||
} | } | ||
/* gutter */ | |||
. | body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter { | ||
background | /* same color as for code block */ | ||
background: var(--se-cm--gutter-bg-color); | |||
} | } | ||
/* selection */ | |||
. | body:not(.wgl-theme-light) .CodeMirror-line::selection, | ||
/* selection */ | |||
body:not(.wgl-theme-light) .CodeMirror-line>span::selection, | |||
/* selection */ | |||
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection { | |||
background: var(--se-cm--selection-color); | |||
} | } | ||
/* bullet point symbol */ | |||
. | body:not(.wgl-theme-light) .cm-mw-list, | ||
color: | /* ???? */ | ||
body:not(.wgl-theme-light) .cm-mw-indenting { | |||
color: var(--se-cm--wikitext-formatting-color); | |||
} | } | ||
/* magic words */ | |||
. | body:not(.wgl-theme-light) .cm-mw-doubleUnderscore, | ||
/* magic words */ | |||
body:not(.wgl-theme-light) .cm-mw-double-underscore, | |||
/* ???? user signature maybe */ | |||
body:not(.wgl-theme-light) .cm-mw-signature, | |||
/* ???? hr tags prob */ | |||
body:not(.wgl-theme-light) .cm-mw-hr { | |||
color: var(--se-cm--wikitext-formatting-color); | |||
/* override the defaults */ | |||
background: inherit; | |||
} | } | ||
/* html sequences like " " */ | |||
. | body:not(.wgl-theme-light) .cm-mw-mnemonic, | ||
/* ???? */ | |||
background: | body:not(.wgl-theme-light) .cm-mw-html-entity { | ||
color: var(--se-cm--xml-tag-color); | |||
background: #684905; | |||
border-radius: 2px; | |||
} | } | ||
/* comments */ | |||
. | body:not(.wgl-theme-light) .cm-mw-comment { | ||
color: var(--se-cm--comment-color); | |||
} | } | ||
/* formatting: 3 apostrophes for bold text */ | |||
. | body:not(.wgl-theme-light) .cm-mw-apostrophes-bold, | ||
/* formatting: 2 apostrophes for italic text | |||
todo make them separate? better eligibility */ | |||
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic { | |||
color: var(--se-cm--wikitext-formatting-color); | |||
} | } | ||
/* template name */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template-name { | ||
color: var(--se-cm--template-name-color); | |||
/* disable the default */ | |||
text-decoration: none; | |||
} | } | ||
/* template arg names */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template-argument-name { | ||
color: var(--se-cm--template-arg-name-color); | |||
} | } | ||
/* template arg values */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template { | ||
color: var(--ooui-text-color); | |||
} | } | ||
/* template pipe delimiters (maybe colon too for modules?) */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template-delimiter { | ||
color: var(--se-cm--template-name-color); | |||
} | } | ||
/* template brackets */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template-bracket { | ||
color: var(--se-cm--template-brackets-color); | |||
} | } | ||
/* template variable (with 3 brackets) name */ | |||
. | body:not(.wgl-theme-light) .cm-mw-templatevariable-name { | ||
color: var(--se-cm--template-param-name-color); | |||
} | } | ||
/* template variable (with 3 brackets) value */ | |||
. | body:not(.wgl-theme-light) .cm-mw-templatevariable { | ||
color: var(--se-cm--template-param-brackets-color); | |||
} | } | ||
/* template variable brackets (3 brackets) */ | |||
. | body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket { | ||
color: var(--se-cm--template-param-brackets-color); | |||
} | } | ||
/* template variable (with 3 brackets) delimiter */ | |||
. | body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter { | ||
color: var(--se-cm--template-param-brackets-color); | |||
} | } | ||
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */ | |||
. | body:not(.wgl-theme-light) .cm-mw-parserfunction-name { | ||
color: var(--se-cm--parser-function-color) !important; | |||
} | } | ||
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */ | |||
. | body:not(.wgl-theme-light) .cm-mw-parserfunction { | ||
color: var(--se-cm--parser-function-values-color); | |||
} | } | ||
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */ | |||
. | body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket { | ||
color: var(--se-cm--parser-function-color); | |||
} | } | ||
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */ | |||
. | body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter { | ||
color: var(--se-cm--parser-function-color); | |||
} | } | ||
/* wiki html tag names? like >syntaxhighlight> */ | |||
. | body:not(.wgl-theme-light) .cm-mw-exttag-name, | ||
/* html tag names */ | |||
body:not(.wgl-theme-light) .cm-mw-htmltag-name { | |||
color: var(--se-cm--xml-tag-color); | |||
} | } | ||
/* if a string starts with an empty space, it will generate a pre block. | |||
. | this targets that one single space. | ||
color | same style as for html tag names, but for bg here */ | ||
body:not(.wgl-theme-light) .cm-mw-skipformatting { | |||
background: var(--se-cm--xml-tag-color); | |||
} | } | ||
/* wiki html tag brackets */ | |||
.mw- | body:not(.wgl-theme-light) .cm-mw-exttag-bracket, | ||
color: var(-- | /* wiki html tag attributes (name, delimiter, value) */ | ||
body:not(.wgl-theme-light) .cm-mw-exttag-attribute, | |||
/* html tag brackets */ | |||
body:not(.wgl-theme-light) .cm-mw-htmltag-bracket, | |||
/* html tag attributes (name, delimiter, value) */ | |||
body:not(.wgl-theme-light) .cm-mw-htmltag-attribute { | |||
color: var(--se-cm--xml-tag-color); | |||
} | } | ||
/* pre tag BLOCK contents */ | |||
/*==== | body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre, | ||
/* pre tag INLINE contents */ | |||
==========*/ | body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre, | ||
/* ???? */ | |||
/* | body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-pre, | ||
.mw-body | /* pre tag contents */ | ||
body:not(.wgl-theme-light) .cm-mw-tag-pre, | |||
/* ============== */ | |||
/* nowiki tag BLOCK contents */ | |||
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki, | |||
/* nowiki tag INLINE contents */ | |||
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki, | |||
/* ???? */ | |||
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-nowiki, | |||
/* nowiki tag contents */ | |||
body:not(.wgl-theme-light) .cm-mw-tag-nowiki { | |||
background: var(--se-cm--pre-bg-color); | |||
} | } | ||
/* pre tag BLOCK contents */ | |||
/* | body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre, | ||
/* nowiki tag BLOCK contents */ | |||
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki { | |||
/* colors the margin gap bg for block variants */ | |||
box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0 | |||
var(--se-cm--pre-bg-color); | |||
} | } | ||
/* pre tag INLINE contents */ | |||
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre, | |||
/* nowiki tag INLINE contents */ | |||
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki { | |||
/* a little corner rounding won't hurt a thing! */ | |||
border-radius: 2px; | |||
} | } | ||
/* ???? */ | |||
/* | body:not(.wgl-theme-light) .cm-mw-link, | ||
/* ???? */ | |||
body:not(.wgl-theme-light) .cm-mw-link-tosection, | |||
/* header equal signs */ | |||
body:not(.wgl-theme-light) .cm-mw-section-header { | |||
color: var(--se-cm--wikitext-formatting-color); | |||
} | } | ||
/* link itself */ | |||
/* | body:not(.wgl-theme-light) .cm-mw-link-pagename, | ||
/* external link itself, without protocol */ | |||
body:not(.wgl-theme-light) .cm-mw-extlink, | |||
/* ???? same as above, maybe? */ | |||
/* | body:not(.wgl-theme-light) .cm-mw-free-extlink, | ||
. | /* external link protocol (the "https://" part) */ | ||
body:not(.wgl-theme-light) .cm-mw-extlink-protocol, | |||
/* ???? same as above, maybe? */ | |||
body:not(.wgl-theme-light) .cm-mw-free-extlink-protocol { | |||
color: var(--se-cm--link-color); | |||
} | } | ||
/* link brackets */ | |||
body:not(.wgl-theme-light) .cm-mw-link-bracket, | |||
. | /* external link brackets */ | ||
body:not(.wgl-theme-light) .cm-mw-extlink-bracket { | |||
color: var(--se-cm--link-color); | |||
} | } | ||
/* link delimiter */ | |||
/* | body:not(.wgl-theme-light) .cm-mw-link-delimiter { | ||
. | color: var(--se-cm--cm-mw-link-delimiter); | ||
color: | |||
} | } | ||
/* link text */ | |||
/* | body:not(.wgl-theme-light) .cm-mw-link-text, | ||
. | /* external link text */ | ||
body:not(.wgl-theme-light) .cm-mw-extlink-text { | |||
color: var(--se-cm--link-text-color); | |||
} | } | ||
/* tables opening "{|" and closing "|}" brackets */ | |||
. | body:not(.wgl-theme-light) .cm-mw-table-bracket, | ||
color: | /* table row delimiter (doesn't include cols!) */ | ||
body:not(.wgl-theme-light) .cm-mw-table-delimiter { | |||
color: var(--se-cm--table-punctuation-color); | |||
} | } | ||
/* the table settings I guess? (like «class="wikitable"») */ | |||
. | body:not(.wgl-theme-light) .cm-mw-table-definition { | ||
color: | color: var(--se-cm--table-settings-color); | ||
} | } | ||
/* ???? idk some kind of formatting errors? */ | |||
/* | body:not(.wgl-theme-light) .cm-error, | ||
. | body:not(.wgl-theme-light) .cm-mw-error, | ||
body:not(.wgl-theme-light) .cm-s-default .cm-error { | |||
color: var(--se-cm--error-color); | |||
} | } | ||
body:not(.wgl-theme-light) .cm-mw-matchingbracket { | |||
/* | background: var(--se-cm--matching-brackets-bg-color); | ||
/* disable the default */ | |||
box-shadow: none; | |||
} | } | ||
/* various inline bg targeting things, idk what each of them target exactly */ | |||
.mw- | .cm-mw-template2-ground, | ||
.cm-mw-template3-ground, | |||
.cm-mw-ext-ground, | |||
.cm-mw-template-ext-ground, | |||
.cm-mw-ext2-ground, | |||
.mw- | .cm-mw-template-ext2-ground, | ||
.cm-mw-ext3-ground, | |||
.cm-mw-template-ext3-ground, | |||
.cm-mw-link-ground, | |||
.mw- | .cm-mw-ext-link-ground, | ||
.cm-mw-template-link-ground, | |||
.cm-mw-ext2-link-ground, | |||
.cm-mw-template-ext-link-ground, | |||
.mw- | .cm-mw-ext3-link-ground, | ||
.cm-mw-template-ext2-link-ground, | |||
.cm-mw-template-ext3-link-ground, | |||
.cm-mw-template2-ext-ground, | |||
.cm-mw-template2-ext2-ground, | |||
.cm-mw-template2-ext3-ground, | |||
.cm-mw-template2-link-ground, | |||
.cm-mw-template2-ext-link-ground, | |||
.cm-mw-template2-ext2-link-ground, | |||
.cm-mw-template2-ext3-link-ground, | |||
.cm-mw-template3-ext-ground, | |||
.cm-mw-template3-ext2-ground, | |||
.cm-mw-template3-ext3-ground, | |||
.cm-mw-template3-link-ground, | |||
.cm-mw-template3-ext-link-ground, | |||
.cm-mw-template3-ext2-link-ground, | |||
.cm-mw-template3-ext3-link-ground { | |||
/* just disable them */ | |||
background: inherit; | |||
} | } | ||
/* new code */ | |||
. | body:not(.wgl-theme-light) .cm-mw-template-ground.cm-mw-template, | ||
body:not(.wgl-theme-light) .cm-mw-template2-ground.cm-mw-template, | |||
body:not(.wgl-theme-light) .cm-mw-template3-ground.cm-mw-template { | |||
color: var(--se-cm--template-values-color); | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region DRUID Infoboxes */ | |||
/* ============ */ | |||
. | /* DRUID Infobox. */ | ||
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */ | |||
/* license: CC BY-SA 4.0 */ | |||
/****************************************/ | |||
/******* Start DRUID CSS rules *********/ | |||
/****************************************/ | |||
/* --------------------------------- */ | |||
/* Safe to edit ABOVE this line */ | |||
/* --------------------------------- */ | |||
/* --------------------------------- */ | |||
/* Do not edit below this line */ | |||
/* --------------------------------- */ | |||
. | .druid-container { | ||
border-color: var(-- | --druid-border-color: var(--theme-border-color-base); | ||
--druid-color-contrast: var(--color-contrast-dark); | |||
} | } | ||
. | table.druid-container { | ||
border- | background: var(--theme-bg-color-150); | ||
float: right; | |||
clear: right; | |||
margin: 0 0 1em 1em; | |||
max-width: 400px; | |||
min-width: 300px; | |||
box-sizing: border-box; | |||
position: relative; | |||
z-index: 1; | |||
border: 1px solid var(--druid-border-color); | |||
border-radius: 0.2em; | |||
overflow: auto; | |||
border-spacing: 0; | |||
padding: 2px; | |||
} | } | ||
@media screen and (max-width: 720px) { | |||
.druid-container { | |||
float: none; | |||
margin: 0.5rem auto; | |||
min-width: 100%; | |||
} | |||
} | } | ||
. | .druid-main-images-file, | ||
.druid-main-image { | |||
text-align: center; | |||
} | } | ||
. | .druid-infobox .druid-title, | ||
.druid-infobox .druid-section { | |||
background: var(--druid-color-contrast); | |||
border-bottom: 2px solid var(--color-darkened-border); | |||
border-radius: 0.1em; | |||
padding: 5px; | |||
text-align: center; | |||
font-size: var(--font-size-ml); | |||
font-weight: bold; | |||
} | } | ||
. | .druid-infobox .druid-section { | ||
font-size: var(--font-size-m); | |||
background: color-mix(in srgb, var(--druid-color-contrast) 30%, var(--theme-bg-color-150)); | |||
border-top: 1px solid var(--theme-border-color-base); | |||
padding: 4px; | |||
} | } | ||
. | .druid-infobox .druid-collapsible .druid-section { | ||
flex-grow: 1; | |||
} | } | ||
. | .druid-row > .druid-label, | ||
.druid-row > .druid-data { | |||
padding-inline: 0.5em; | |||
} | } | ||
. | .druid-main-image, | ||
color: | .druid-main-images { | ||
background: var(--theme-bg-color-150); | |||
border-bottom: 1px solid var(--druid-border-color); | |||
padding: 2px 0; | |||
} | } | ||
.mw- | .mw-body-content .druid-main-image img, | ||
.mw-body-content .druid-main-images img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
. | .druid-main-images-labels { | ||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
justify-content: space-evenly; | |||
margin: 0.25em; | |||
gap: 0.25em; | |||
} | } | ||
. | .druid-main-images-label { | ||
cursor: pointer; | |||
flex: 1 1 auto; | |||
color | text-align: center; | ||
transition: .1s ease-in; | |||
outline: 1px solid var(--druid-link-color); | |||
} | } | ||
. | .druid-main-images-label.focused { | ||
background: var(--druid-link-color); | |||
color: var(--druid-link-label-color); | |||
} | } | ||
. | .druid-main-images-label:not(.focused):hover { | ||
background: var(-- | background: var(--druid-link-color); /* fallback */ | ||
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent); | |||
} | } | ||
. | .druid-toggleable-data:not(.focused), | ||
.druid-main-images-file:not(.focused), | |||
.druid-toggleable-heading:not(.focused) { | |||
display: none; | |||
} | } | ||
. | .druid-grid { | ||
display:grid; | |||
gap: 0.3em; | |||
padding: 0.35em; | |||
} | } | ||
. | .druid-grid-item { | ||
padding | background: var(--druid-tertiary-background-color); | ||
padding: 0.25em; | |||
border: 1px solid var(--druid-border-color); /* fallback */ | |||
border: 1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent); | |||
border-radius: 2px; | |||
} | } | ||
. | .druid-grid-item .druid-label, | ||
.druid-grid-item .druid-data { | |||
text-align: center; | |||
} | } | ||
. | .druid-data-wide { | ||
width: 100%; | |||
} | } | ||
. | .druid-section-container > .druid-collapsible { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | |||
align-items: center; | align-items: center; | ||
} | } | ||
. | .druid-collapsed { | ||
display: none !important; | |||
} | } | ||
.druid-collapsible { | |||
cursor: pointer; | |||
position: relative; | |||
} | } | ||
. | .druid-collapsible::after { | ||
content: ""; | |||
display: block; | |||
position: absolute; | |||
right: 10px; | |||
width: var(--icon-size); | |||
height: var(--icon-size); | |||
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; | |||
-webkit-mask: var(--mask); | |||
mask: var(--mask); | |||
-webkit-mask-size: 100% 100%; | |||
mask-size: 100% 100%; | |||
-webkit-mask-position: center center; | |||
mask-position: center center; | |||
background: var(--druid-secondary-background-label-color); | |||
} | } | ||
. | .druid-collapsible-collapsed::after { | ||
transform: rotate(180deg); | |||
} | } | ||
/***************************************** | |||
Table support | |||
*****************************************/ | |||
.druid-container tr:not(.data-druid-section):nth-child(odd) { | |||
background: var(--theme-bg-color-200); | |||
} | } | ||
. | .druid-container tr:not(.data-druid-section):nth-child(even) { | ||
background: var(--theme-bg-color-150); | |||
} | } | ||
. | .druid-container tr:nth-child(even) th:not([colspan]) { | ||
border-right: 1px solid var(--theme-bg-color-150); | |||
} | } | ||
.druid-container th, | |||
. | .druid-container td, | ||
.druid-container th .mw-collapsible-toggle { | |||
padding: 4px; | |||
font-size: var(--font-size-xs); | |||
} | } | ||
.druid-container th { | |||
. | width: 40%; | ||
text-align: left; | |||
} | } | ||
. | .druid-container ul { | ||
list-style: none; | |||
padding: 0; | |||
margin: 0; | |||
margin-left: 10px; | |||
} | } | ||
.druid-container ul li::before { | |||
content: "•"; | |||
display: inline-block; | |||
font-size: var(--font-size-l); | |||
margin-left: -10px; | |||
margin-right: 4px; | |||
} | } | ||
/* | /******** | ||
Custom display classes | |||
*********/ | |||
. | div.druid-stacked.druid-row, | ||
.druid-stacked div.druid-row { | |||
flex-direction: column; | |||
} | } | ||
.druid-stacked.druid-row > .druid-data, | |||
. | .druid-stacked .druid-row > .druid-data { | ||
padding | padding-left: 0.75em; | ||
} | } | ||
/* | /* --------------------------------- */ | ||
. | /* Do not edit above this line */ | ||
/* --------------------------------- */ | |||
/* --------------------------------- */ | |||
/* Local overrides go below this line */ | |||
/* --------------------------------- */ | |||
.druid-infobox .druid-title { | |||
--clip: 0.6em; | |||
clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) ); | |||
margin: 3px; | |||
} | } | ||
. | /****************************************/ | ||
/******* End DRUID CSS rules *********/ | |||
/****************************************/ | |||
/* #endregion */ | |||
/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */ | |||
.sortable-grid { | |||
width: 100%; | |||
} | } | ||
. | .sortable-grid tbody { | ||
display: grid; | |||
gap: 8px 6px; | |||
grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr)); | |||
} | |||
/* Класс для большего количества столбцов */ | |||
.sortable-grid--small-column tbody { | |||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |||
} | } | ||
. | .sortable-grid thead tr:first-child { | ||
grid-column: 1 / -1; | |||
} | } | ||
.sortable-grid > tr > th, | |||
.sortable-grid > tr > td, | |||
.sortable-grid > * > tr > th, | |||
} | .sortable-grid > * > tr > td { | ||
display: block; | |||
height: 100%; | |||
box-sizing: border-box; | |||
} | |||
.sortable-grid .headerSort { | |||
padding: 4px 0; | |||
text-align: left; | |||
} | } | ||
/* ============ */ | |||
/* #region Меню настроек темы */ | |||
/* ============ */ | |||
.theme-dropdown { | |||
position: relative; | |||
} | |||
. | #personal-extra li, | ||
#personal h2, | |||
} | .theme-dropdown-details { | ||
padding: 0.25em; | |||
border-radius: var(--border-radius-medium); | |||
margin: 0; | |||
} | |||
.theme-dropdown-details[open] + .theme-window { | |||
visibility: visible; | |||
opacity: 1; | |||
height: auto; | |||
transform: scale(0.99999); | |||
} | } | ||
. | #personal .dropdown, | ||
color: | .theme-dropdown .theme-window { | ||
top: unset; | |||
user-select: none; | |||
position: absolute; | |||
right: -14px; | |||
width: 14.5rem; | |||
background: var(--ooui-bg-color-darkened); | |||
box-shadow: var(--box-shadow-high); | |||
transition-duration: var(--transition-time); | |||
transition-property: transform, opacity, visibility; | |||
z-index: var(--index-high); | |||
margin-top: 0.3rem; | |||
border: 2px solid var(--ooui-bg-color-light); | |||
border-top: 2px solid var(--ooui-border-color); | |||
border-radius: var(--border-radius-low); | |||
padding: 0.2em; | |||
box-shadow: var(--box-shadow-high), var(--box-shadow-inset); | |||
} | } | ||
. | #personal .dropdown::before, | ||
#personal .dropdown::after { | |||
display: none; | |||
} | } | ||
. | .theme-dropdown .theme-window { | ||
overflow: hidden; | |||
opacity: 0; | |||
visibility: hidden; | |||
transform: scale(0.9); | |||
transform-origin: top; | |||
} | } | ||
. | .theme-dropdown .theme-window * { | ||
user-select: none; | |||
user-drag: none; | |||
-webkit-user-drag: none; | |||
} | } | ||
. | #personal .dropdown label, #personal .dropdown h3, | ||
background: | .theme-dropdown .theme-window__header { | ||
border-bottom: | display: flex; | ||
align-items: center; | |||
gap: 4px; | |||
position: relative; | |||
height: 2rem; | |||
font-size: var(--font-size-ml); | |||
border-radius: var(--border-radius-low); | |||
background-color: var(--color-contrast2); | |||
font-weight: bold; | |||
padding: 0 0.4em; | |||
border-bottom: 2px solid var(--color-darkened-border); | |||
flex-direction: row; | |||
margin: 0; | |||
} | } | ||
#theme-preferences__content { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 0.5em; | |||
} | } | ||
#theme-preferences__content .theme-menu__heading { | |||
display: flex; | |||
justify-content: center; | |||
border-color | align-items: center; | ||
font-weight: bold; | |||
height: 1.75rem; | |||
border-bottom: 2px solid var(--bg-color-sky-blue-100); | |||
} | } | ||
. | #personal .dropdown ul, | ||
#theme-preferences__content .theme-menu__content { | |||
padding: 0.5em; | |||
} | } | ||
. | .theme-dropdown .theme-window * { | ||
user-select: none; | |||
user-drag: none; | |||
-webkit-user-drag: none; | |||
} | } | ||
.mw- | #personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body, | ||
.theme-dropdown .theme-window__content { | |||
position: relative; | |||
margin: 0.3em 0; | |||
} | } | ||
. | #personal .dropdown ul, | ||
background-color: | #theme-preferences__content .theme-menu { | ||
border- | flex: 1 0 9rem; | ||
background-color: var(--theme-bg-color-base); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
. | #theme-preferences__content .theme-menu li { | ||
margin: 0; | |||
} | } | ||
. | #personal .dropdown ul, | ||
#theme-preferences__content .theme-menu form { | |||
position: relative; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 0.5em; | |||
text-align: center; | |||
} | } | ||
. | #personal .dropdown li, | ||
#theme-preferences__content .theme-client-prefs-radio { | |||
display: flex; | |||
justify-content: center; | |||
padding: 0; | |||
margin: 0; | |||
} | } | ||
. | #theme-preferences__content .theme-client-prefs-radio input { | ||
display: none; | |||
} | } | ||
. | #personal .dropdown li a, | ||
background-color: | #theme-preferences__content .theme-client-prefs-radio label { | ||
border-color: | user-select: none; | ||
-webkit-user-drag: none; | |||
background: var(--ooui-bg-color-light); | |||
border-radius: var(--border-radius-medium); | |||
transition-property: background, box-shadow; | |||
transition-duration: var(--transition-time); | |||
cursor: pointer; | |||
flex-grow: 1; | |||
align-content: center; | |||
padding: 0.25em 0.5em; | |||
font-weight: bold; | |||
border-top: 1px solid var(--color-lighter-alpha-x); | |||
border-bottom: 2px solid var(--color-darkened-border); | |||
color: var(--theme-text-color); | |||
} | } | ||
. | #theme-preferences__content .theme-client-prefs-radio input:checked + label { | ||
background-color: | background-color: var(--bg-color-message); | ||
} | } | ||
. | #personal-extra li:hover, | ||
#personal h2:hover, | |||
.theme-dropdown-details:hover, | |||
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { | |||
background: var(--bg-color-hover); | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | ||
background-color | .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover, | ||
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug { | |||
background: var(--bg-color-focus); | |||
} | } | ||
. | #personal-extra li:focus, | ||
background-color: | #personal.dropdown-active h2, | ||
.theme-dropdown-details[open] { | |||
background-color: var(--bg-color-focus) !important; | |||
} | } | ||
#personal h2::before, | |||
background-color: | #site-navigation h2, | ||
.theme-dropdown-summary { | |||
} | content: ''; | ||
cursor: pointer; | |||
background: var(--theme-icon-color); | |||
mask-size: contain; | |||
mask-position: center; | |||
mask-repeat: no-repeat; | |||
width: var(--icon-size); | |||
height: var(--icon-size); | |||
opacity: 1 !important; | |||
margin: 0; | |||
} | |||
. | .theme-dropdown-summary { | ||
mask-image: var(--icon-settings); | |||
} | } | ||
#pt-notifications-alert .mw-echo-notifications-badge, | |||
#pt-notifications-notice .mw-echo-notifications-badge { | |||
width: var(--icon-size); | |||
height: var(--icon-size); | |||
filter: var(--invert-100); | |||
background-size: cover; | |||
margin: 0; | |||
} | } | ||
. | #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { | ||
opacity: 0.45; | |||
} | } | ||
. | #pt-notifications-alert .mw-echo-notifications-badge::after, | ||
#pt-notifications-notice .mw-echo-notifications-badge::after { | |||
filter: var(--invert-100); | |||
} | } | ||
. | @media screen and (max-width: 850px) { | ||
#pt-notifications-alert .mw-echo-notifications-badge, | |||
#pt-notifications-notice .mw-echo-notifications-badge, | |||
#personal h2::before, | |||
#site-navigation h2, | |||
.theme-dropdown-summary { | |||
width: var(--icon-size-big); | |||
height: var(--icon-size-big); | |||
} | |||
#personal .dropdown, | |||
.theme-dropdown .theme-window { | |||
right: 0; | |||
} | |||
#personal-extra { | |||
position: unset; | |||
} | |||
} | } | ||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Интерфейс MediaWiki */ | |||
/* ============ */ | |||
. | /* invert(1) */ | ||
.mw-editsection, | |||
.mw-editsection a, | |||
.dropdown-toggle::after, | |||
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon, | |||
.wikiEditor-ui-toolbar .tabs span.tab a::before, | |||
.wikiEditor-ui-toolbar .group .tool-select .label::after, | |||
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after { | |||
filter: var(--invert-100); | |||
} | } | ||
.oo-ui- | /* invert(0.75) */ | ||
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success), | |||
.oo-ui-indicatorElement-indicator, | |||
.cdx-icon svg, | |||
.skin-invert img[role="presentation"] { | |||
filter: var(--invert-75) hue-rotate(180deg); | |||
} | } | ||
.oo-ui- | body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor), | ||
body.wgl-theme-ss14 .oo-ui-icon-linked { | |||
filter: var(--invert-75); | |||
} | } | ||
. | /* invert(0) */ | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, | |||
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up { | |||
filter: var(--invert-0); | |||
} | } | ||
.oo-ui- | body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor), | ||
body:not(.wgl-theme-ss14) .oo-ui-icon-linked { | |||
filter: var(--invert-0) !important; | |||
} | } | ||
. | /* icon color */ | ||
#mw-indicator-mw-helplink a .mw-helplink-icon, | |||
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { | |||
background: var(--theme-icon-color); | |||
} | } | ||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select: | /* background */ | ||
color | .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button, | ||
.mw-prefs-buttons, | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed, | |||
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
.oo-ui-dropdownWidget, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, | |||
.mw-datatable td, | |||
.oo-ui-tabSelectWidget-framed, | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td, | |||
.growthexperiments-homepage-module-startemail, | |||
.mw-ge-startediting-dialog-progress, | |||
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending), | |||
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu, | |||
.ve-ui-toolbarDialog, | |||
.mw-echo-ui-notificationItemWidget:hover, | |||
.mw-echo-ui-pageNotificationsOptionWidget-label-count, | |||
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, | |||
.footer-icons a:hover, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending), | |||
.mw-special-Contribute .mw-contribute-card, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle, | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option, | |||
.ext-templatewizard-templatetitlebar, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all, | |||
.mw-ge-help-panel-home-button, | |||
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select, | |||
span.fileinput-button, | |||
.ace_button, | |||
.ace_searchbtn, | |||
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget, | |||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, | |||
.growthexperiments-homepage-module, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip, | |||
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button, | |||
.ace_optionsMenuEntry button, | |||
.ace_optionsMenuEntry button[ace_selected_button=true], | |||
.wikiEditor-ui-toolbar, | |||
.ace_search_field, | |||
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, | |||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, | |||
.quickbox, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, | |||
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot, | |||
.mw-rcfilters-ui-menuSelectWidget-footer, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, | |||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, | |||
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, | |||
.mw-widget-dateInputWidget-handle, | |||
#wpDestFile, | |||
#wpUploadDescription, | |||
.mw-widgets-datetime-dateTimeInputWidget-handle, | |||
.ui-widget input, | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header, | |||
#mw-scribunto-input, | |||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions, | |||
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees, | |||
.ext-growthExperiments-NumberInput__input:enabled, | |||
.cdx-dialog__header--default, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle, | |||
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle:hover, | |||
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer, | |||
.ext-communityConfiguration-JsonForm__footer-wrapper, | |||
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips, | |||
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, | |||
.cdx-select:enabled, | |||
.cdx-select:enabled:hover, | |||
.cdx-text-input__input:enabled, | |||
.oo-ui-toolbar-bar, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip, | |||
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions { | |||
background: var(--ooui-bg-color); | |||
} | } | ||
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content, | |||
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable, | |||
.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-tagMultiselectWidget-outlined .oo-ui-inputWidget-input, | |||
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, | |||
.ace_mobile-button:active, | |||
.ace_mobile-button:hover, | |||
.ace_searchbtn:hover, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-content, | |||
.mw-echo-ui-notificationItemWidget, | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td, | |||
.ext-discussiontools-ui-replyWidget-preview, | |||
#preferences .mw-htmlform-submit-buttons, | |||
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input, | |||
.ace_editor.ace_autocomplete, | |||
.ext-growthExperiments-CPopper__popover, | |||
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer, | |||
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), | |||
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, | |||
.mw-notification, | |||
.oo-ui-popupWidget-popup, | |||
.ui-widget-header, | |||
.ui-widget-content, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable, | |||
div.editOptions, | |||
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group, | |||
.ext-growthExperiments-MenteeFilters__form, | |||
.oo-ui-tagItemWidget.oo-ui-widget-disabled, | |||
.cdx-input-chip, | |||
.ve-init-mw-progressBarWidget { | |||
background: var(--ooui-bg-color-dark); | |||
} | } | ||
.oo-ui- | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, | ||
background: var(--ooui | .cdx-checkbox__icon { | ||
background-color: var(--ooui-bg-color-dark); | |||
} | } | ||
.oo-ui- | .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout, | ||
.mw-special-Contribute .mw-contribute-tabs-content, | |||
.mw-echo-ui-placeholderItemWidget, | |||
.mw-ge-startediting-dialog-intro-general, | |||
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column, | |||
.oo-ui-searchWidget-results, | |||
.mw-rcfilters-ui-tagItemWidget-popup-content, | |||
#ace_settingsmenu, #kbshortcutmenu, | |||
.oo-ui-searchWidget-query, | |||
.mw-ge-startediting-dialog-difficulty-banner, | |||
.mw-ge-help-panel-popup .oo-ui-dialog, | |||
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), | |||
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread, | |||
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded, | |||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane, | |||
.wikiEditor-toolbar-dialog .ui-dialog-content, | |||
.cdx-dialog, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, | |||
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content, | |||
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame, | |||
.oo-ui-toggleSwitchWidget { | |||
background-color: var(--ooui-bg-color-darkened); | |||
} | } | ||
.oo-ui- | .mw-rcfilters-ui-filterMenuSectionOptionWidget, | ||
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, | |||
#ca-nstab-special.selected.mw-list-item, | |||
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line, | |||
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered, | |||
.mw-datatable tr:hover td, | |||
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover, | |||
.wikiEditor-ui-toolbar .booklet > .index > .current, | |||
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision, | |||
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box, | |||
.ext-templatewizard-templatetitlebar, | |||
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, | |||
.thumbinner, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, | |||
.ace-tm .ace_gutter-active-line, | |||
.cdx-input-chip:not(.cdx-input-chip--disabled):hover, | |||
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
background: var(--ooui-bg-color-light); | |||
} | } | ||
.oo-ui- | .wikiEditor-ui-toolbar .booklet > .index > :hover, | ||
.mw-rcfilters-ui-itemMenuOptionWidget:hover, | |||
.mw-highlight .hll, | |||
.ace_button:hover:not(.checked), | |||
.ace_button:active, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | |||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { | |||
background: var(--bg-color-hover); | |||
} | } | ||
.oo-ui- | .oo-ui-menuSelectWidget, | ||
.oo-ui-popupToolGroup-tools, | |||
.mw-widget-dateInputWidget-calendar, | |||
.mw-widgets-datetime-calendarWidget, | |||
.cdx-menu { | |||
background: var(--ooui-gradient); | |||
} | } | ||
.oo-ui- | .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, | ||
.mw-apisandbox-toolbar, | |||
form:not(.oo-ui-layout) fieldset, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, | |||
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), | |||
.ext-WikiEditor-realtimepreview-button:hover, | |||
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header, | |||
.ext-discussiontools-init-publishedcomment { | |||
background: transparent; | |||
} | |||
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend, | |||
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label, | |||
#pagehistory li.selected, | |||
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { | |||
background: var(--bg-color-emerald-subtle); | |||
} | } | ||
. | .approved-revision { | ||
background: var(--bg-color-emerald-subtle) !important; | |||
} | } | ||
.mw- | .cdx-message--success, | ||
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | |||
background-color: var(--bg-color-message); | |||
} | } | ||
. | ul.fileupload-results li.ful-success { | ||
background | background: var(--bg-color-message); | ||
} | } | ||
. | .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { | ||
background: var(-- | background: var(--bg-color-blue-dark); | ||
} | } | ||
.mw-echo-ui-notificationItemWidget-unread, | |||
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice, | |||
.ext-growthExperiments-ScoreCard, | |||
.ext-growthExperiments-MenteeOverview__no-results, | |||
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image, | |||
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header, | |||
.ext-communityConfiguration-Guidelines__Guideline { | |||
background-color: var(--bg-color-notice-subtle); | |||
} | } | ||
.mw-echo-ui-notificationItemWidget-unread:hover { | |||
background: var( | background: var(--bg-color-notice); | ||
} | } | ||
.wikiEditor-ui-text { | |||
background: var(-- | background: var(--theme-bg-color-base); | ||
} | } | ||
. | .ext-WikiEditor-ResizingDragBar, | ||
background: var(-- | .ace_search, | ||
.editOptions, .mw-editform .editOptions { | |||
background: var(--theme-bg-color-100); | |||
} | } | ||
.mw- | .ext-WikiEditor-ResizingDragBar span, | ||
.mw-revslider-revision, | |||
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span, | |||
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { | |||
background: var(--ooui-border-color); | |||
} | } | ||
. | body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close { | ||
background | background: var(--border-color-hr); | ||
} | } | ||
. | .oo-ui-windowManager-modal > .oo-ui-dialog, | ||
.oo-ui-processDialog-errors, | |||
.cdx-dialog-backdrop { | |||
background: rgba(0, 0, 0, var(--alpha-m)); | |||
} | } | ||
.mw | .mw-ui-button:not(:disabled):hover { | ||
background-color: var(--theme-border-color-base); | |||
} | } | ||
.mw | .mw-ui-button { | ||
color: var(--theme-color- | background-color: var(--theme-bg-color-200); | ||
} | } | ||
. | .cdx-message--warning, | ||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { | |||
background: var(--bg-color-warning); | |||
} | } | ||
. | .cdx-message--error, | ||
color | .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error, | ||
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning, | |||
.mw-ui-button.mw-ui-destructive:not(:disabled), | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative { | |||
background: var(--bg-color-error); | |||
} | } | ||
.mw-ui-button.mw-ui-destructive:not(:disabled):hover { | |||
background-color: var(-- | background-color: var(--border-color-error); | ||
} | } | ||
.mw-notification.mw-notification-type-warn, | |||
.mw-destfile-warning { | |||
background-color: var(--bg-color-warning-subtle); | |||
} | } | ||
.ui-widget- | /* border */ | ||
.wikiEditor-ui .wikiEditor-ui-top, | |||
.ext-WikiEditor-ResizingDragBar-ns, | |||
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu, | |||
.mw-apisandbox-help-field, | |||
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty), | |||
.mw-echo-ui-crossWikiUnreadFilterWidget, | |||
.mw-echo-ui-notificationItemWidget:not(:last-child), | |||
.footer-icons a:hover, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending), | |||
.mw-special-Contribute .mw-contribute-card, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle, | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option, | |||
.ext-templatewizard-templatetitlebar, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all, | |||
.mw-ge-help-panel-home-button, | |||
.ace_editor.ace_autocomplete, | |||
.ext-growthExperiments-CPopper__popover, | |||
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision, | |||
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span, | |||
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, | |||
.mw-notification, | |||
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget, | |||
.mw-templateData-template-map-list-menu-panel, | |||
.oo-ui-menuSelectWidget, | |||
.oo-ui-popupToolGroup-tools, | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover, | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, | |||
.mw-rcfilters-ui-menuSelectWidget-footer, | |||
.mw-widget-dateInputWidget-calendar, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, | |||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, | |||
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.mw-widget-dateInputWidget-handle, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable, | |||
div.editOptions, | |||
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, | |||
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2, | |||
.oo-ui-menuToolGroup, | |||
.ve-ui-mwHelpListToolGroup-tools-footer, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { | |||
border-color: var(--ooui-border-color); | |||
} | } | ||
.ui-widget-content | .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout, | ||
.wikiEditor-ui-toolbar .sections .section, | |||
.mw-revslider-container, | |||
color: | .mw-revslider-slider-wrapper, | ||
#mw-searchoptions .divider, | |||
.ace_searchbtn:last-child, | |||
.wikiEditor-ui .wikiEditor-ui-view, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle, | |||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, | |||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child, | |||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, | |||
.ve-ui-symbolListPage-symbol, | |||
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget, | |||
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label, | |||
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group, | |||
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select, | |||
span.fileinput-button, | |||
.ace_button, | |||
.ace_searchbtn, | |||
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget, | |||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, | |||
.growthexperiments-homepage-module, | |||
.oo-ui-toggleSwitchWidget, | |||
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input, | |||
.oo-ui-searchWidget-query, | |||
.mw-ge-startediting-dialog-difficulty-banner, | |||
.mw-ge-help-panel-popup .oo-ui-dialog, | |||
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), | |||
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box, | |||
.ext-templatewizard-templatetitlebar, | |||
.mw-rcfilters-ui-tagItemWidget-popup-content, | |||
.ace_optionsMenuEntry button, | |||
.ace_optionsMenuEntry button[ace_selected_button=true], | |||
.ace_search_field, | |||
.ace_search, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), | |||
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, | |||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, | |||
.oo-ui-popupWidget-popup, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, | |||
#wpDestFile, | |||
#wpUploadDescription, | |||
.mw-widgets-datetime-calendarWidget, | |||
.mw-widgets-datetime-dateTimeInputWidget-handle, | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module, | |||
.ext-growthExperiments-MenteeFilters__form, | |||
.ext-growthExperiments-NumberInput__input:enabled, | |||
.cdx-dialog, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle:hover, | |||
.cdx-menu, | |||
.cdx-checkbox__input:enabled+.cdx-checkbox__icon, | |||
.oo-ui-tagItemWidget.oo-ui-widget-disabled, | |||
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips, | |||
.cdx-input-chip, | |||
.ext-communityConfiguration-Features__Feature, | |||
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, | |||
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | |||
.cdx-select:enabled, | |||
.cdx-select:enabled:hover, | |||
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header, | |||
.cdx-text-input__input:enabled, | |||
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar, | |||
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td, | |||
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, | |||
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | |||
.wikiEditor-ui-toolbar .page-characters div span, | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
border-color: var(--ooui-border-color-light); | |||
} | } | ||
.ui-widget- | .mw-rcfilters-ui-watchlistTopSectionWidget-separator, | ||
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight, | |||
.mw-revslider-revision-border-box, | |||
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover, | |||
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator, | |||
.mw-rcfilters-ui-datePopupWidget, | |||
.oo-ui-searchWidget-query, | |||
.ext-replacetext-searchoptions .ext-replacetext-divider, | |||
.ve-ui-symbolListPage-symbol:hover, | |||
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section, | |||
#preferences .mw-htmlform-submit-buttons, | |||
.mw-revslider-revision, | |||
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread, | |||
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, | |||
.ext-growthExperiments-HorizontalDivider, | |||
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro, | |||
.ext-communityConfiguration-JsonForm__footer, | |||
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover, | |||
.cdx-text-input__input:enabled:hover, | |||
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar, | |||
.ext-discussiontools-emptystate:not(:first-child), | |||
.wikiEditor-ui-toolbar .page-table td { | |||
border-color: var(--border-color-hr); | |||
} | } | ||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label, | |||
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button, | |||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, | |||
color: | .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button, | ||
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { | |||
border-color: transparent; | |||
} | } | ||
. | .cdx-message--success, | ||
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { | |||
border-color: var(--border-color-message); | |||
} | } | ||
. | .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete, | ||
.cdx-message--warning, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { | |||
border-color: var(--border-color-warning); | |||
} | } | ||
. | .mw-ui-button:not(:disabled) { | ||
border | border-color: var(--theme-border-color-base); | ||
} | } | ||
. | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | ||
border: | border-color: var(--ooui-bg-color); | ||
} | } | ||
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice, | |||
.ext-growthExperiments-ScoreCard, | |||
.ext-growthExperiments-MenteeOverview__no-results { | |||
border-color: var(--bg-color-notice); | |||
} | } | ||
.ui- | .cdx-message--error, | ||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error, | |||
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning, | |||
.mw-ui-button.mw-ui-destructive:not(:disabled), | |||
.mw-ui-button.mw-ui-destructive:not(:disabled):hover { | |||
border-color: var(--border-color-error); | |||
} | } | ||
. | .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button, | ||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { | |||
border-right-color: var(--ooui-border-color); | |||
} | } | ||
. | .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { | ||
border-left-color: var(--ooui-border-color); | |||
} | } | ||
. | .mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget { | ||
border: 1px solid var(--ooui-border-color); | |||
} | } | ||
. | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, | ||
border: 1px solid | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span { | ||
border: 1px solid var(--border-color-hr); | |||
} | } | ||
.mw- | .editOptions,.mw-editform .editOptions, | ||
.ui-widget input, | |||
#mw-scribunto-input, | |||
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button { | |||
border: 1px solid var(--ooui-border-color-light); | |||
} | } | ||
. | .growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer { | ||
border-color: var(--bg-color-notice-subtle); | |||
} | } | ||
.mw- | .mw-notification.mw-notification-type-warn, | ||
.mw-destfile-warning { | |||
border-color: var(--bg-color-warning); | |||
} | } | ||
. | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { | ||
border-bottom-color: var(--ooui-border-color-light); | |||
} | } | ||
. | .ext-discussiontools-init-publishedcomment { | ||
border: 1px solid var(--border-color-message); | |||
} | } | ||
. | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { | ||
border-bottom-color: var(--ooui-bg-color-light); | |||
} | } | ||
. | .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { | ||
border-top-color: var(--ooui-border-color-light); | |||
} | } | ||
. | .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { | ||
border-top-color: var(--ooui-bg-color-light); | |||
} | } | ||
. | /* Стили с color-contrast */ | ||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, | |||
.mw-ui-button.mw-ui-progressive:not(:disabled):hover, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { | |||
background: var(--color-contrast); | |||
} | } | ||
. | .mw-ui-button.mw-ui-progressive:not(:disabled):hover, | ||
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active, | |||
span.fileinput-button:hover, | |||
.ace_optionsMenuEntry button:hover, | |||
.ace_button.checked, | |||
.ace_editor.ace_autocomplete .ace_line-hover, | |||
.ui-state-default:hover, | |||
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.mw-body h1.firstHeading, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, | |||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, | |||
.ext-growthExperiments-NumberInput__input:enabled:hover, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | |||
.ve-init-mw-progressBarWidget { | |||
border-color: var(--color-contrast); | |||
} | } | ||
. | .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, | ||
.ace_searchbtn_close:hover, | |||
.ext-WikiEditor-ResizingDragBar:hover span, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-popupToolGroup-handle, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle, | |||
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, | |||
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active, | |||
span.fileinput-button:hover, | |||
.ace_optionsMenuEntry button:hover, | |||
.ace_button.checked, | |||
.ace_editor.ace_autocomplete .ace_line-hover, | |||
.ui-state-default:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.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:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, | |||
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'], | |||
.ve-ce-linkAnnotation.ve-ce-annotation-active, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { | |||
background: var(--color-contrast-dark); | |||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, | |||
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'], | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { | |||
border-color: var(--color-contrast-dark); | |||
} | } | ||
. | .cdx-menu-item--enabled.cdx-menu-item--selected { | ||
color | background: var(--color-contrast2); | ||
} | } | ||
. | ul li.selected:not(.init), | ||
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | |||
.mw-portlet-body #ca-move.selected, | |||
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted, | |||
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover, | |||
.cdx-menu-item--enabled.cdx-menu-item--highlighted { | |||
background: var(--color-contrast2-dark); | |||
} | } | ||
. | /* box-shadow */ | ||
.ve-ce-linkAnnotation.ve-ce-annotation-active, | |||
.oo-ui-menuSelectWidget, | |||
.oo-ui-popupToolGroup-tools, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable, | |||
.ext-growthExperiments-MenteeFilters__form { | |||
box-shadow: var(--box-shadow); | |||
} | } | ||
. | .wikiEditor-ui-toolbar, | ||
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, | |||
.mw-notification { | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
#ace_settingsmenu, #kbshortcutmenu { | |||
box-shadow: var(--box-shadow-high); | |||
} | } | ||
. | .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { | ||
box-shadow: var(--box-shadow-inset); | |||
} | } | ||
. | .ace_optionsMenuEntry button, | ||
.ace_optionsMenuEntry button[ace_selected_button=true] { | |||
box-shadow: var(--box-shadow-inset-high); | |||
} | } | ||
. | /* color */ | ||
color: | .mw-echo-ui-pageNotificationsOptionWidget-label-count, | ||
#contentSub, | |||
.mw-templatedata-doc-muted, | |||
.mw-templatedata-doc-param-alias, | |||
.oo-ui-labelWidget.oo-ui-inline-help, | |||
.wikiEditor-ui-toolbar .group .label, | |||
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-section-header, | |||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, | |||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters, | |||
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description, | |||
.results-info, | |||
.mw-search-result-data, | |||
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title, | |||
.tdg-templateDataParamWidget-param-description, | |||
.mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, | |||
.mw-echo-ui-notificationItemWidget-content-message-body, | |||
.ext-growthExperiments-CText--color-subtle, | |||
.growthexperiments-homepage-module .growthexperiments-homepage-module-subheader, .growthexperiments-homepage-module h3.growthexperiments-homepage-module-subheader, | |||
.oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-create .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-section-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-link-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, | |||
.mw-ge-homepage-taskTypeSelectionWidget-create-body, | |||
.mw-ge-suggestededits-articleCountWidget .oo-ui-labelWidget, | |||
.mw-ge-startediting-dialog-progress-label, | |||
.mw-ge-startediting-dialog-progress-indicator, | |||
.mw-ge-startediting-dialog-difficulty-legend-description-body, | |||
.mw-ge-help-panel-home-button-text-subheader, | |||
.mw-ge-help-panel-processdialog label > strong, | |||
.mw-ge-help-panel-processdialog h2, | |||
.ext-discussiontools-init-timestamplink, .ext-discussiontools-init-timestamplink:visited, .ext-discussiontools-init-timestamplink:active, | |||
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2-metaitem, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem, | |||
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label, | |||
.mw-ge-help-panel-popup-search-search-result div, | |||
.ext-discussiontools-ui-replyWidget-preview::before, | |||
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary, | |||
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc, | |||
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label, | |||
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module h3, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions .growthexperiments-mentor-dashboard-module-mentor-tools-claim-mentee-footer, | |||
.growthexperiments-mentor-dashboard-module-mentee-overview h4, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools h4, | |||
.suggested-edits-task-explanation-wrapper .suggested-edits-short-description, | |||
.growthexperiments-homepage-mentorship-editcount, .growthexperiments-homepage-module-mentorship-optin-editcount, .growthexperiments-homepage-mentorship-lastactive, .growthexperiments-homepage-module-mentorship-optin-lastactive, | |||
.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text, | |||
.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag, .cdx-label:not(.cdx-label--disabled) .cdx-label__description, | |||
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=false], | |||
.ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, | |||
.mw-ge-help-panel-home-button-preheader-text, | |||
.mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3, | |||
.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on { | |||
color: var(--ooui-text-color-dark); | |||
} | } | ||
. | .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, | ||
color: | .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column, | ||
.oo-ui-searchWidget-results, | |||
.footer-icons a:hover, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending), | |||
.mw-special-Contribute .mw-contribute-card, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle, | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option, | |||
.ext-templatewizard-templatetitlebar, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all, | |||
.mw-ge-help-panel-home-button, | |||
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select, | |||
span.fileinput-button, | |||
.ace_button, | |||
.ace_searchbtn, | |||
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget, | |||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, | |||
.growthexperiments-homepage-module, | |||
.oo-ui-searchWidget-query, | |||
.mw-ge-startediting-dialog-difficulty-banner, | |||
.mw-ge-help-panel-popup .oo-ui-dialog, | |||
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), | |||
.ace_editor.ace_autocomplete, | |||
.ext-growthExperiments-CPopper__popover, | |||
.mw-rcfilters-ui-tagItemWidget-popup-content, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip, | |||
#ace_settingsmenu, #kbshortcutmenu, | |||
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer, | |||
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor, | |||
.cdx-message, | |||
.mw-message-box, | |||
.wikiEditor-ui-toolbar .booklet > .index, | |||
.ace_searchbtn.prev:after, | |||
.ace_searchbtn.next:after, | |||
.wikiEditor-ui-toolbar .group .tool-select .label, | |||
.mw-special-Contribute .mw-contribute-card-content, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, | |||
.wikiEditor-ui-toolbar .page-table th, | |||
.wikiEditor-ui-toolbar .page-table td, | |||
#ca-nstab-mediawiki.a, | |||
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label, | |||
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget, | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.mw-widget-calendarWidget-day-heading, | |||
.mw-widget-calendarWidget-day, | |||
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label, | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, | |||
.oo-ui-messageDialog-message, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active, | |||
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label, | |||
.oo-ui-tabOptionWidget, | |||
.mw-echo-ui-notificationItemWidget-content-message-header, | |||
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-text, | |||
p.mw-ge-homepage-taskTypeSelectionWidget-difficulty-level-desc, | |||
.suggested-edits-topic-filters-topic-selector h4, .suggested-edits-topic-filters-topic-selector p, | |||
.mw-ge-startediting-dialog-intro-general-title, .mw-ge-startediting-dialog-intro-general-header, | |||
.mw-ge-startediting-dialog-difficulty-header, | |||
.mw-ge-startediting-dialog-difficulty-legend-description-header, | |||
.mw-ge-help-panel-processdialog .oo-ui-window-head .oo-ui-processDialog-title, | |||
.mw-ge-help-panel-processdialog .mw-ge-help-panel-home-button h2, | |||
.mw-ge-help-panel-popup .oo-ui-dialog, | |||
.oo-ui-toolbar-bar, | |||
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label > span, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), | |||
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, | |||
.mw-notification, | |||
.ace_search, | |||
.ace_search_field, | |||
#pagehistory li.selected, | |||
.oo-ui-popupWidget-popup, | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-title, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, | |||
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, | |||
.ui-widget-header, | |||
.ui-widget-content, | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label, | |||
#mw-scribunto-input, | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, | |||
.search-types .current a, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable, | |||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module .growthexperiments-mentor-dashboard-module-header, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle, | |||
.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content, | |||
.oo-ui-tagItemWidget.oo-ui-widget-disabled, | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level, | |||
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text, | |||
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-pager, | |||
.suggested-edits-mobile-peek-content .suggested-edits-header-text h4, .suggested-edits-panel-header .suggested-edits-header-text h4, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main, .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main-multiple, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer-text, | |||
.suggested-edits-taskexplanation-difficulty-and-time p, .suggested-edits-taskexplanation-additional-info p, | |||
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro, | |||
.cdx-input-chip, | |||
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, | |||
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text, | |||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark, | |||
.wikiEditor-ui-toolbar .page-characters div span { | |||
color: var(--ooui-text-color); | |||
} | } | ||
. | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | ||
color: | .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover, | ||
.wikiEditor-ui-toolbar .booklet > .index > .current, | |||
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group, | |||
.oo-ui-processDialog-errors-title, | |||
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | |||
.mw-echo-ui-notificationItemWidget-content-actions-timestamp, | |||
.growthexperiments-homepage-module .growthexperiments-homepage-module-header, .growthexperiments-homepage-module h2.growthexperiments-homepage-module-header, | |||
.mw-ge-startediting-dialog-progress-indicator-completed, | |||
.oo-ui-messageDialog-title, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, | |||
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active, | |||
span.fileinput-button:hover, | |||
.ace_optionsMenuEntry button:hover, | |||
.ace_button.checked, | |||
.ace_editor.ace_autocomplete .ace_line-hover, | |||
.ui-state-default:hover, | |||
.wikiEditor-ui-toolbar, | |||
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, | |||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, | |||
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input, | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover, | |||
.editOptions, .mw-editform .editOptions, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, | |||
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'], | |||
#wpDestFile, | |||
#wpUploadDescription, | |||
.mw-widgets-datetime-dateTimeInputWidget-handle, | |||
.ui-widget input, | |||
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context, | |||
.mw-widget-dateInputWidget-handle, | |||
.ext-growthExperiments-NumberInput__input:enabled, | |||
.cdx-select-vue--enabled .cdx-select-vue__handle:hover, | |||
.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description, | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium, | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard, | |||
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy, | |||
.cdx-chip-input__input, | |||
.cdx-select:enabled, | |||
.cdx-select:enabled:hover, | |||
.cdx-text-input__input:enabled, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted, | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
color: var(--ooui-text-color-light); | |||
} | } | ||
. | .wikiEditor-ui-toolbar .tabs span.tab a, | ||
.mw-special-Contribute .mw-contribute-card-action, | |||
ul.fileupload-results li.ful-success a { | |||
color: var(--text-color-link); | |||
} | } | ||
. | .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label, | ||
.ext-growthExperiments-ScoreCards__link:visited, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { | |||
color: var(--color-progressive); | |||
} | } | ||
. | /* border-radius */ | ||
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded, | |||
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button, | |||
.mw-widgets-datetime-dateTimeInputWidget-handle, | |||
.cdx-input-chip { | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
. | .oo-ui-tagItemWidget { | ||
border-radius: var(--border-radius-medium); | |||
} | } | ||
. | .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget, | ||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { | |||
border-radius: var(--border-radius-high) var(--border-radius-high) 0 0; | |||
} | } | ||
. | /* Остальное */ | ||
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark { | |||
mix-blend-mode: unset; | |||
} | } | ||
. | .ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug { | ||
outline-color: var(--border-color-hr); | |||
} | } | ||
.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { | |||
height: 100%; | |||
} | } | ||
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .oo-ui-dropdownWidget { | |||
display: inline-block; | |||
padding-top: 0; | |||
} | } | ||
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | |||
margin-left: 6px; | |||
} | } | ||
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button { | |||
margin: 0.35em 0.2em 0.25em 0; | |||
} | } | ||
#footer-poweredbyico a { | |||
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a); | |||
background-position: 50% 50%; | |||
background-size: 88px 31px; | |||
background-repeat: no-repeat; | |||
} | |||
body:not(.wgl-theme-light) #footer-poweredbyico a img { | |||
visibility: hidden; | |||
} | } | ||
. | .ace_search { | ||
padding: 6px 4px 2px 4px; | |||
} | } | ||
. | .ace_search_field { | ||
margin: 0 2px 0 0 !important; | |||
} | } | ||
. | .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, | ||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { | |||
text-shadow: none; | |||
} | } | ||
. | .mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget { | ||
padding: 0.6em; | |||
} | } | ||
. | .mw-changeslist-legend { | ||
max-width: 300px; | |||
} | |||
.mw-changeslist-legend { | |||
display: none; | |||
} | |||
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend { | |||
display: block; | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, | ||
.mw-rcfilters-ui-itemMenuOptionWidget-label-title, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc { | |||
cursor: pointer; | |||
} | } | ||
. | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] { | ||
margin: 0; | |||
} | } | ||
. | .oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.mw-prefs-fieldset-wrapper { | ||
padding: 1em; | |||
} | } | ||
. | .oo-ui-pendingElement-pending { | ||
--background-color-interactive: var(--ooui-bg-color); | |||
--background-color-base: var(--ooui-border-color-light); | |||
} | } | ||
. | .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span { | ||
border-width: 2px; | |||
} | } | ||
.mw- | .mw-prefs-search-highlight { | ||
background: transparent !important; | |||
background: | outline: 2px solid var(--bg-color-emerald-50) !important; | ||
border-radius: 0 !important; | |||
} | } | ||
. | .wikiEditor-ui-text textarea#wpTextbox1 { | ||
border: none; | |||
background: var(--theme-bg-color-base); | |||
} | } | ||
. | .ace_search_form.ace_nomatch { | ||
outline: 1px solid #922626 | |||
} | } | ||
. | .wikiEditor-ui-toolbar .section-secondary .group.empty { | ||
display: none; | |||
} | } | ||
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { | |||
top: 2px; | |||
} | } | ||
# | #pagehistory li.selected { | ||
outline: none; | |||
} | } | ||
#mw- | #mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff { | ||
clear: both; | |||
} | } | ||
.mw-tag-markers { | |||
font-style: italic; | |||
font-size: 90% | |||
} | } | ||
/* #endregion */ | |||
. | /* ============ */ | ||
background: var(--theme-bg) | /* #region Неотсортированные */ | ||
/* ============ */ | |||
form.createbox:invalid .cdx-button { | |||
background-color: var(--theme-bg-color-200) !important; | |||
color: var(--theme-text-color) !important; | |||
border-color: var(--theme-bg-color-200) !important; | |||
} | } | ||
. | .noExternal>.external { | ||
padding-right: 0px !important; | |||
background-image: none !important; | |||
} | } | ||
.mw- | .mw-mmv-image>*, .fullImageLink>*>* { | ||
image-rendering: auto !important; | |||
} | } | ||
. | .mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external { | ||
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right; | |||
padding-right: 18px | |||
} | } | ||
. | .nounderlines a,.IPA a:link,.IPA a:visited { | ||
text-decoration: none !important | |||
} | } | ||
.nowrap,.nowraplinks a { | |||
white-space: nowrap | |||
} | } | ||
. | .wrap,.wraplinks a { | ||
white-space: normal | |||
} | } | ||
. | .thumbinner { | ||
min-width: 100px; | |||
border-color: var(--ooui-border-color); | |||
} | } | ||
. | .thumbinner .thumbimage, .thumbborder { | ||
border: solid 1px var(--ooui-border-color); | |||
} | |||
} | |||
. | ul.permissions-errors>li { | ||
list-style: none none | |||
} | } | ||
. | ul.permissions-errors { | ||
margin: 0 | |||
} | } | ||
. | span.texhtml { | ||
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif; | |||
font-size: 118%; | |||
line-height: 1; | |||
white-space: nowrap; | |||
-moz-font-feature-settings: "lnum","tnum","kern" 0; | |||
-webkit-font-feature-settings: "lnum","tnum","kern" 0; | |||
font-feature-settings: "lnum","tnum","kern" 0; | |||
font-variant-numeric: lining-nums tabular-nums; | |||
font-kerning: none | |||
} | } | ||
. | span.texhtml span.texhtml { | ||
font-size: 100% | |||
} | } | ||
. | span.mwe-math-mathml-inline { | ||
font-size: 118% | |||
} | } | ||
. | .mwe-math-fallback-image-display,.mwe-math-mathml-display { | ||
margin-left: 1.6em !important; | |||
margin-top: 0.6em; | |||
margin: | margin-bottom: 0.6em | ||
} | } | ||
. | .mwe-math-mathml-display math { | ||
display: inline | |||
} | } | ||
. | .k-player .k-attribution { | ||
visibility: hidden | |||
} | } | ||
.PopUpMediaTransform a .play-btn-large { | |||
margin: 0; | |||
} | top: auto; | ||
right: auto; | |||
bottom: 0; | |||
left: 0 | |||
} | |||
. | .flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox { | ||
display: none | |||
} | } | ||
#site-tools { | |||
display: none !important | |||
} | } | ||
. | span.comment { | ||
overflow-wrap: break-word | |||
} | } | ||
.mw-content-ltr .tocnumber { | |||
color: grey | |||
} | |||
.quickbox { | |||
border: 1px solid var(--ooui-border-color); | |||
} | |||
.quickboxhead { | |||
border-bottom: 1px solid var(--ooui-border-color); | |||
background: var(--theme-bg-color-base); | |||
text-align: center | |||
} | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
color: var(--ooui-bg-color); | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none { | |||
background: var(--ooui-border-color-light); | |||
} | border: 1px solid var(--color-contrast); | ||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | |||
border-color: var(--ooui-bg-color-light); | |||
} | } | ||
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot { | |||
outline-color: var(--ooui-border-color); | |||
} | } | ||
.mw- | .mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel { | ||
display: flex; | |||
align-items: center; | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | ||
outline: 1px solid var(--ooui-border-color); | |||
} | } | ||
.mw- | .mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table { | ||
font-size: 0.9em; | |||
} | } | ||
. | .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle { | ||
margin: 0; | |||
} | } | ||
. | .oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout { | ||
margin: 0.5em 0; | |||
} | } | ||
. | .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { | ||
box-shadow: none; | |||
} | } | ||
. | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
font-weight: bold; | |||
} | } | ||
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { | |||
display: flex; | |||
align-items: center; | |||
} | } | ||
.group.group-search { | |||
. | |||
border: none; | border: none; | ||
} | } | ||
. | .editOptions, .mw-editform .editOptions { | ||
border-top: none; | |||
border- | |||
} | } | ||
.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text { | |||
background: var(--ooui-border-color); | |||
background: | |||
} | } | ||
.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight { | |||
padding-right: 0.3em; | |||
padding-left: 0.3em; | |||
} | } | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { | |||
padding: 0; | |||
.mw- | |||
} | } | ||
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { | |||
. | border-color: var(--ooui-border-color); | ||
display: flex; | |||
align-items: center; | |||
padding: 0; | |||
gap: 2px; | |||
} | } | ||
@media screen { | |||
.mw-body-content .recipeimg a > img { | |||
padding: 0; | |||
margin: 0; | |||
border: 0; | |||
width: 32px !important; | |||
max-width: 32px !important; | |||
height: 32px !important; | |||
max-height: 32px !important | |||
} | |||
} | } | ||
.positive { | |||
color: #00FF00; | |||
font-weight: bold | |||
} | } | ||
.negative { | |||
color: #FF0000; | |||
font-weight: bold | |||
} | } | ||
.anglerect { | |||
--angle-rect-clip-size: 16px; | |||
clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size))) | |||
} | } | ||
.flex { | |||
display: flex | |||
} | } | ||
.mw-body dd { | |||
margin: 0.2em; | |||
margin-left: 1.6em | |||
} | } | ||
ol.references li:target,sup.reference:target { | |||
background: var(--ooui-bg-color-light); | |||
padding: 0px 1px 3px 1px; | |||
background: | |||
} | } | ||
.oo-ui-messageDialog-content > .oo-ui-window-foot { | |||
outline-color: var(--ooui-border-color); | |||
} | } | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover { | |||
z-index: 1; | |||
} | } | ||
.oo-ui-comboBoxInputWidget-field { | |||
display: flex; | |||
align-items: center; | |||
} | } | ||
# | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, | ||
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after { | |||
margin: 0; | |||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { | |||
box-shadow: inset var(--box-shadow-medium); | |||
} | } | ||
.ui-widget-overlay { | |||
background: # | background: #000000; | ||
} | } | ||
.ui-widget-header { | |||
border: none !important; | |||
} | } | ||
.ui-widget-content { | |||
border: 1px solid var(--ooui-border-color) !important; | |||
} | } | ||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane, | |||
.wikiEditor-toolbar-dialog .ui-dialog-content { | |||
border: none !important; | |||
border | |||
} | } | ||
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context { | |||
background: var(--theme-bg-color-base); | |||
border-color: var(--theme-bg-color-base); | |||
background: | |||
border- | |||
} | } | ||
.diff-addedline .diffchange, .diff-deletedline .diffchange { | |||
border-radius: var(--border-radius-low); | |||
padding: 0.2em 0; | |||
} | } | ||
.diff-deletedline .diffchange { | |||
background: var(--bg-color-yellow-subtle); | |||
background: | |||
} | } | ||
.diff-addedline .diffchange { | |||
background: var(--bg-color-azure-subtle); | |||
} | } | ||
.diff-deletedline { | |||
border-color: var(--bg-color-yellow-150) !important; | |||
border- | |||
} | } | ||
.diff-addedline { | |||
border-color: var(--bg-color-blue-150) !important; | |||
border- | |||
} | } | ||
.codeEditor-status { | |||
clear: both; | |||
width: 100%; | |||
background: var(--theme-bg-color-100); | |||
border-top: 1px solid var(--ooui-border-color-light); | |||
display: table | |||
} | |||
.codeEditor-status-message { | |||
border-left: 1px solid var(--ooui-border-color-light); | |||
border-right: 1px solid var(--ooui-border-color-light); | |||
padding: 0 0.3em; | |||
width: 100%; | |||
border- | display: table-cell | ||
} | } | ||
.overflowed { | |||
margin: 0; | |||
} | } | ||
.scroll-left.overflowed .content-table-left, | |||
.scroll-right.overflowed .content-table-right { | |||
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4); | |||
z-index: 9999; | |||
} | } | ||
.scroll-left.overflowed .content-table-left { | |||
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2); | |||
} | } | ||
.scroll-right.overflowed .content-table-right { | |||
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2); | |||
box-shadow: | |||
} | } | ||
.style-for-sub-numbered-lists ol { | |||
counter-reset: item | |||
} | } | ||
.style-for-sub-numbered-lists li { | |||
display: block | |||
} | } | ||
.style-for-sub-numbered-lists li:before { | |||
content: counters(item,".") ". "; | |||
counter-increment: item | |||
} | } | ||
.section { | |||
display: flex; | |||
flex-wrap: wrap | |||
} | } | ||
.section .col { | |||
flex: 1 1 auto | |||
} | } | ||
.section .line-break { | |||
flex-basis: 100%; | |||
width: 0px; | |||
height: 0px; | |||
overflow: hidden | |||
} | } | ||
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label { | |||
font-weight: bold; | |||
} | } | ||
.mw-datatable th { | |||
background: var(--theme-bg-color-100) | |||
} | } | ||
.pretoclip-copy-button { | |||
float: right | |||
} | } | ||
.mw-scribunto-message { | |||
color: var(--se-cm--xml-tag-color); | |||
} | |||
} | |||
/* | /*Цвета таблиц для разных отделов*/ | ||
# | /* COM */ | ||
background: | #COM.wikitable { | ||
border: 1px solid var(--bg-color-blue-subtle); | |||
} | |||
#COM.wikitable th { | |||
background: var(--bg-color-blue-150); | |||
} | } | ||
#COM.wikitable thead tr th, | |||
# | #COM.wikitable:not(:has(thead)) tr:first-of-type th { | ||
# | |||
position: relative; | position: relative; | ||
background-color | background: var(--bg-color-blue-100); | ||
border-bottom: | border-bottom: 3px solid var(--color-darkened-border); | ||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
# | #COM.wikitable thead + tbody > tr th:first-child { | ||
# | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
#COM.wikitable tr td { | |||
# | background: var(--bg-color-blue-subtle); | ||
} | } | ||
/* | /* MED */ | ||
# | #MED.wikitable { | ||
border: 1px solid var(--bg-color-sky-blue-subtle); | |||
} | } | ||
#MED.wikitable th { | |||
# | background: var(--bg-color-sky-blue-150); | ||
background: | } | ||
#MED.wikitable thead tr th, | |||
#MED.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-sky-blue-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
# | #MED.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | |||
border- | |||
} | } | ||
#MED.wikitable tr td { | |||
background: var(--bg-color-sky-blue-subtle); | |||
# | |||
background: | |||
} | } | ||
/* | /* SRV */ | ||
# | #SRV.wikitable { | ||
border: 1px solid var(--bg-color-green-subtle); | |||
} | } | ||
#SRV.wikitable th { | |||
# | background: var(--bg-color-green-150); | ||
} | } | ||
#SRV.wikitable thead tr th, | |||
#SRV.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-green-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
#SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
#SRV.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
. | |||
} | } | ||
. | #SRV.wikitable tr td { | ||
background: var(--bg-color-green-subtle); | |||
} | } | ||
/* | |||
. | /* ENG */ | ||
#ENG.wikitable { | |||
border: 1px solid var(--bg-color-yellow-subtle); | |||
} | } | ||
. | #ENG.wikitable th { | ||
background: var(--bg-color-yellow-150); | |||
} | } | ||
. | #ENG.wikitable thead tr th, | ||
#ENG.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-yellow-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | |||
. | #ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#ENG.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #ENG.wikitable tr td { | ||
background: var(--bg-color-yellow-subtle); | |||
} | } | ||
/* | |||
. | /* RND */ | ||
#RND.wikitable { | |||
border: 1px solid var(--bg-color-purple-subtle); | |||
} | } | ||
. | |||
#RND.wikitable th { | |||
background: var(--bg-color-purple-150); | |||
} | } | ||
. | #RND.wikitable thead tr th, | ||
#RND.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-purple-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | |||
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
#RND.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | |||
#RND.wikitable tr td { | |||
background: var(--bg-color-purple-subtle); | |||
} | } | ||
/* | /* SUP */ | ||
. | #SUP.wikitable { | ||
border: 1px solid var(--bg-color-brown-subtle); | |||
} | } | ||
. | #SUP.wikitable th { | ||
background: var(--bg-color-brown-150); | |||
background | |||
} | } | ||
. | #SUP.wikitable thead tr th, | ||
#SUP.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-brown-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#SUP.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #SUP.wikitable tr td { | ||
background: var(--bg-color-brown-subtle); | |||
} | } | ||
. | /* SEC */ | ||
#SEC.wikitable { | |||
border: 1px solid var(--bg-color-red-subtle); | |||
} | } | ||
. | #SEC.wikitable th { | ||
background: var(--bg-color-red-150); | |||
} | } | ||
. | #SEC.wikitable thead tr th, | ||
#SEC.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-red-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #SEC.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#SEC.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #SEC.wikitable tr td { | ||
background: var(--bg-color-red-subtle); | |||
} | } | ||
/* | /* BOTANY */ | ||
. | #BOTANY.wikitable { | ||
border: 1px solid | border: 1px solid var(--bg-color-emerald-subtle); | ||
} | } | ||
#BOTANY.wikitable th { | |||
background: var(--bg-color-emerald-150); | |||
} | } | ||
#BOTANY.wikitable thead tr th, | |||
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--bg-color-emerald-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | |||
. | #BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
#BOTANY.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | #BOTANY.wikitable tr td { | ||
background: var(--bg-color-emerald-subtle); | |||
} | } | ||
. | /* MUTATION */ | ||
#MUTATION.wikitable { | |||
border: 1px solid var(--bg-color-violet-subtle); | |||
} | } | ||
. | #MUTATION.wikitable th { | ||
background: var(--bg-color-violet-150); | |||
} | } | ||
. | #MUTATION.wikitable thead tr th, | ||
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
border- | background: var(--bg-color-violet-100); | ||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | |||
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | |||
#MUTATION.wikitable thead + tbody > tr th:first-child { | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | |||
background-color | #MUTATION.wikitable tr td { | ||
background: var(--bg-color-violet-subtle); | |||
} | } | ||
. | /* Стили для заголовков в таблицах с thead */ | ||
#highlighted-header.wikitable thead tr th, | |||
/* Стили для первого ряда в таблицах без thead */ | |||
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | position: relative; | ||
background: var(--theme-bg-color-300); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | /* Стили для последующих строк в таблицах без thead */ | ||
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | |||
/* Стили для последующих строк в таблицах с thead */ | |||
#highlighted-header.wikitable thead + tbody > tr th { | |||
background: var(--bg-color-red-150); | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | /* Серый заголовок и серые ячейки */ | ||
background: | #highlighted-header-classic.wikitable thead tr th, | ||
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--theme-bg-color-300); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | ||
#highlighted-header-classic.wikitable thead + tbody > tr th { | |||
background: var(--theme-bg-color-250); | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
. | /* Холодный цвет ячеек */ | ||
#highlighted-header-cold.wikitable { | |||
border: 1px solid var(--bg-color-azure-subtle); | |||
} | } | ||
. | #highlighted-header-cold.wikitable th { | ||
background: var(--bg-color-azure-150); | |||
} | } | ||
. | #highlighted-header-cold.wikitable thead tr th, | ||
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | position: relative; | ||
background: var(--bg-color-azure-100); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child, | ||
border- | #highlighted-header-cold.wikitable thead + tbody > tr th:first-child { | ||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
#highlighted-header-cold.wikitable tr td { | |||
background: | background: var(--bg-color-azure-subtle); | ||
} | } | ||
. | /* Серый заголовок и темно-красные ячейки TODO: удалить */ | ||
#highlighted-header-dark.wikitable thead tr th, | |||
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
background: var(--theme-bg-color-300); | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | ||
#highlighted-header-dark.wikitable thead + tbody > tr th { | |||
background: var(--bg-color-red-150); | |||
border-left: 3px solid var(--color-darkened-border); | |||
} | } | ||
/* | /* Палитра для Морпехов TODO: палитра в переменных */ | ||
. | #highlighted-header-CM.wikitable thead tr th, | ||
border: | #highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th { | ||
position: relative; | |||
background: #313d45; | |||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | |||
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | |||
#highlighted-header-CM.wikitable thead + tbody > tr th { | |||
background: #355f54; | |||
. | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
. | |||
/* Палитра для Ксеноморфов TODO: палитра в переменных */ | |||
#highlighted-header-xenomorph.wikitable thead tr th, | |||
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th { | |||
position: relative; | |||
border-bottom- | background: #3c1d5f; | ||
border-bottom: 3px solid var(--color-darkened-border); | |||
box-shadow: var(--box-shadow-medium); | |||
} | } | ||
. | #highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th, | ||
#highlighted-header-xenomorph.wikitable thead + tbody > tr th { | |||
background: | background: #5d1c55; | ||
border: | border-left: 3px solid var(--color-darkened-border); | ||
} | } | ||
/* Если не нужен другой стиль кроме цвета */ | |||
#no-highlight { | |||
border-bottom: none !important; | |||
box-shadow: none !important; | |||
} | } | ||
/* КОНЕЦ */ | |||
. | /* Неразрывные пробелы в горизонтальных списках | ||
@источник: https://ru.wikipedia.org/wiki/MediaWiki:Common.css | |||
@Распорстраняется под CC BY-SA 4.0 | |||
@автор: [[Участник:WindEwriX]]*/ | |||
.nowrap, | |||
.nowraplinks a, | |||
.nowraplinks .selflink, | |||
.hlist-items-nowrap dd, | |||
.hlist-items-nowrap dt, | |||
.hlist-items-nowrap li { | |||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* Прекращение действия лицензии CC BY-SA 4.0*/ | |||
/* Style for horizontal lists (separator following item). | |||
. | @source mediawiki.org/wiki/Snippets/Horizontal_lists | ||
margin: 0 | @revision 9 (2016-08-10) | ||
@Распорстраняется под CC BY-SA 4.0 | |||
@author [[User:Edokter]] | |||
*/ | |||
.hlist dl, | |||
.hlist.hlist ol, | |||
.hlist.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
/* Display list items inline */ | |||
/** | .hlist dd, | ||
.hlist dt, | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* Hide | /* Display nested lists inline */ | ||
. | .hlist.inline, | ||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | |||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | |||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | |||
display: inline; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li, | |||
.hlist .mw-empty-elt { | |||
display: none; | display: none; | ||
} | } | ||
/* Generate bullets */ | |||
.hlist dt:after { | |||
content: ": "; | |||
/* | |||
} | } | ||
.hlist dd:after, | |||
.hlist li:after { | |||
content: "\00a0· "; | |||
font-weight: bold; | |||
} | } | ||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | } | ||
/* Add parentheses around nested lists */ | |||
/* | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | ||
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | |||
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal; | |||
} | } | ||
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, | |||
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, | |||
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | } | ||
/* Put ordinals in front of ordered list items */ | |||
/* | .hlist ol { | ||
counter-reset: listitem; | |||
} | } | ||
.hlist ol > li { | |||
counter-increment: listitem; | |||
} | } | ||
.hlist ol > li:before { | |||
content: " " counter(listitem) "\a0"; | |||
} | } | ||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | } | ||
/* Прекращение действия лицензии CC BY-SA 4.0*/ | |||
/* | /* Псевдо-модальное окно (TODO: удалить) */ | ||
.pseudomodal--caller { | |||
cursor:pointer; | |||
} | } | ||
.pseudomodal { | |||
overflow-y: auto; | |||
display: flex; | |||
border | flex-direction: column; | ||
border- | visibility: hidden; | ||
opacity: 0; | |||
background: var(--theme-bg-color-100); | |||
width: 60%; | |||
height: 80%; | |||
border: 1px solid black; | |||
box-shadow: | border-radius: 0.5rem; | ||
padding: 5px 25px; | |||
position: fixed; | |||
margin: auto; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
z-index: 100 !important; | |||
box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6); | |||
} | } | ||
.pseudomodal--caller:focus-within + .pseudomodal { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
.pseudomodal:hover { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
.pseudomodal--header { | |||
text-align: center; | |||
font-size: 1.1em; | |||
position: relative; | |||
} | } | ||
.pseudomodal--header-hr{ | |||
margin: 20px 0; | |||
padding: 0; | |||
height: 0; | |||
border: none; | |||
border-top: 1px solid darkgray; | |||
} | } | ||
.pseudomodal--body{ | |||
height: 100%; | |||
position: relative; | |||
} | } | ||
@media only screen and (max-width: 600px) { | |||
.flex--row-column { | |||
flex-direction:column; width: 50%; margin: auto; | |||
} | |||
} | } | ||
.headerSort::after { | |||
content: "\21C5"; | |||
} | } | ||
.headerSort.headerSortUp::after { | |||
content: "\2191"; | |||
} | } | ||
.headerSort.headerSortDown::after { | |||
content: "\2193"; | |||
} | } | ||
. | .headerSort { | ||
background-size: 0 0 !important; | |||
white-space: nowrap; | |||
} | } | ||
.pseudomodal p { | |||
margin: 0 !important; | |||
. | |||
margin | |||
} | } | ||
/** | |||
* SS220 import | |||
* | |||
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625 | |||
*/ | |||
/* | |||
. | |||
. | |||
/* | /* Hide noscript only elements */ | ||
.client-js *.noscript { | |||
. | |||
. | |||
display: none; | display: none; | ||
} | } | ||
/* SS220 import end*/ | |||
/* | |||
/* #endregion */ | /* #endregion */ | ||