MediaWiki:Vector-2022.css: различия между версиями
Glamyr (обсуждение | вклад) Нет описания правки |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.vector- | :root, html, body, .vector-page-container, .mw-body, #content { | ||
--border-color-base: var(--border-color) !important; | |||
color: | --border-color-muted: var(--border-color) !important; | ||
--border-color-subtle: var(--border-color) !important; | |||
} | } | ||
| Строка 20: | Строка 14: | ||
--bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.85); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; | --bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.85); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; | ||
} | } | ||
body:not(.theme-default) .vector-page-container, body.theme-active-dark .vector-page-container { background-color: var(--bg-content) !important; padding: 15px; border-left: | body:not(.theme-default) .vector-page-container, body.theme-active-dark .vector-page-container { background-color: var(--bg-content) !important; padding: 15px; border-left: 3px solid var(--border-color) !important; border-right: 3px solid var(--border-color) !important; box-shadow: 0 0 20px rgba(0,0,0,0.6); min-height: 100vh !important; height: auto !important; display: flex !important; flex-direction: column !important; } | ||
body:not(.theme-default) .mw-body, body.theme-active-dark .mw-body { background-color: transparent !important; border: none !important; flex-grow: 1 !important; } | body:not(.theme-default) .mw-body, body.theme-active-dark .mw-body { background-color: transparent !important; border: none !important; flex-grow: 1 !important; } | ||
body:not(.theme-default) .vector-header-container, body.theme-active-dark .vector-header-container { background-color: var(--bg-main) !important; border-bottom: | body:not(.theme-default) .vector-header-container, body.theme-active-dark .vector-header-container { background-color: var(--bg-main) !important; border-bottom: 3px solid var(--border-color) !important; } | ||
body:not(.theme-default) .vector-dropdown-content, body.theme-active-dark .vector-dropdown-content, body:not(.theme-default) .vector-pinnable-container, body.theme-active-dark .vector-pinnable-container { background-color: var(--bg-card) !important; border: | body:not(.theme-default) .vector-dropdown-content, body.theme-active-dark .vector-dropdown-content, body:not(.theme-default) .vector-pinnable-container, body.theme-active-dark .vector-pinnable-container { background-color: var(--bg-card) !important; border: 3px solid var(--border-color) !important; } | ||
body:not(.theme-default) .vector-dropdown-content a, body.theme-active-dark .vector-dropdown-content a, body:not(.theme-default) .vector-pinnable-container a, body.theme-active-dark .vector-pinnable-container a { color: var(--text-main) !important; } | body:not(.theme-default) .vector-dropdown-content a, body.theme-active-dark .vector-dropdown-content a, body:not(.theme-default) .vector-pinnable-container a, body.theme-active-dark .vector-pinnable-container a { color: var(--text-main) !important; } | ||
body:not(.theme-default) .vector-dropdown-content a:hover, body.theme-active-dark .vector-dropdown-content a:hover { background-color: var(--bg-input) !important; color: var(--accent) !important; } | body:not(.theme-default) .vector-dropdown-content a:hover, body.theme-active-dark .vector-dropdown-content a:hover { background-color: var(--bg-input) !important; color: var(--accent) !important; } | ||
| Строка 30: | Строка 24: | ||
body:not(.theme-default) .mw-sidebar, body.theme-active-dark .mw-sidebar { background-color: transparent !important; } | body:not(.theme-default) .mw-sidebar, body.theme-active-dark .mw-sidebar { background-color: transparent !important; } | ||
body:not(.theme-default) a, body.theme-active-dark a, body:not(.theme-default) .vector-icon, body.theme-active-dark .vector-icon, body:not(.theme-default) .mw-togglebutton, body.theme-active-dark .mw-togglebutton, body:not(.theme-default) .toggle-link, body.theme-active-dark .toggle-link, body:not(.theme-default) .mw-collapsible-toggle, body.theme-active-dark .mw-collapsible-toggle, body:not(.theme-default) .cdx-button--weight-quiet, body.theme-active-dark .cdx-button--weight-quiet { color: var(--accent) !important; } | body:not(.theme-default) a, body.theme-active-dark a, body:not(.theme-default) .vector-icon, body.theme-active-dark .vector-icon, body:not(.theme-default) .mw-togglebutton, body.theme-active-dark .mw-togglebutton, body:not(.theme-default) .toggle-link, body.theme-active-dark .toggle-link, body:not(.theme-default) .mw-collapsible-toggle, body.theme-active-dark .mw-collapsible-toggle, body:not(.theme-default) .cdx-button--weight-quiet, body.theme-active-dark .cdx-button--weight-quiet { color: var(--accent) !important; } | ||
body:not(.theme-default) h1, body:not(.theme-default) h2, body.theme-active-dark h1, body.theme-active-dark h2 { border-bottom: | body:not(.theme-default) h1, body:not(.theme-default) h2, body.theme-active-dark h1, body.theme-active-dark h2 { border-bottom: 3px solid var(--border-color) !important; color: var(--text-main) !important; } | ||
body:not(.theme-default) .wikitable, body:not(.theme-default) .toc, body:not(.theme-default) .thumbinner, body:not(.theme-default) .infobox, body:not(.theme-default) .ambox, body:not(.theme-default) .mw-notification, body:not(.theme-default) .catlinks, body:not(.theme-default) .navbox, body:not(.theme-default) .ext-mwe-cdx-card, body:not(.theme-default) div[role="note"], body.theme-active-dark .wikitable, body.theme-active-dark .toc, body.theme-active-dark .thumbinner, body.theme-active-dark .infobox, body.theme-active-dark .ambox, body.theme-active-dark .mw-notification, body.theme-active-dark .catlinks, body.theme-active-dark .navbox, body.theme-active-dark .ext-mwe-cdx-card, body.theme-active-dark div[role="note"] { background-color: var(--bg-card) !important; border: | body:not(.theme-default) .wikitable, body:not(.theme-default) .toc, body:not(.theme-default) .thumbinner, body:not(.theme-default) .infobox, body:not(.theme-default) .ambox, body:not(.theme-default) .mw-notification, body:not(.theme-default) .catlinks, body:not(.theme-default) .navbox, body:not(.theme-default) .ext-mwe-cdx-card, body:not(.theme-default) div[role="note"], body.theme-active-dark .wikitable, body.theme-active-dark .toc, body.theme-active-dark .thumbinner, body.theme-active-dark .infobox, body.theme-active-dark .ambox, body.theme-active-dark .mw-notification, body.theme-active-dark .catlinks, body.theme-active-dark .navbox, body.theme-active-dark .ext-mwe-cdx-card, body.theme-active-dark div[role="note"] { background-color: var(--bg-card) !important; border: 3px solid var(--border-color) !important; color: var(--text-main) !important; } | ||
body:not(.theme-default) hr, body.theme-active-dark hr, body:not(.theme-default) .vector-menu-portal, body.theme-active-dark .vector-menu-portal, body:not(.theme-default) .mw-footer, body.theme-active-dark .mw-footer, body:not(.theme-default) .vector-toc, body.theme-active-dark .vector-toc { border-top: | body:not(.theme-default) hr, body.theme-active-dark hr, body:not(.theme-default) .vector-menu-portal, body.theme-active-dark .vector-menu-portal, body:not(.theme-default) .mw-footer, body.theme-active-dark .mw-footer, body:not(.theme-default) .vector-toc, body.theme-active-dark .vector-toc { border-top: 3px solid var(--border-color) !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } | ||
body:not(.theme-default) table, body:not(.theme-default) td, body:not(.theme-default) th, body.theme-active-dark table, body.theme-active-dark td, body.theme-active-dark th { border | body:not(.theme-default) table, body:not(.theme-default) td, body:not(.theme-default) th, body.theme-active-dark table, body.theme-active-dark td, body.theme-active-dark th { border: 2px solid var(--border-color) !important; } | ||
body.theme-stddark { --bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.85); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; } | body.theme-stddark { --bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.85); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; } | ||
| Строка 51: | Строка 45: | ||
body.theme-default .vector-header-container { background-color: #ffffff !important; border-bottom: 1px solid #a2a9b1 !important; } | body.theme-default .vector-header-container { background-color: #ffffff !important; border-bottom: 1px solid #a2a9b1 !important; } | ||
body.theme-default .vector-dropdown-content, body.theme-default .vector-pinnable-container { background-color: #ffffff !important; border: 1px solid #a2a9b1 !important; } | body.theme-default .vector-dropdown-content, body.theme-default .vector-pinnable-container { background-color: #ffffff !important; border: 1px solid #a2a9b1 !important; } | ||
body.theme-default .vector-dropdown-content a { color: #202122 !important; } | body.theme-default .vector-dropdown-content a { color: #202122 !important; }body.theme-default .cdx-text-input__input, body.theme-default select, body.theme-default input, body.theme-default textarea, body.theme-default .cdx-button { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; }body.theme-default a, body.theme-default .vector-icon, body.theme-default .mw-togglebutton, body.theme-default .toggle-link, body.theme-default .cdx-button--weight-quiet { color: #36c !important; }body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; }body.theme-default hr, body.theme-default .vector-menu-portal, body.theme-default .mw-footer, body.theme-default .vector-toc { border-color: #a2a9b1 !important; }body.theme-default .wikitable, body.theme-default .toc, body.theme-default .thumbinner, body.theme-default .infobox, body.theme-default .ambox, body.theme-default .catlinks, body.theme-default .navbox, body.theme-default .ext-mwe-cdx-card, body.theme-default div[role="note"] { background-color: #f8f9fa !important; border-color: #a2a9b1 !important; color: #202122 !important; }body.theme-stddark, body.theme-stddark html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-nanotrasen, body.theme-nanotrasen html { background-image: url('/images/5/58/Nanotrasen-logo.png') !important; background-size: 70% auto !important; }body.theme-syndicate, body.theme-syndicate html { background-image: url('/images/c/ce/Syndicate-logo.png') !important; background-size: 35% auto !important; }body.theme-plasmafire, body.theme-plasmafire html { background-image: url('/images/b/b3/Bg-synthsunset.png') !important; background-size: 45% auto !important; }body.theme-clockcult, body.theme-clockcult html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-bloodcult, body.theme-bloodcult html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }body.theme-heretic, body.theme-heretic html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }.tg-custom-palette-icon { display: block !important; width: 32px !important; height: 32px !important; background-color: transparent !important; background-image: url('/images/f/f6/Palette.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: filter 0.3s ease, transform 0.2s ease !important; transform: translateY(4px) !important; }.tg-custom-palette-icon:hover { transform: translateY(4px) scale(1.1) !important; }body:not(.theme-default) .tg-custom-palette-icon, body.theme-active-dark .tg-custom-palette-icon { filter: drop-shadow(0 0 6px var(--accent)) !important; }#p-tg-theme, #p-tg-theme-dropdown-label { max-width: none !important; max-height: none !important; padding: 0 !important; }body.theme-default code, body.theme-default pre, body.theme-default .mw-code, body.theme-default .mw-highlight pre, body.theme-default .mw-highlight code, body.theme-default .syntaxhighlight, body.theme-default .syntaxhighlight pre { background-color: #f8f9fa !important; color: #202122 !important; border-color: #a2a9b1 !important; text-shadow: none !important; }body.theme-default .mw-highlight .k { color: #06b !important; font-weight: bold; }body.theme-default .mw-highlight .s { color: #b22 !important; }body.theme-default .mw-highlight .c { color: #60a0b0; font-style: italic; }body.theme-default .mw-highlight .mi { color: #0000DD !important; }body:not(.theme-default) code, body:not(.theme-default) pre, body:not(.theme-default) .mw-code, body:not(.theme-default) .mw-highlight pre, body:not(.theme-default) .syntaxhighlight { background-color: var(--bg-card, #282a2d) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; } | ||
theme-default .cdx-text-input__input, body.theme-default select, body.theme-default input, body.theme-default textarea, body.theme-default .cdx-button { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; }body.theme-default a, body.theme-default .vector-icon, body.theme-default .mw-togglebutton, body.theme-default .toggle-link, body.theme-default .cdx-button--weight-quiet { color: #36c !important; }body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; }body.theme-default hr, body.theme-default .vector-menu-portal, body.theme-default .mw-footer, body.theme-default .vector-toc { border-color: #a2a9b1 !important; }body.theme-default .wikitable, body.theme-default .toc, body.theme-default .thumbinner, body.theme-default .infobox, body.theme-default .ambox, body.theme-default .catlinks, body.theme-default .navbox, body.theme-default .ext-mwe-cdx-card, body.theme-default div[role="note"] { background-color: #f8f9fa !important; border-color: #a2a9b1 !important; color: #202122 !important; }body.theme-stddark, body.theme-stddark html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-nanotrasen, body.theme-nanotrasen html { background-image: url('/images/5/58/Nanotrasen-logo.png') !important; background-size: 70% auto !important; }body.theme-syndicate, body.theme-syndicate html { background-image: url('/images/c/ce/Syndicate-logo.png') !important; background-size: 35% auto !important; }body.theme-plasmafire, body.theme-plasmafire html { background-image: url('/images/b/b3/Bg-synthsunset.png') !important; background-size: 45% auto !important; }body.theme-clockcult, body.theme-clockcult html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-bloodcult, body.theme-bloodcult html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }body.theme-heretic, body.theme-heretic html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }.tg-custom-palette-icon { display: block !important; width: 32px !important; height: 32px !important; background-color: transparent !important; background-image: url('/images/f/f6/Palette.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: filter 0.3s ease, transform 0.2s ease !important; transform: translateY(4px) !important; }.tg-custom-palette-icon:hover { transform: translateY(4px) scale(1.1) !important; }body:not(.theme-default) .tg-custom-palette-icon, body.theme-active-dark .tg-custom-palette-icon { filter: drop-shadow(0 0 6px var(--accent)) !important; }#p-tg-theme, #p-tg-theme-dropdown-label { max-width: none !important; max-height: none !important; padding: 0 !important; }body.theme-default code, body.theme-default pre, body.theme-default .mw-code, body.theme-default .mw-highlight pre, body.theme-default .mw-highlight code, body.theme-default .syntaxhighlight, body.theme-default .syntaxhighlight pre { background-color: #f8f9fa !important; color: #202122 !important; border-color: #a2a9b1 !important; text-shadow: none !important; }body.theme-default .mw-highlight .k { color: #06b !important; font-weight: bold; }body.theme-default .mw-highlight .s { color: #b22 !important; }body.theme-default .mw-highlight .c { color: #60a0b0; font-style: italic; }body.theme-default .mw-highlight .mi { color: #0000DD !important; }body:not(.theme-default) code, body:not(.theme-default) pre, body:not(.theme-default) .mw-code, body:not(.theme-default) .mw-highlight pre, body:not(.theme-default) .syntaxhighlight { background-color: var(--bg-card, #282a2d) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; } | |||