MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (28 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
.notheme { | .notheme { | ||
--font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; | --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; | ||
--header-background: url(' | --header-background: url('images/essentials/Header-background-day.png');/*Header-background*/ | ||
| Line 158: | Line 158: | ||
/* Маркированные списки */ | /* Маркированные списки */ | ||
--list-bullet: url(' | --list-bullet: url('images/essentials/List_bullet.svg'); | ||
--hlist-bullet-color: #000; | --hlist-bullet-color: #000; | ||
--ooui-text: var(--color-base); | |||
--ooui-interface: var(--background-color-interactive-subtle); | |||
--ooui-interface-border: var(--border-color-base); | |||
--ooui-normal: var(--background-color-neutral-subtle); | |||
--ooui-normal--hover: var(--background-color-base); | |||
--ooui-normal-border: var(--border-color-base); | |||
--ooui-progressive: var(--background-color-progressive); | |||
--ooui-progressive--hover: var(--background-color-progressive--hover); | |||
--ooui-accent: var(--link-color); | |||
--ooui-input: var(--background-color-base); | |||
--ooui-input-border: var(--border-color-base); | |||
--ooui-input-border--hover: var(--border-color-interactive); | |||
--ooui-disabled: var(--background-color-disabled); | |||
--ooui-disabled-border: var(--border-color-disabled); | |||
--ooui-disabled-text: var(--color-base); | |||
} | |||
html:has(body.stw-theme-dark) { | |||
color-scheme: dark | |||
} | } | ||
/* DARK THEME - Structorica Dark Theme */ | /* DARK THEME - Structorica Dark Theme */ | ||
:root .stw-theme-dark { | :root .stw-theme-dark { | ||
--header-background: url(' | --header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/ | ||
| Line 260: | Line 285: | ||
/* Маркированные списки */ | /* Маркированные списки */ | ||
--list-bullet: url(' | --list-bullet: url('images/essentials/List_bullet_dark.svg'); | ||
--hlist-bullet-color: #FFF; | --hlist-bullet-color: #FFF; | ||
--ooui-text: var(--color-base); | |||
--ooui-interface: var(--background-color-interactive-subtle); | |||
--ooui-interface-border: var(--border-color-base); | |||
--ooui-normal: var(--background-color-neutral-subtle); | |||
--ooui-normal--hover: var(--background-color-base); | |||
--ooui-normal-border: var(--border-color-base); | |||
--ooui-progressive: var(--background-color-progressive); | |||
--ooui-progressive--hover: var(--background-color-progressive--hover); | |||
--ooui-accent: var(--link-color); | |||
--ooui-input: var(--background-color-base); | |||
--ooui-input-border: var(--border-color-base); | |||
--ooui-input-border--hover: var(--border-color-interactive); | |||
--ooui-disabled: var(--background-color-disabled); | |||
--ooui-disabled-border: var(--border-color-disabled); | |||
--ooui-disabled-text: var(--color-base); | |||
} | } | ||
| Line 270: | Line 313: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | src: local("IBM Plex Sans"), local("IBMPlexSans"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff"); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
| Line 279: | Line 322: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | src: local("IBM Plex Sans"), local("IBMPlexSans"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2"); | ||
unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | ||
font-display: swap; | font-display: swap; | ||
| Line 288: | Line 331: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | src: local("IBM Plex Sans"), local("IBMPlexSans"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2"); | ||
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | ||
font-display: swap; | font-display: swap; | ||
| Line 299: | Line 342: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff"); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
| Line 308: | Line 351: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2"); | ||
unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | ||
font-display: swap; | font-display: swap; | ||
| Line 317: | Line 360: | ||
font-weight: 400; | font-weight: 400; | ||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2"); | ||
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | ||
font-display: swap; | font-display: swap; | ||
| Line 328: | Line 371: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff"); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
| Line 337: | Line 380: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2"); | ||
unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | ||
font-display: swap; | font-display: swap; | ||
| Line 346: | Line 389: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2"); | ||
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | ||
font-display: swap; | font-display: swap; | ||
| Line 357: | Line 400: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff"); | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
| Line 366: | Line 409: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2"); | ||
unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9; | ||
font-display: swap; | font-display: swap; | ||
| Line 375: | Line 418: | ||
font-weight: 600; | font-weight: 600; | ||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | ||
url("/ | url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2"); | ||
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; | ||
font-display: swap; | font-display: swap; | ||
| Line 464: | Line 507: | ||
# | body.stw-theme-dark .mw-collapsible-text, | ||
:where(body.stw-theme-dark) .toctogglelabel, | |||
:where(body.stw-theme-dark) .jslink, | |||
:where(body.stw-theme-dark) .vector-menu-dropdown .mw-list-item a, | |||
:where(body.stw-theme-dark) .mw-body a.external, | |||
:where(body.stw-theme-dark) .mw-body a.extiw, | |||
:where(body.stw-theme-dark) .mw-parser-output a.external, | |||
:where(body.stw-theme-dark) .mw-parser-output a.extiw, | |||
:where(body.stw-theme-dark) a { | |||
color: #90c0fe | |||
} | |||
:where(body.stw-theme-dark) .ext-discussiontools-init-replylink-reply:visited, | |||
:where(body.stw-theme-dark) .ext-discussiontools-init-section-subscribe-link:visited, | |||
:where(body.stw-theme-dark) .mw-body a.external:visited, | |||
:where(body.stw-theme-dark) .mw-body a.extiw:visited, | |||
:where(body.stw-theme-dark) .mw-parser-output a.external:visited, | |||
:where(body.stw-theme-dark) .mw-parser-output a.extiw:visited, | |||
:where(body.stw-theme-dark) a:visited { | |||
color: #9495f4 | |||
} | } | ||
:where(body.stw-theme-dark) a.new, | |||
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits { | |||
color: #ffa4a4 | |||
} | } | ||
:where(body.stw-theme-dark) a.new:visited, | |||
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited { | |||
color: #fb7a7a | |||
} | |||
:where(body.stw-theme-dark) .mw-body a.external:hover, | |||
:where(body.stw-theme-dark) .mw-body a.extiw:hover, | |||
:where(body.stw-theme-dark) .mw-parser-output a.external:hover, | |||
:where(body.stw-theme-dark) .mw-parser-output a.extiw:hover, | |||
:where(body.stw-theme-dark) a:hover { | |||
color: #7e8eff | |||
} | } | ||
. | :where(body.stw-theme-dark) a.new:hover, | ||
. | :where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover { | ||
.mw- | color: #ff8484 | ||
} | } | ||
.mw-parser-output . | :where(body.stw-theme-dark) .mw-body a.external:active, | ||
:where(body.stw-theme-dark) .mw-body a.extiw:active, | |||
:where(body.stw-theme-dark) .mw-parser-output a.external:active, | |||
:where(body.stw-theme-dark) .mw-parser-output a.extiw:active, | |||
:where(body.stw-theme-dark) a.new:active, | |||
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:active, | |||
:where(body.stw-theme-dark) a:active { | |||
color: #faa700 | |||
} | } | ||
.mw- | body.stw-theme-dark .mw-logevent-actionlink a, | ||
. | body.stw-theme-dark .mw-logevent-tool a, | ||
color: # | body.stw-theme-dark .mw-diff-tool a, | ||
body.stw-theme-dark .mw-pager-tools a { | |||
color: #90c0fe !important; | |||
border-radius: 2px; | |||
text-decoration: none; | |||
} | } | ||
body.stw-theme-dark .mw-checkbox-toggle-controls a { | |||
. | color: #90c0fe !important; | ||
color: | |||
} | } | ||
#p-cactions div.vector-menu-content li a, | |||
#mw-panel .portal .vector-menu-content li a, | |||
#p-cactions div.vector-menu-content li a:visited, | |||
#p-cactions div.vector-menu-content li a:active, | |||
#mw-panel .portal .vector-menu-content li a:visited { | |||
color: var(--link-color); | |||
} | |||
nav.vector-menu-tabs li a, | |||
nav.vector-menu-tabs li a:active, | |||
nav.vector-menu-tabs li a:visited, | |||
#mw-panel .portal .vector-menu-content li a:active { | |||
color: var(--color-topbar-text); | |||
} | |||
nav.vector-menu-tabs li.new a, | |||
nav.vector-menu-tabs li.new a:visited, | |||
nav.vector-menu-tabs li.new a:active, | |||
#p-cactions div.vector-menu-content li.new a, | |||
#mw-panel .portal .vector-menu-content li.new a, | |||
#p-cactions div.vector-menu-content li.new a:visited, | |||
#mw-panel .portal .vector-menu-content li.new a:visited, | |||
#p-cactions div.vector-menu-content li.new a:active, | |||
#mw-panel .portal .vector-menu-content li.new a:active { | |||
color: var(--redlink-color); | |||
} | |||
.mw-parser-output a.extiw, | |||
.mw-parser-output a.external { | |||
color: var(--link-color); | |||
} | |||
.mw-parser-output a.extiw:visited, | |||
.mw-parser-output a.external:visited, | |||
.mw-parser-output a.extiw:active, | |||
.mw-parser-output a.external:active { | |||
color: var(--link-color); | |||
} | |||
.mw-parser-output .tweet-name a.external { | |||
color: var(--color-base); | |||
} | |||
.mw-parser-output .tweet-handle a.external, | |||
.mw-parser-output .tweet-date a.external { | |||
color: #4c4c4c; | |||
} | |||
.jsPurgeLink a.external { | |||
color: var(--link-color); | |||
} | |||
| Line 523: | Line 639: | ||
/*** СТАНДАРТНЫЕ КЛАССЫ | /*** СТАНДАРТНЫЕ КЛАССЫ | ||
STANDARD CLASSES ***/ | STANDARD CLASSES ***/ | ||
| Line 595: | Line 709: | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
} | } | ||
body. | body.stw-theme-dark .alternatecells:nth-child(odd) { | ||
background-color: #222; | background-color: #222; | ||
} | } | ||
| Line 602: | Line 716: | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
} | } | ||
body. | body.stw-theme-dark .alternaterows tr:nth-child(even) { | ||
background-color: #222; | background-color: #222; | ||
} | } | ||
| Line 654: | Line 768: | ||
/* -------------------- WIKI EDITOR CodeMirror styling --------------------*/ | |||
/* https://discuss.codemirror.net/t/styling-and-theming-design-discussion/2958 */ | |||
/* -------------------- WIKI EDITOR --------------------*/ | |||
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget { | |||
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget { | |||
color: var(--color-subtle, #54595d); | color: var(--color-subtle, #54595d); | ||
font-weight: 400 | font-weight: 400 | ||
| Line 1,397: | Line 1,505: | ||
/* -------------------- WIKI EDITOR 2 --------------------*/ | /* -------------------- WIKI EDITOR 2 --------------------*/ | ||
.wikiEditor-ui . | |||
.wikiEditor-ui .oo-ui-toolbar-popups { | |||
right: 0 | |||
} | |||
.wikiEditor-ui .ve-init-mw-switchPopupWidget,.wikiEditor-ui .oo-ui-popupToolGroup-tools { | |||
right: 0 !important; | |||
left: unset !important | |||
} | } | ||
. | .wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor { | ||
margin-left: | margin-left: calc(100% - 1.25em); | ||
left: unset !important | |||
} | } | ||
. | .wikiEditor-ui .ext-WikiEditor-realtimepreview-button > a.oo-ui-buttonElement-button { | ||
display: flex; | |||
align-items: center | |||
} | } | ||
.wikiEditor-ui- | |||
.wikiEditor-ui .wikiEditor-ui-view { | |||
margin-left: -1em; | |||
margin-right: -1em; | |||
border: 0 | |||
} | } | ||
.wikiEditor-ui- | .client-js #editform > .wikiEditor-ui .wikiEditor-ui-view { | ||
margin-left: 0; | |||
margin-right: 0 | |||
} | } | ||
. | .client-js #editform { | ||
margin: | margin-left: -1em; | ||
margin-right: -1em | |||
} | } | ||
. | @media screen and (min-width: 982px) { | ||
.wikiEditor-ui .wikiEditor-ui-view { | |||
margin-left:-1.7em; | |||
margin-right: -1.7em | |||
} | |||
.client-js #editform { | |||
margin-left: -1.7em; | |||
margin-right: -1.7em | |||
} | |||
} | } | ||
. | .wikiEditor-ui .wikiEditor-ui-top { | ||
border-bottom: 0 | |||
} | } | ||
. | .wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible { | ||
border-bottom: | border-bottom: 0 | ||
} | } | ||
. | .oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar { | ||
border-bottom: 0; | |||
box-shadow: none | box-shadow: none | ||
} | } | ||
.oo-ui- | .wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { | ||
left: 10px; | |||
} | } | ||
. | .wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { | ||
min-width: 42px; | |||
min-height: 42px; | |||
text-align: center; | |||
} | } | ||
.wikiEditor-ui-toolbar . | .wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .label:after { | ||
height: 42px | |||
} | } | ||
.wikiEditor-ui-toolbar . | .wikiEditor-ui-toolbar .group .label { | ||
line-height: 39px | |||
} | } | ||
.wikiEditor-ui-toolbar . | .wikiEditor-ui-toolbar .group .tool-select .label { | ||
line-height: 42px; | |||
height: 42px | |||
} | } | ||
. | .wikiEditor-ui-toolbar .tabs span.tab { | ||
line-height: 42px | |||
} | } | ||
. | .wikiEditor-ui-toolbar .tabs span.tab a:before { | ||
height: 42px; | |||
left: 6px | |||
} | } | ||
. | .wikiEditor-ui-toolbar .tabs span.tab a { | ||
height: 42px; | |||
padding-left: 22px | |||
} | } | ||
. | .wikiEditor-ui-toolbar .tabs { | ||
margin: 0 | margin: 0 | ||
} | } | ||
. | .ve-init-mw-editSwitch .oo-ui-popupToolGroup { | ||
height: 42px | |||
} | } | ||
.mw- | .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { | ||
padding-top: 42px | |||
} | } | ||
. | .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { | ||
border-bottom: 1px solid #eaecf0; | |||
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2) | |||
} | } | ||
. | .ve-activated .vector-menu-tabs .selected { | ||
box-shadow: none | |||
} | } | ||
.oo-ui-messageDialog-title { | |||
color: #1e1e1e; | |||
font-weight: bold | |||
} | } | ||
.ve-ui-specialCharacterPage h3,.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { | |||
font-weight: bold | |||
font- | |||
} | } | ||
. | .wikiEditor-ui-toolbar .page-characters div span { | ||
border: 1px solid #cbcbcb | |||
} | } | ||
. | .wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td { | ||
padding: 4px | |||
padding: | |||
} | } | ||
. | .wikiEditor-ui-toolbar .page-table td { | ||
border-top: 1px solid #cbcbcb | |||
border- | |||
} | } | ||
. | .mw-editform #wpTextbox1 { | ||
padding-left: 0.8em | |||
} | } | ||
. | .mw-editTools,.templatesUsed,.hiddencats,.limitreport { | ||
padding-left: 1.5em; | |||
padding-right: 1.5em | |||
} | } | ||
.editOptions { | |||
border-top: 0; | |||
border- | border-left: 0; | ||
border-right: 0; | |||
padding: 1.5em | |||
} | } | ||
# | .mw-editform #wpSummaryLabel { | ||
margin: 0 1em | |||
margin | |||
} | } | ||
# | .editOptions > #wpSummaryLabel { | ||
margin: 0 | |||
margin | |||
} | } | ||
.mw-summary-preview { | |||
margin: 0 1em | |||
margin | |||
} | } | ||
. | .editOptions > .mw-summary-preview { | ||
margin: 0 | |||
} | } | ||
. | .mw-editform #editpage-copywarn { | ||
line-height: 1.4; | |||
margin-top: 5px | |||
} | } | ||
. | #wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { | ||
padding: 0.3em | border: 1px solid #c0c2c5; | ||
padding: 0.3em; | |||
border-radius: 3px | border-radius: 3px | ||
} | } | ||
. | body .ui-dialog .ui-widget-header { | ||
background: #ebe9e9 !important; | |||
border: 0; | |||
font-size: 120%; | |||
padding: 0.6em 1.4em 0.6em !important; | |||
margin: 0.5em 0.5em 0 | |||
} | } | ||
.wikieditor-toolbar-field-wrapper { | |||
display: flex; | |||
gap: 6px; | |||
align-items: center; | |||
flex-wrap: wrap | |||
} | } | ||
. | .wikieditor-toolbar-file-alt-help { | ||
background: #f7f7f7; | |||
border: 1px solid #c3c3c3; | |||
font-size: 110%; | |||
padding: 0.4em 1em 0.4em; | |||
border-radius: 2px; | |||
cursor: pointer | |||
} | } | ||
. | .wikieditor-toolbar-file-alt-help:is(:hover,:focus-within) { | ||
color: | background: #eef4ff !important; | ||
border-color: #afc4db !important | |||
} | } | ||
. | .ui-dialog .ui-dialog-buttonpane button { | ||
background: #f7f7f7 !important; | |||
border-color: #c3c3c3 !important; | |||
font-weight: bold; | |||
font-size: 110%; | |||
color: #222222; | |||
padding: 0.3em; | |||
border-radius: 2px; | |||
box-shadow: none | |||
} | } | ||
. | .ui-dialog .ui-dialog-buttonpane button:is(:hover,:focus-within) { | ||
background: #eef4ff !important; | |||
border-color: #afc4db !important | |||
} | } | ||
#wikieditor-toolbar-replace-nomatch { | |||
margin-bottom: | background-color: #f3cece; | ||
border-radius: 4px; | |||
padding: 10px; | |||
margin-bottom: 16px | |||
} | } | ||
#wikieditor-toolbar-replace-emptysearch { | |||
background-color: #e5e7bf; | |||
padding | border-radius: 4px; | ||
padding: 10px; | |||
margin-bottom: 16px | |||
} | } | ||
#wikieditor-toolbar-replace-success { | |||
background-color: #d6ebd2; | |||
padding | border-radius: 4px; | ||
padding: 10px; | |||
margin-bottom: 16px | |||
} | } | ||
#wikieditor-toolbar-replace-invalidregex { | |||
background-color: #efd6f1; | |||
} | border-radius: 4px; | ||
padding: 10px; | |||
margin-bottom: 16px | |||
} | |||
.ve-ui-mwSaveDialog-options { | |||
. | |||
background-color: transparent; | background-color: transparent; | ||
border: 0 | |||
} | } | ||
.ve-ui-mwSaveDialog-summary { | |||
background-color: transparent | |||
} | |||
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget { | |||
padding: 0.3em 0.6em; | |||
border-radius: 3px | |||
} | |||
.cm-mw-toggle-wikieditor .oo-ui-labelElement-label { | |||
display: none | |||
} | |||
/* | |||
#preferences .mw-htmlform-submit-buttons { | |||
background-color: var(--content-background-color) | |||
} | |||
.ext-discussiontools-ui-replyWidget-footer,.ext-discussiontools-init-timestamplink,.ext-discussiontools-init-timestamplink:visited,.ext-discussiontools-init-timestamplink:active,.ext-discussiontools-init-pageframe-latestcomment,.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem { | |||
color: var(--content-secondary-text-color) | |||
} | |||
.mcwiki-header-grass .ext-discussiontools-init-section-subscribe > * { | |||
color: inherit !important | |||
} | } | ||
.ext-discussiontools-replytool-enabled:not(.ns-4) dl,.ext-discussiontools-visualenhancements-enabled dl,.ns-10008 dl,.ns-talk dl { | |||
border-left: 1px dotted #a2a9b1 | |||
border- | |||
} | } | ||
.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,.ext-discussiontools-visualenhancements-enabled dl:has(+ dl),.ext-discussiontools-visualenhancements-enabled dl dl,.ns-10008 dl:has(+ dl),.ns-10008 dl dl,.ns-talk dl:has(+ dl),.ns-talk dl dl { | |||
margin-bottom: -0.5em; | |||
padding-bottom: 0.5em | |||
} | |||
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) :is(dl:has(+ dl),dd) dd:last-child { | |||
margin-bottom: 0 | |||
} | |||
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:first-child:not(:has(> dl:first-child)) { | |||
margin-top: 0.5em; | |||
. | padding-top: 0.5em; | ||
border-top: 1px dotted #a2a9b1 | |||
} | } | ||
. | |||
margin- | body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:not(:last-child):has([data-mw-comment-end]) { | ||
margin-bottom: 0.5em; | |||
padding-bottom: 0.5em; | |||
border-bottom: 1px dotted #a2a9b1 | |||
} | } | ||
/** | .vector-body blockquote { | ||
border-left-color: var(--infobox-header-background-color) | |||
} | |||
border: 1px solid | */ | ||
/** Оформление WikiEditor **/ | |||
.wikiEditor-ui-top { | |||
color: | border: 0 !important; | ||
} | |||
.wikiEditor-ui-toolbar { | |||
border-bottom: 1px solid silver; | |||
} | |||
.wikiEditor-ui-text { | |||
background-color: var(--background-color-base); | |||
} | |||
.wikiEditor-ui-text textarea { | |||
background-color: transparent; | |||
} | |||
/* -------------------- WIKI EDITOR 3 --------------------*/ | |||
/* | /* Fix wikiEditor spacing */ | ||
# | #upload_container { | ||
margin-top: -1px; | |||
width: | } | ||
#upload_div { | |||
margin: 0; | |||
width: auto; | |||
border-width: 1px 0; | |||
box-shadow: none; | |||
} | } | ||
.userButtonsAddons { | |||
border: 1px dotted #aaaaaa !important; | |||
padding: 2px; | |||
font-size: 95%; | /* Prevent page jump from the toolbar loading */ | ||
background-color: transparent !important; | .client-js #editform { | ||
width: 49%; | /* To disable margin collapsing */ | ||
overflow: hidden; | |||
} | |||
.client-js .mw-editform > #wpTextbox1 { | |||
margin-top: 73px; | |||
} | |||
/** Стили для Панели быстрой вставки **/ | |||
#userButtons { | |||
background-color: transparent; | |||
border: 1px solid #76FF76; | |||
font-size: 95%; | |||
width: 100%; | |||
border-collapse: collapse; | |||
color: black; | |||
margin: 1px 0px 1em; | |||
} | |||
#userButtons tr th, table#userButtons * tr th { | |||
background-color: #BBFFBB; | |||
border: 1px solid #76FF76; | |||
font-size: 95%; | |||
padding: 2px; | |||
text-align: center; | |||
} | |||
#userButtons tr td, table#userButtons * tr td { | |||
border: 1px solid #76FF76; | |||
padding: 5px; | |||
} | |||
#userButtons tr td p, table#userButtons * tr td p { | |||
margin-top:0; | |||
margin-bottom:0; | |||
} | |||
#userButtons.collapsible tr th, table#userButtons.collapsible * tr th { | |||
padding-left: 6.5em; | |||
} | |||
/* Стиль разделителей ПБВ */ | |||
#userButtons * hr { | |||
background-color: #76FF76; | |||
width: 100%; | |||
float: left; /* без этого разделители начинались примерно в центре страницы */ | |||
} | |||
.userButtonsAddons { | |||
border: 1px dotted #aaaaaa !important; | |||
padding: 2px; | |||
font-size: 95%; | |||
background-color: transparent !important; | |||
width: 49%; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
color: black; | color: black; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
margin-left: 0px; | margin-left: 0px; | ||
margin-right: 0px; | margin-right: 0px; | ||
margin-top: 1em; | margin-top: 1em; | ||
} | |||
.userButtonsAddons * th, .userButtonsAddons * td { | |||
border:1px dotted #aaaaaa !important; | |||
padding:2px; | |||
background-color:transparent !important; | |||
padding: 0.2em; | |||
} | |||
.userButtonsAddons * th { | |||
text-align:center; | |||
} | |||
/* Скрытие блоков в панели быстрой вставки. Блоки предназначенные для обсуждений не отображаются на обычных страницах, и наоборот. */ | |||
.ns-talk * .userButtons-subject { | |||
display: none; | |||
} | |||
.ns-subject * .userButtons-talk, | |||
.ns-subject * #userButtonsSignature { | |||
display: none; | |||
} | |||
/** Конец стилей Панели быстрой вставки **/ | |||
/** Прочее **/ | |||
/* Иконка маркированных списков */ | |||
ul { | |||
list-style-image: var(--list-bullet); | |||
} | |||
/* Уменьшение интервала после мини-заголовка, созданного через апострофы */ | |||
.page-content p, .page-content section { | |||
margin: 0px 0px 8px; | |||
} | |||
/* -------------------- WIKI EDITOR 3 END --------------------*/ | |||
.cdx-button:enabled, | |||
.mw-ui-button:enabled, | |||
.cdx-button.cdx-button--fake-button--enabled, | |||
.mw-ui-button.cdx-button--fake-button--enabled { | |||
background-color: var(--ooui-normal); | |||
color: var(--ooui-text); | |||
border-color: var(--ooui-normal-border); | |||
} | |||
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), | |||
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active), | |||
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active), | |||
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { | |||
color: var(--ooui-text); | |||
border-color: var(--ooui-accent); | |||
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff; | |||
} | |||
.cdx-button:enabled:hover, | |||
.mw-ui-button:enabled:hover, | |||
.cdx-button.cdx-button--fake-button--enabled:hover, | |||
.mw-ui-button.cdx-button--fake-button--enabled:hover, | |||
.cdx-button:enabled:active, | |||
.mw-ui-button:enabled:active, | |||
.cdx-button.cdx-button--fake-button--enabled:active, | |||
.mw-ui-button.cdx-button--fake-button--enabled:active { | |||
background-color: var(--ooui-normal--hover); | |||
color: var(--ooui-text); | |||
border-color: var(--ooui-normal-border); | |||
} | |||
.cdx-button:enabled:visited, | |||
.mw-ui-button:enabled:visited, | |||
.cdx-button.cdx-button--fake-button--enabled:visited, | |||
.mw-ui-button.cdx-button--fake-button--enabled:visited { | |||
color: var(--ooui-text); | |||
} | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, | |||
.mw-ui-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, | |||
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive, | |||
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled), | |||
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled) { | |||
background-color: var(--ooui-progressive); | |||
color: #fff; | |||
border-color: var(--ooui-progressive); | |||
} | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | |||
.mw-ui-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, | |||
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, | |||
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover, | |||
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover, | |||
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover, | |||
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-progressive--hover); | |||
} | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus, | |||
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus, | |||
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus, | |||
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus, | |||
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus, | |||
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus, | |||
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus, | |||
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus { | |||
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff; | |||
} | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, | |||
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, | |||
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, | |||
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, | |||
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active, | |||
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active, | |||
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active, | |||
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active, | |||
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on, | |||
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on, | |||
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on, | |||
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on, | |||
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on, | |||
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on, | |||
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on, | |||
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-progressive--hover); | |||
box-shadow: none; | |||
} | |||
.cdx-button.cdx-button--action-destructive:not( :disabled ), | |||
.cdx-button.mw-ui-button--action-destructive:not( :disabled ), | |||
.mw-ui-button.cdx-button--action-destructive:not( :disabled ), | |||
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) { | |||
color: #fff; | |||
} | |||
.cdx-button.cdx-button--weight-quiet, | |||
.cdx-button.mw-ui-button--weight-quiet, | |||
.mw-ui-button.cdx-button--weight-quiet, | |||
.mw-ui-button.mw-ui-button--weight-quiet, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive { | |||
color: var(--color-base); | |||
} | |||
.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon, | |||
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { | |||
background-color: var(--ooui-progressive); | |||
border-color: var(--ooui-progressive); | |||
} | |||
.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, | |||
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-progressive--hover); | |||
} | |||
.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, | |||
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-progressive--hover); | |||
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover); | |||
} | |||
.cdx-checkbox__input:enabled:checked:focus:not(:active), | |||
.mw-ui-checkbox__input:enabled:checked:focus:not(:active), | |||
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active), | |||
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-accent); | |||
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff; | |||
} | |||
.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, | |||
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-accent); | |||
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff; | |||
} | |||
.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon { | |||
border-color: var(--ooui-accent); | |||
} | |||
.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon, | |||
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon { | |||
background-color: var(--ooui-progressive--hover); | |||
border-color: var(--ooui-progressive--hover); | |||
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover); | |||
} | |||
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
.cdx-button.cdx-button--weight-quiet:hover, | |||
.cdx-button.mw-ui-button--weight-quiet:hover, | |||
.mw-ui-button.cdx-button--weight-quiet:hover, | |||
.mw-ui-button.mw-ui-button--weight-quiet:hover, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover { | |||
background-color: rgba(0, 24, 73, 0.02745098); | |||
color: var(--color-base); | |||
border-color: transparent; | |||
} | |||
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
.cdx-button.cdx-button--weight-quiet:focus, | |||
.cdx-button.mw-ui-button--weight-quiet:focus, | |||
.mw-ui-button.cdx-button--weight-quiet:focus, | |||
.mw-ui-button.mw-ui-button--weight-quiet:focus, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus { | |||
color: var(--color-base); | |||
} | |||
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet, | |||
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet, | |||
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive, | |||
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive, | |||
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive, | |||
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive, | |||
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive, | |||
.cdx-button.cdx-button--weight-quiet:active, | |||
.cdx-button.mw-ui-button--weight-quiet:active, | |||
.mw-ui-button.cdx-button--weight-quiet:active, | |||
.mw-ui-button.mw-ui-button--weight-quiet:active, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active, | |||
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active, | |||
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active, | |||
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active, | |||
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active, | |||
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active, | |||
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active, | |||
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active, | |||
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active { | |||
background-color: rgba(0, 36, 73, 0.08235294); | |||
color: var(--color-base); | |||
border-color: #72777d; | |||
} | |||
.mw-ui-input:not(:disabled) { | |||
background-color: var(--ooui-input); | |||
color: var(--color-base); | |||
border-color: var(--ooui-input-border); | |||
} | |||
.mw-ui-input:not(:disabled):hover { | |||
border-color: var(--ooui-input-border--hover); | |||
} | |||
.mw-ui-input:not(:disabled):focus { | |||
border-color: var(--ooui-accent); | |||
box-shadow: inset 0 0 0 1px var(--ooui-accent); | |||
} | |||
.mw-ui-input:not(:disabled)::placeholder { | |||
color: var(--byline-color); | |||
} | |||
/* MessageBox template */ | |||
.msgbox { | |||
display: flex; | |||
background: #FCFCFC; | |||
box-sizing: border-box; | |||
align-items: center; | |||
width: auto; | |||
padding: .4em .8em; | |||
margin: 0 auto; | |||
margin-bottom: 1em | |||
} | |||
.msgbox + .msgbox { | |||
border-top: none; | |||
margin-top: -1em; | |||
} | |||
.msgbox:not(.msgbox-subtle) + .msgbox:not(.msgbox-subtle),.msgbox-subtle + .msgbox-subtle { | |||
border-top: none; | |||
margin-top: -1em | |||
} | |||
.msgbox-subtle:has(+ .msgbox-subtle),.msgbox-subtle + .msgbox-subtle { | |||
width: 100% | |||
} | |||
.msgbox .msgbox-iconimage,.msgbox .msgbox-image { | |||
margin: 0 1.5em 0 .5em | |||
} | |||
.msgbox-subtle { | |||
float: right; | |||
clear: right; | |||
margin-left: 1em; | |||
flex-direction: column; | |||
font-size: 95% | |||
} | |||
@media all and (max-width: 511px) { | |||
.msgbox-subtle { | |||
float:none; | |||
margin-left: auto | |||
} | |||
.msgbox + .msgbox { | |||
border-top: none; | |||
margin-top: -1em | |||
} | |||
} | |||
.msgbox-mini { | |||
padding: .4em .5em; | |||
margin: 0 0; | |||
margin-bottom: 1em | |||
} | |||
.msgbox-mini .msgbox-icon { | |||
align-self: flex-start | |||
} | |||
.msgbox-mini .msgbox-iconimage,.msgbox-mini .msgbox-image { | |||
margin: 0 .4em 0 .5em | |||
} | |||
.msgbox-mini .msgbox-text { | |||
font-size: small | |||
} | |||
.msgbox-red { | |||
background: hsl(0,75%,92%); | |||
border-left: 4px solid hsl(0,75%,85%) | |||
} | |||
body.stw-theme-dark .msgbox-red { | |||
background-color: hsl(0,25%,8%); | |||
border-left-color: hsl(0,15%,36%) | |||
} | |||
.msgbox-orange { | |||
background: hsl(40,75%,92%); | |||
border-left: 4px solid hsl(40,75%,85%) | |||
} | |||
body.stw-theme-dark .msgbox-orange { | |||
background-color: hsl(40,25%,8%); | |||
border-left-color: hsl(40,15%,36%) | |||
} | |||
.msgbox-yellow { | |||
background: hsl(60,75%,92%); | |||
border-left: 4px solid hsl(60,75%,85%) | |||
} | |||
body.stw-theme-dark .msgbox-yellow { | |||
background-color: hsl(60,25%,8%); | |||
border-left-color: hsl(60,15%,36%) | |||
} | |||
.msgbox-green { | |||
background: hsl(120,75%,92%); | |||
border-left: 4px solid hsl(120,75%,85%) | |||
} | |||
body.stw-theme-dark .msgbox-green { | |||
background-color: hsl(120,25%,8%); | |||
border-left-color: hsl(120,15%,36%) | |||
} | |||
.msgbox-blue { | |||
background: hsl(215,75%,92%); | |||
border-left: 4px solid hsl(215,75%,85%) | |||
} | |||
body.stw-theme-dark .msgbox-blue { | |||
background-color: hsl(215,25%,8%); | |||
border-left-color: hsl(215,15%,36%) | |||
} | } | ||
. | .msgbox-magenta { | ||
background: hsl(310,75%,92%); | |||
border-left: 4px solid hsl(310,75%,85%) | |||
} | } | ||
. | body.stw-theme-dark .msgbox-magenta { | ||
background-color: hsl(310,25%,8%); | |||
border-left-color: hsl(310,15%,36%) | |||
} | } | ||
.msgbox-purple { | |||
background: hsl(260,75%,92%); | |||
border-left: 4px solid hsl(260,75%,85%) | |||
} | } | ||
. | body.stw-theme-dark .msgbox-purple { | ||
. | background-color: hsl(260,25%,8%); | ||
border-left-color: hsl(260,15%,36%) | |||
} | } | ||
.msgbox-gray { | |||
background: hsl(0,0%,92%); | |||
border-left: 4px solid hsl(0,0%,85%) | |||
} | } | ||
body.stw-theme-dark .msgbox-gray { | |||
background-color: hsl(0,0%,8%); | |||
border-left-color: hsl(0,0%,36%) | |||
} | } | ||