MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (71 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
.skin-invert, | .skin-invert, | ||
.notheme { | .notheme { | ||
--background-color-base: # | --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; | ||
--color-base: # | --header-background: url('images/essentials/Header-background-day.png');/*Header-background*/ | ||
--site-background-color: #303031; | |||
--content-background-color: #ebeef2; | |||
--color-siderbar-base: #f8f9fa; | |||
--color-siderbar-links: #88a3e8; | |||
--color-topbar-text: #f8f9fa; | |||
--link-color: #0645ad; | |||
--redlink-color: #BA0000; | |||
--content-border-top-color: #618404; | |||
--content-border-top-color-hovered: #729b00; | |||
--simplesearch-background-color: #4e52f0; | |||
--simplesearch-top-border-color: #FFFFFF; | |||
--simplesearch-left-border-color: #888888; | |||
--simplesearch-topright-grass-color: #6BA41E; | |||
--searchinput-placeholder-color: #e9efff; | |||
/* Переменные системы дизайна Codex */ | |||
--color-base: #202122; | |||
--color-base-fixed: #202122; | |||
--color-base--hover: #404244; | |||
--color-emphasized: #101418; | |||
--color-subtle: #54595d; | |||
--color-placeholder: #72777d; | |||
--color-disabled: #72777d; | |||
--color-inverted: #fff; | |||
--color-inverted-fixed: #fff; /* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */ | |||
--color-progressive: #36c; /* 'Progressive' Color and states */ | |||
--color-progressive--hover: #4b77d6; | |||
--color-progressive--active: #233566; | |||
--color-progressive--focus: #36c; | |||
--color-destructive: #d73333; /* 'Destructive' Color and states */ | |||
--color-destructive--hover: #fc493b; | |||
--color-destructive--active: #9f3526; | |||
--color-destructive--focus: #36c; | |||
--color-visited: #6a60b0; /* 'Visited' color. In combination with progressive. Used for default links. */ | |||
--color-destructive--visited: #9f5555; /* Red link 'Visited' color. Used for visited red links. */ | |||
--color-error: #d73333; | |||
--color-warning: #eeb533; /* Note, this is only meant for warning icon for contrast reasons. */ | |||
--color-success: #177860; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */ | |||
--color-notice: #202122; | |||
--color-content-added: #006400; | |||
--color-content-removed: #8b0000; | |||
--filter-invert-icon: 0; | |||
--filter-invert-primary-button-icon: 1; | |||
--box-shadow-color-base: #000; | |||
--box-shadow-color-progressive--active: #233566; | |||
--box-shadow-color-progressive--focus: #36c; | |||
--box-shadow-color-progressive-selected: #36c; | |||
--box-shadow-color-progressive-selected--hover: #4b77d6; | |||
--box-shadow-color-progressive-selected--active: #233566; | |||
--box-shadow-color-destructive--focus: #36c; | |||
--box-shadow-color-inverted: #fff; | |||
--box-shadow-color-transparent: transparent; | |||
--background-color-base: #fff; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */ | |||
--background-color-base-fixed: #fff; /* The same as background-color-base in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */ | |||
--background-color-neutral: #eaecf0; | |||
--background-color-neutral-subtle: #f8f9fa; | |||
--background-color-interactive: #eaecf0; | |||
--background-color-interactive-subtle: #f8f9fa; | |||
--background-color-disabled: #c8ccd1; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */ | |||
--background-color-disabled-subtle: #eaecf0; /* Components like TextInputs, Selects…. */ | |||
--background-color-inverted: #101418; | |||
--background-color-progressive: #36c; | |||
--background-color-progressive--hover: #4b77d6; | |||
--background-color-progressive--active: #233566; | |||
--background-color-progressive--focus: #36c; | |||
--background-color-progressive-subtle: #f1f4fd; | |||
--background-color-destructive: #d73333; | |||
--background-color-destructive--hover: #fc493b; | |||
--background-color-destructive--active: #9f3526; | |||
--background-color-destructive--focus: #36c; | |||
--background-color-destructive-subtle: #ffe9e5; | |||
--background-color-error: #d73333; | |||
--background-color-error--hover: #fc493b; | |||
--background-color-error--active: #9f3526; | |||
--background-color-error-subtle: #ffe9e5; | |||
--background-color-warning-subtle: #fdf2d5; | |||
--background-color-success-subtle: #dff2eb; | |||
--background-color-notice-subtle: #eaecf0; | |||
--background-color-content-added: #a3d3ff; | |||
--background-color-content-removed: #ffe49c; | |||
--background-color-transparent: transparent; | |||
--background-color-backdrop-light: rgba( 255, 255, 255, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */ | |||
--background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 ); | |||
--background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 ); | |||
--background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 ); | |||
--background-color-input-binary--checked: #36c; | |||
--background-color-tab-list-item-framed--hover: rgba( 255, 255, 255, 0.3 ); | |||
--background-color-tab-list-item-framed--active: rgba( 255, 255, 255, 0.65 ); | |||
--opacity-icon-base: 0.87; | |||
--opacity-icon-base--hover: 0.74; | |||
--opacity-icon-base--selected: 1; | |||
--opacity-icon-base--disabled: 0.51; | |||
--opacity-icon-placeholder: 0.51; | |||
--opacity-icon-subtle: 0.67; | |||
--border-color-base: #a2a9b1; | |||
--border-color-subtle: #c8ccd1; | |||
--border-color-muted: #dadde3; | |||
--border-color-interactive: #72777d; | |||
--border-color-disabled: #c8ccd1; | |||
--border-color-inverted: #fff; | |||
--border-color-progressive: #36c; | |||
--border-color-progressive--hover: #4b77d6; | |||
--border-color-progressive--active: #233566; | |||
--border-color-progressive--focus: #36c; | |||
--border-color-destructive: #d73333; | |||
--border-color-destructive--hover: #fc493b; | |||
--border-color-destructive--active: #9f3526; | |||
--border-color-destructive--focus: #36c; | |||
--border-color-error: #9f3526; | |||
--border-color-error--hover: #fc493b; | |||
--border-color-warning: #987027; | |||
--border-color-success: #196551; | |||
--border-color-notice: #54595d; | |||
--border-color-content-added: #a3d3ff; | |||
--border-color-content-removed: #ffe49c; | |||
--border-color-transparent: transparent; | |||
--border-color-divider: #a2a9b1; | |||
--outline-color-progressive--focus: #36c; /* Use in places where no more customized focus styles are provided, for example on generic `:focus`. */ | |||
--color-link-red: var( --color-destructive ); /* Red ('new') Link color and states */ | |||
--color-link-red--hover: var( --color-destructive--hover ); | |||
--color-link-red--active: var( --color-destructive--active ); | |||
--color-link-red--focus: var( --color-destructive--focus ); | |||
--color-link-red--visited: var( --color-destructive--visited ); | |||
--border-color-input--hover: var( --border-color-interactive ); | |||
--border-color-input-binary: var( --border-color-interactive ); | |||
--border-color-input-binary--hover: var( --border-color-progressive--hover ); | |||
--border-color-input-binary--active: var( --border-color-progressive--active ); | |||
--border-color-input-binary--focus: var( --border-color-progressive--focus ); | |||
--border-color-input-binary--checked: var( --border-color-progressive ); | |||
/* Навигационные панели */ | |||
--navbox-background-color: #FFF; | |||
--navbox-border-color: #CCC; | |||
--navbox-header-color: #CCC; | |||
--navbox-secondary-header-color: #DDD; | |||
--navbox-tertiary-header-color: #EEE; | |||
--navbox-section-color: #EEE; | |||
/* Маркированные списки */ | |||
--list-bullet: url('images/essentials/List_bullet.svg'); | |||
--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 { | ||
--background-color-base: # | --header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/ | ||
--color-base: | |||
--site-background-color: #161618; | |||
--content-background-color: #2b2f39; | |||
--color-siderbar-base: #f8f9fa; | |||
--color-siderbar-links: #88a3e8; | |||
--color-topbar-text: #f8f9fa; | |||
--link-color: #90c0fe; | |||
--redlink-color: #ba0000; | |||
--content-border-top-color: #678002; | |||
--content-border-top-color-hovered: #7b9904; | |||
--simplesearch-background-color: #3552e5; | |||
--simplesearch-top-border-color: #FFFFFF; | |||
--simplesearch-left-border-color: #888888; | |||
--simplesearch-topright-grass-color: #6BA41E; | |||
--searchinput-placeholder-color: #e9efff; | |||
/* Переменные Codex */ | |||
--color-base: #f8f5f4; | |||
--color-base--hover: #f8f9fa; | |||
--color-emphasized: #f8f9fa; | |||
--color-subtle: #a2a9b1; | |||
--color-inverted: #101418; | |||
--color-progressive: #88a3e8; /* 'Progressive' Color and states */ | |||
--color-progressive--hover: #b0c1f0; | |||
--color-progressive--active: #cbd6f6; | |||
--color-destructive: #fd7865; /* 'Destructive' Color and states */ | |||
--color-destructive--hover: #fea898; | |||
--color-destructive--active: #ffc8bd; | |||
--color-visited: #a799cd; /* 'Visited' color. In combination with progressive. Used for default links. */ | |||
--color-destructive--visited: #c99391; /* Red link 'Visited' color. Used for visited red links. */ | |||
--color-error: #fd7865; | |||
--color-warning: #fecc44; /* Note, this is only meant for warning icon for contrast reasons. */ | |||
--color-success: #2cb491; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */ | |||
--color-notice: #f8f9fa; | |||
--color-content-added: #80cdb3; | |||
--color-content-removed: #fd7865; | |||
--color-base--subtle: #a2a9b1; | |||
--box-shadow-color-base: #fff; | |||
--box-shadow-color-progressive--focus: #6b8edf; | |||
--box-shadow-color-destructive--focus: #6b8edf; | |||
--box-shadow-color-inverted: #000; | |||
--background-color-base: #101418; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */ | |||
--background-color-neutral: #27292d; | |||
--background-color-neutral-subtle: #202122; | |||
--background-color-interactive: #27292d; | |||
--background-color-interactive-subtle: #202122; | |||
--background-color-disabled: #54595d; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */ | |||
--background-color-disabled-subtle: #404244; /* Components like TextInputs, Selects…. */ | |||
--background-color-inverted: #f8f9fa; | |||
--background-color-progressive--focus: #6b8edf; | |||
--background-color-progressive-subtle: #233566; | |||
--background-color-destructive--focus: #6b8edf; | |||
--background-color-destructive-subtle: #612419; | |||
--background-color-error: #fc493b; | |||
--background-color-error--hover: #fd7865; | |||
--background-color-error--active: #fea898; | |||
--background-color-error-subtle: #612419; | |||
--background-color-warning-subtle: #453217; | |||
--background-color-success-subtle: #153d31; | |||
--background-color-notice-subtle: #27292d; | |||
--background-color-content-added: #233566; | |||
--background-color-content-removed: #453217; | |||
--background-color-backdrop-light: rgba( 0, 0, 0, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */ | |||
--background-color-backdrop-dark: rgba( 255, 255, 255, 0.65 ); | |||
--border-color-base: #72777d; | |||
--border-color-subtle: #54595d; | |||
--border-color-muted: #404244; | |||
--border-color-interactive: #a2a9b1; | |||
--border-color-disabled: #54595d; | |||
--border-color-inverted: #101418; | |||
--border-color-progressive--focus: #6b8edf; | |||
--border-color-destructive--focus: #6b8edf; | |||
--border-color-error: #fc493b; | |||
--border-color-error--hover: #fd7865; | |||
--border-color-warning: #fecc44; | |||
--border-color-success: #2cb491; | |||
--border-color-notice: #c8ccd1; | |||
--border-color-content-added: #233566; | |||
--border-color-content-removed: #987027; | |||
/* Навигационные панели */ | |||
--navbox-background-color: #333; | |||
--navbox-border-color: #444; | |||
--navbox-header-color: #111; | |||
--navbox-secondary-header-color: #181818; | |||
--navbox-tertiary-header-color: #222; | |||
--navbox-section-color: #222; | |||
/* Маркированные списки */ | |||
--list-bullet: url('images/essentials/List_bullet_dark.svg'); | |||
--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); | |||
} | |||
/* IBM Plex Sans - Regular (normal) */ | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff"); | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | |||
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; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans"), local("IBMPlexSans"), | |||
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; | |||
font-display: swap; | |||
} | |||
/* IBM Plex Sans - Regular Italic */ | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff"); | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | |||
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; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 400; | |||
src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), | |||
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; | |||
font-display: swap; | |||
} | |||
/* IBM Plex Sans - SemiBold (для bold) */ | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff"); | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | |||
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; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: normal; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), | |||
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; | |||
font-display: swap; | |||
} | |||
/* IBM Plex Sans - SemiBold Italic (для bold italic) */ | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), | |||
url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff"); | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | |||
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; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: "IBM Plex Sans"; | |||
font-style: italic; | |||
font-weight: 600; | |||
src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), | |||
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; | |||
font-display: swap; | |||
} | |||
/** Инверсия цветов в тёмной теме | |||
Invert colors in dark mode **/ | |||
body.stw-theme-dark .darkmode-invert, | |||
body.stw-theme-dark .skin-invert-image img, | |||
body.stw-theme-dark .skin-invert:not(.mw-echo-notificationsWrapper), | |||
body.stw-theme-dark .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), | |||
body.stw-theme-dark .oo-ui-indicatorElement-indicator { | |||
color-scheme: light; | |||
filter: invert(1) hue-rotate(180deg); | |||
} | } | ||
html, body, #root, | |||
.mw-body h1, | |||
.mw-body-content h1, | |||
.mw-body-content h2, | |||
.mw-body-content h3, | |||
.mw-body-content h4, | |||
.mw-body-content h5, | |||
.mw-body-content h6 { | |||
font-family: var(--font-sans); | |||
} | |||
/* Img */ | /* Img */ | ||
| Line 24: | Line 455: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
/** Оформление всего текста | |||
Styles for all text **/ | |||
body { | |||
/* Нормализация размеров табуляции */ | |||
-moz-tab-size: 4; | |||
-o-tab-size: 4; | |||
tab-size: 4; | |||
} | |||
/** Заглавие / Title **/ | |||
/* Отделяет название пространства имён от остального названия страницы | |||
Separate the namespace from the rest of the page’s name */ | |||
.mw-page-title-separator::after { | |||
content: ' '; | |||
} | |||
/** Позволяет скрывать части оглавления | |||
Hideable TOC elements **/ | |||
/* Уровни разделов */ | |||
.toc-hidelevel2 .toclevel-1 ul, | |||
.toc-hidelevel3 .toclevel-2 ul, | |||
.toc-hidelevel4 .toclevel-3 ul, | |||
/* Нумерация */ | |||
.toc-nonumbers .tocnumber { | |||
display: none; | |||
} | |||
a { | |||
color: var(--link-color); | |||
} | |||
a:visited, | |||
a:active { | |||
color: var(--link-color); | |||
} | |||
a.new { | |||
color: var(--redlink-color); | |||
} | |||
a.new:visited { | |||
color: var(--redlink-color); | |||
} | |||
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 { | |||
color: #ff8484 | |||
} | |||
: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 | |||
} | |||
body.stw-theme-dark .mw-logevent-actionlink a, | |||
body.stw-theme-dark .mw-logevent-tool a, | |||
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; | |||
} | |||
#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); | |||
} | |||
/*** СТАНДАРТНЫЕ КЛАССЫ | |||
STANDARD CLASSES ***/ | |||
/** Пиксельное масштабирование изображений и иконок пользователей **/ | |||
.pixel-image, | |||
.sprite, | |||
.sprite img, | |||
.mw-userlink, | |||
.invslot, | |||
.ns-special .gallerybox img, | |||
.ns-14 .gallerybox img, | |||
.filehistory a img, | |||
.mcui, | |||
.gui { | |||
image-rendering: optimizeSpeed; | |||
image-rendering: -webkit-optimize-contrast; | |||
image-rendering: optimize-contrast; | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: -o-crisp-edges; | |||
image-rendering: crisp-edges; | |||
image-rendering: pixelated; | |||
-ms-interpolation-mode: nearest-neighbor; | |||
} | |||
/** Отключить разрыв строки на пробелах **/ | |||
.nowrap { | |||
white-space: nowrap; | |||
} | |||
/** Hide noscript only elements **/ | |||
.noscript { | |||
display: none; | |||
} | |||
/** Скрытие от простых смертных ненужных элементов **/ | |||
.admin_only, | |||
.admin_only_inline, | |||
.admin_only_block, | |||
.admin_only_flex { | |||
display: none !important; | |||
} | |||
/** Только для средств чтения с экрана **/ | |||
.sr-only:not(:focus):not(:active) { | |||
clip: rect(0 0 0 0); | |||
clip-path: inset(50%); | |||
height: 1px; | |||
overflow: hidden; | |||
position: absolute; | |||
white-space: nowrap; | |||
width: 1px; | |||
} | |||
/** Чередующиеся ячейки и строки таблиц | |||
Alternating table cells and rows **/ | |||
/* | |||
.alternatecells:nth-child(odd) { | |||
background-color: #F9F9F9; | |||
} | |||
body.stw-theme-dark .alternatecells:nth-child(odd) { | |||
background-color: #222; | |||
} | |||
.alternaterows tr:nth-child(even) { | |||
background-color: #F9F9F9; | |||
} | |||
body.stw-theme-dark .alternaterows tr:nth-child(even) { | |||
background-color: #222; | |||
} | |||
*/ | |||
/* -------------------- WIKI EDITOR CodeMirror styling --------------------*/ | |||
/* https://discuss.codemirror.net/t/styling-and-theming-design-discussion/2958 */ | |||
/* -------------------- WIKI EDITOR --------------------*/ | |||
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget { | |||
color: var(--color-subtle, #54595d); | |||
font-weight: 400 | |||
} | |||
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget { | |||
display: inline-block; | |||
margin-left: 1em | |||
} | |||
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget:first-child { | |||
margin-left: 0 | |||
} | |||
.wikiEditor-ui { | |||
position: relative; | |||
clear: both; | |||
width: 100% | |||
} | |||
.wikiEditor-ui textarea { | |||
width: 100%; | |||
border: 0 | |||
} | |||
.wikiEditor-ui textarea:focus { | |||
outline: 0 | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-clear { | |||
clear: both | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-view { | |||
border: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-top { | |||
position: relative; | |||
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-left { | |||
float: left; | |||
width: 100% | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-right { | |||
float: right; | |||
background: var(--background-color-neutral-subtle, #f8f9fa); | |||
overflow: hidden | |||
} | |||
.wikiEditor-wikitext { | |||
float: left; | |||
width: 100% | |||
} | |||
.wikiEditor-ui-controls { | |||
float: left; | |||
width: 100%; | |||
background-color: var(--background-color-base, #fff) | |||
} | |||
.wikiEditor-ui-tabs { | |||
float: left; | |||
height: 2.5em; | |||
margin-right: -1px; | |||
background-color: var(--background-color-base, #fff); | |||
border-left: 1px solid var(--border-color-subtle, #c8ccd1); | |||
border-top: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-tabs div { | |||
float: left; | |||
height: 2.5em; | |||
background-color: var(--background-color-interactive-subtle, #f8f9fa); | |||
border-right: 1px solid var(--border-color-subtle, #c8ccd1); | |||
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-tabs div a { | |||
display: inline-block; | |||
padding: 0 0.75em; | |||
line-height: 2.5em; | |||
color: var(--color-progressive, #36c) | |||
} | |||
.wikiEditor-ui-tabs div.current { | |||
border-bottom: 1px solid #fff; | |||
background-color: var(--background-color-base, #fff) | |||
} | |||
.wikiEditor-ui-tabs div.current a { | |||
color: var(--color-base, #202122) | |||
} | |||
.wikiEditor-ui-tabs div.current a:hover { | |||
text-decoration: none | |||
} | |||
.wikiEditor-ui-buttons { | |||
float: right; | |||
height: 2.5em; | |||
margin-right: -1px; | |||
background-color: var(--background-color-base, #fff); | |||
padding-left: 1em; | |||
border-top: 1px solid #fff | |||
} | |||
.wikiEditor-ui-buttons button { | |||
margin-left: 0.5em | |||
} | |||
.wikiEditor-view-wikitext { | |||
line-height: 1em | |||
} | |||
.wikiEditor-ui-toolbar { | |||
position: relative; | |||
display: block; | |||
z-index: 7; | |||
} | |||
.wikiEditor-ui-toolbar .empty { | |||
display: none | |||
} | |||
.wikiEditor-ui-toolbar .sections { | |||
float: left; | |||
width: 100%; | |||
clear: both | |||
} | |||
.wikiEditor-ui-toolbar .sections .section { | |||
float: left; | |||
width: 100%; | |||
border-top: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-toolbar .sections .section-hidden { | |||
display: none | |||
} | |||
.wikiEditor-ui-toolbar .tabs { | |||
float: left; | |||
height: 100%; | |||
list-style: none; | |||
margin: 0 3px; | |||
min-height: 32px; | |||
position: relative | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab { | |||
position: relative; | |||
float: left; | |||
line-height: 32px | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a { | |||
color: var(--color-progressive, #36c); | |||
cursor: pointer; | |||
display: block; | |||
height: 32px; | |||
padding-left: 18px; | |||
padding-right: 12px | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a::before { | |||
content: ''; | |||
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat; | |||
display: block; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 16px; | |||
height: 32px; | |||
transition: transform 100ms | |||
} | |||
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before { | |||
transform: rotate(-90deg) | |||
} | |||
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a::before { | |||
transform: rotate(90deg) | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a:visited { | |||
color: var(--color-progressive, #36c) | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | |||
color: var(--color-base, #202122) | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current:hover, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover { | |||
text-decoration: none | |||
} | |||
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before, | |||
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before, | |||
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before, | |||
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before { | |||
transform: rotate(0) | |||
} | |||
.wikiEditor-ui-toolbar .tabs, | |||
.wikiEditor-ui-toolbar .section-main, | |||
.wikiEditor-ui-toolbar .section-secondary { | |||
position: relative; | |||
float: left; | |||
min-height: 32px; | |||
height: 100% | |||
} | |||
.wikiEditor-ui-toolbar .section-secondary { | |||
float: right | |||
} | |||
.wikiEditor-ui-toolbar .section-secondary .group { | |||
padding-right: 0; | |||
margin-left: 6px; | |||
border-left: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-toolbar .group { | |||
float: left; | |||
display: flex; | |||
min-height: 26px; | |||
padding-right: 6px; | |||
border-right: 1px solid var(--border-color-subtle, #c8ccd1); | |||
margin: 3px; | |||
} | |||
.wikiEditor-ui-toolbar .group .label { | |||
float: left; | |||
border: 0; | |||
height: 22px; | |||
line-height: 22px; | |||
margin: 2px 8px 2px 5px; | |||
color: var(--color-subtle, #54595d); | |||
cursor: default | |||
} | |||
.wikiEditor-ui-toolbar .group img.tool { | |||
float: left; | |||
border: 0; | |||
height: 22px; | |||
width: 22px; | |||
padding: 2px; | |||
cursor: pointer | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select { | |||
float: left; | |||
margin: 2px 0 2px 2px; | |||
height: 22px; | |||
cursor: pointer; | |||
border: 1px solid var(--border-color-subtle, #c8ccd1); | |||
padding: 0; | |||
background-color: var(--background-color-base, #fff) | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label { | |||
position: relative; | |||
padding: 0 26px 0 4px; | |||
margin: 0; | |||
cursor: pointer; | |||
text-decoration: none; | |||
color: var(--color-base, #202122) | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label::after { | |||
content: ''; | |||
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat; | |||
display: block; | |||
position: absolute; | |||
top: 0; | |||
right: 4px; | |||
width: 16px; | |||
height: 22px | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select.options-shown .label::after { | |||
transform: rotate(180deg) | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options { | |||
position: absolute; | |||
display: none; | |||
margin-left: -1px; | |||
margin-top: 22px; | |||
border: 1px solid var(--border-color-subtle, #c8ccd1); | |||
background-color: var(--background-color-base, #fff); | |||
z-index: 1 | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option { | |||
display: block; | |||
padding: 0.5em; | |||
text-decoration: none; | |||
color: var(--color-base, #202122); | |||
white-space: nowrap | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | |||
background-color: #eaf3ff | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2'] { | |||
font-size: 150%; | |||
font-weight: normal | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3'] { | |||
font-size: 132%; | |||
font-weight: normal | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4'] { | |||
font-size: 116%; | |||
font-weight: normal | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5'] { | |||
font-size: 100%; | |||
font-weight: bold | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select:hover .options, | |||
.wikiEditor-ui-toolbar .group .tool-select.options-shown .options { | |||
display: block | |||
} | |||
.wikiEditor-ui-toolbar .group-search { | |||
float: right; | |||
border-right: 0; | |||
border-left: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-toolbar .booklet>.index { | |||
float: left; | |||
width: 20%; | |||
height: 125px; | |||
overflow: auto; | |||
resize: horizontal | |||
} | |||
.wikiEditor-ui-toolbar .booklet>.index>div { | |||
padding: 4px 4px 4px 6px; | |||
cursor: pointer | |||
} | |||
.wikiEditor-ui-toolbar .booklet>.index .wikiEditor-character-highlighted { | |||
background-color: rgba(41, 98, 204, 0.1); | |||
color: var(--color-base, #202122) | |||
} | |||
.wikiEditor-ui-toolbar .booklet .pages { | |||
height: 125px; | |||
overflow: auto | |||
} | |||
.wikiEditor-ui-toolbar .page-table { | |||
padding-left: 5px; | |||
padding-right: 5px | |||
} | |||
.wikiEditor-ui-toolbar .page-table table { | |||
background: none; | |||
border-collapse: collapse; | |||
width: 100% | |||
} | |||
.wikiEditor-ui-toolbar .page-table th { | |||
color: var(--color-subtle, #54595d) | |||
} | |||
.wikiEditor-ui-toolbar .page-table td { | |||
color: var(--color-base, #202122); | |||
border-top: 1px solid var(--border-color-subtle, #c8ccd1) | |||
} | |||
.wikiEditor-ui-toolbar .page-table th, | |||
.wikiEditor-ui-toolbar .page-table td { | |||
margin: 0; | |||
padding: 5px; | |||
text-align: left | |||
} | |||
.wikiEditor-ui-toolbar .section-help .page-table {} | |||
.wikiEditor-ui-toolbar .section-help .page-table .cell { | |||
vertical-align: top | |||
} | |||
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax { | |||
font-family: monospace, 'Courier' | |||
} | |||
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax, | |||
.wikiEditor-ui-toolbar .section-help .page-table .cell-result { | |||
width: 40% | |||
} | |||
.wikiEditor-ui-toolbar .section-help .page-table .cell-description { | |||
width: 20% | |||
} | |||
.wikiEditor-ui-toolbar .section-help .page-table .table-link .cell-syntax, | |||
.wikiEditor-ui-toolbar .section-help .page-table .table-link span.pre-wrap { | |||
white-space: pre | |||
} | |||
.wikiEditor-ui-toolbar .section-help .cell-result h2, | |||
.wikiEditor-ui-toolbar .section-help .cell-result h3, | |||
.wikiEditor-ui-toolbar .section-help .cell-result h4, | |||
.wikiEditor-ui-toolbar .section-help .cell-result h5 { | |||
margin-bottom: 0; | |||
margin-top: 0; | |||
padding-top: 0 | |||
} | |||
.wikiEditor-ui-toolbar .page-characters { | |||
padding-bottom: 5px | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span { | |||
border: 1px solid var(--border-color-subtle, #c8ccd1); | |||
padding: 5px 8px; | |||
margin-left: 5px; | |||
margin-top: 5px; | |||
height: 1em; | |||
display: inline-block; | |||
color: var(--color-base, #202122); | |||
text-decoration: none; | |||
cursor: pointer; | |||
font-family: monospace, 'Courier'; | |||
font-size: 1.25em; | |||
line-height: 1 | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
background-color: var(--background-color-base, #fff); | |||
text-decoration: none; | |||
border-color: var(--border-color-interactive, #72777d) | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted { | |||
background-color: #7db1c5; | |||
color: var(--color-base, #202122) | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div[dir='rtl'] span { | |||
direction: rtl | |||
} | |||
.tool-button { | |||
background-position: 50% 50%; | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
width: 24px; | |||
height: 24px; | |||
text-indent: -9999px; | |||
cursor: pointer; | |||
overflow: hidden | |||
} | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement { | |||
margin: 0 | |||
} | |||
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper { | |||
background: var(--background-color-neutral, #eaecf0); | |||
padding: 10px | |||
} | |||
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span { | |||
padding: 4px 6px 0; | |||
display: block | |||
} | |||
.ui-widget table .wikieditor-toolbar-table-preview-frame { | |||
width: 340px; | |||
background: var(--background-color-base, #fff); | |||
padding: 10px; | |||
overflow: hidden; | |||
display: block; | |||
position: relative | |||
} | |||
.ui-widget table .wikieditor-toolbar-table-preview-content { | |||
width: 375px; | |||
display: block | |||
} | |||
.ui-widget table .wikieditor-toolbar-table-preview { | |||
width: 340px | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-content {} | |||
.wikiEditor-toolbar-dialog .ui-dialog-content fieldset { | |||
border: 0 !important; | |||
margin: 0 !important; | |||
padding: 0 !important | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] { | |||
box-sizing: border-box | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='radio'], | |||
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='checkbox'] { | |||
margin-left: 0 | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-titlebar-close { | |||
padding: 0 | |||
} | |||
div.suggestions { | |||
z-index: 1099 | |||
} | |||
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close { | |||
right: 0.9em | |||
} | |||
.wikieditor-toolbar-field-wrapper { | |||
padding: 0 0 25px 0 | |||
} | |||
.wikieditor-toolbar-floated-field-wrapper { | |||
float: left; | |||
margin-right: 2em | |||
} | |||
#wikieditor-toolbar-replace-search, | |||
#wikieditor-toolbar-replace-replace { | |||
width: 100% | |||
} | |||
#wikieditor-toolbar-table-dialog fieldset { | |||
width: 218px; | |||
padding: 0; | |||
float: left | |||
} | |||
#wikieditor-toolbar-table-dialog .wikieditor-toolbar-table-preview-wrapper { | |||
width: 330px; | |||
padding: 0; | |||
float: right | |||
} | |||
.wikieditor-toolbar-table-preview-content * { | |||
cursor: default | |||
} | |||
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper table { | |||
width: 100% !important | |||
} | |||
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table td { | |||
padding: 10px 4px !important; | |||
height: auto !important | |||
} | |||
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table th { | |||
padding: 7px 3px !important | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-content { | |||
padding: 30px 20px 1em !important | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | |||
border-top: 1px solid #c8ccd1 !important | |||
} | |||
.wikieditor-toolbar-table-dimension-fields .wikieditor-toolbar-field-wrapper { | |||
float: left; | |||
margin-right: 20px; | |||
vertical-align: bottom | |||
} | |||
.wikieditor-toolbar-dialog-wrapper { | |||
width: 100% | |||
} | |||
#wikieditor-toolbar-file-target, | |||
#wikieditor-toolbar-file-caption, | |||
#wikieditor-toolbar-file-alt { | |||
width: 100% | |||
} | |||
.wikieditor-toolbar-file-alt-help { | |||
float: right | |||
} | |||
.wikieditor-toolbar-file-options .wikieditor-toolbar-field-wrapper { | |||
float: left; | |||
margin: 0 20px 0 0 | |||
} | |||
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset { | |||
width: 100%; | |||
text-align: right; | |||
} | |||
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child { | |||
float: left | |||
} | |||
body.rtl .wikiEditor-toolbar-dialog .ui-dialog-buttonpane button { | |||
float: left; | |||
margin: 0.5em 0.4em 0.5em 0 !important | |||
} | |||
.wikieditor-toolbar-table-dimension-fields::after, | |||
.wikieditor-toolbar-dialog-wrapper::after { | |||
visibility: hidden; | |||
display: block; | |||
font-size: 0; | |||
content: ' '; | |||
clear: both; | |||
height: 0 | |||
} | |||
.wikieditor-toolbar-table-dimension-fields, | |||
.wikieditor-toolbar-dialog-wrapper { | |||
display: inline-table; | |||
display: block | |||
} | |||
.wikiEditor-ui-toolbar { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1); | |||
} | |||
.wikiEditor-ui-toolbar .group, | |||
.wikiEditor-ui-toolbar .section-secondary .group { | |||
border-color: var(--border-color-muted, #dadde3) | |||
} | |||
.wikiEditor-ui-toolbar .group { | |||
min-height: 32px; | |||
margin: 0; | |||
padding-right: 0 | |||
} | |||
.wikiEditor-ui-toolbar .group .label { | |||
height: 28px; | |||
margin-left: 8px; | |||
line-height: 28px | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select { | |||
background-color: transparent; | |||
height: 32px; | |||
margin: 0; | |||
border: 0 | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label { | |||
height: 32px; | |||
padding-left: 8px; | |||
line-height: 32px | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label::after { | |||
height: 32px | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options { | |||
margin-top: 32px; | |||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25) | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { | |||
background-color: var(--background-color-interactive, #eaecf0) | |||
} | |||
.wikiEditor-ui-toolbar .booklet>.index> :hover { | |||
background-color: var(--background-color-interactive, #eaecf0) | |||
} | |||
.wikiEditor-ui-toolbar .booklet>.index>.current { | |||
background-color: var(--background-color-progressive-subtle, #f1f4fd); | |||
color: var(--color-progressive, #36c) | |||
} | |||
.tool-button { | |||
width: 32px; | |||
height: 32px; | |||
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms | |||
} | |||
.tool-button, | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button { | |||
border-radius: 0 | |||
} | |||
.tool-button:hover, | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover { | |||
background-color: rgba(0, 23, 70, 0.08599999999999999); | |||
} | |||
.tool-button:hover>.oo-ui-iconElement-icon, | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover>.oo-ui-iconElement-icon { | |||
opacity: 1 | |||
} | |||
.tool-button.tool-active, | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button.tool-active { | |||
background-color: rgba(0, 104, 243, 0.08599999999999999); | |||
} | |||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button>.oo-ui-iconElement-icon { | |||
opacity: 0.87 | |||
} | |||
/* -------------------- WIKI EDITOR 2 --------------------*/ | |||
.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: 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-view { | |||
margin-left: -1em; | |||
margin-right: -1em; | |||
border: 0 | |||
} | |||
.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view { | |||
margin-left: 0; | |||
margin-right: 0 | |||
} | |||
.client-js #editform { | |||
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: 0 | |||
} | |||
.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar { | |||
border-bottom: 0; | |||
box-shadow: none | |||
} | |||
.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 .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .label:after { | |||
height: 42px | |||
} | |||
.wikiEditor-ui-toolbar .group .label { | |||
line-height: 39px | |||
} | |||
.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 | |||
} | |||
.ve-init-mw-editSwitch .oo-ui-popupToolGroup { | |||
height: 42px | |||
} | |||
.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 | |||
} | |||
.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 | |||
} | |||
.wikiEditor-ui-toolbar .page-table td { | |||
border-top: 1px solid #cbcbcb | |||
} | |||
.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-left: 0; | |||
border-right: 0; | |||
padding: 1.5em | |||
} | |||
.mw-editform #wpSummaryLabel { | |||
margin: 0 1em | |||
} | |||
.editOptions > #wpSummaryLabel { | |||
margin: 0 | |||
} | |||
.mw-summary-preview { | |||
margin: 0 1em | |||
} | |||
.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 { | |||
border: 1px solid #c0c2c5; | |||
padding: 0.3em; | |||
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) { | |||
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 { | |||
background-color: #f3cece; | |||
border-radius: 4px; | |||
padding: 10px; | |||
margin-bottom: 16px | |||
} | |||
#wikieditor-toolbar-replace-emptysearch { | |||
background-color: #e5e7bf; | |||
border-radius: 4px; | |||
padding: 10px; | |||
margin-bottom: 16px | |||
} | |||
#wikieditor-toolbar-replace-success { | |||
background-color: #d6ebd2; | |||
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; | |||
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 | |||
} | |||
.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 | |||
} | |||
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) | |||
} | |||
*/ | |||
/** Оформление WikiEditor **/ | |||
.wikiEditor-ui-top { | |||
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; | |||
} | |||
#upload_div { | |||
margin: 0; | |||
width: auto; | |||
border-width: 1px 0; | |||
box-shadow: none; | |||
} | |||
/* Prevent page jump from the toolbar loading */ | |||
.client-js #editform { | |||
/* 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; | |||
color: black; | |||
margin-bottom: 1em; | |||
margin-left: 0px; | |||
margin-right: 0px; | |||
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%) | |||
} | } | ||