MediaWiki:Vector-2022.css: различия между версиями
Внешний вид
Glamyr (обсуждение | вклад) Нет описания правки |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| Строка 16: | Строка 16: | ||
--color-base: var(--text-main, #e3e4e6) !important; --color-base--subtle: var(--text-muted, #a8a095) !important; --border-color-base: var(--border-color, #3f4348) !important; --background-color-neutral-subtle: var(--bg-card) !important; --background-color-neutral: var(--bg-input) !important; --color-link: var(--accent, #00adb5) !important; --color-link--visited: #9b72cf !important; --background-color-button-quiet: transparent !important; --background-color-action: var(--bg-input) !important; --background-color-action-quiet: transparent !important; --border-color-action: var(--border-color) !important; --color-action: var(--accent) !important; --color-icon: var(--accent) !important; --color-base--edit: var(--accent) !important; --color-progressive: var(--accent) !important; --color-primary: var(--accent) !important; --color-progressive--quiet: var(--accent) !important; color: var(--text-main, #e3e4e6) !important; scrollbar-color: var(--bg-card, #282a2d) var(--bg-main, #161719) !important; | --color-base: var(--text-main, #e3e4e6) !important; --color-base--subtle: var(--text-muted, #a8a095) !important; --border-color-base: var(--border-color, #3f4348) !important; --background-color-neutral-subtle: var(--bg-card) !important; --background-color-neutral: var(--bg-input) !important; --color-link: var(--accent, #00adb5) !important; --color-link--visited: #9b72cf !important; --background-color-button-quiet: transparent !important; --background-color-action: var(--bg-input) !important; --background-color-action-quiet: transparent !important; --border-color-action: var(--border-color) !important; --color-action: var(--accent) !important; --color-icon: var(--accent) !important; --color-base--edit: var(--accent) !important; --color-progressive: var(--accent) !important; --color-primary: var(--accent) !important; --color-progressive--quiet: var(--accent) !important; color: var(--text-main, #e3e4e6) !important; scrollbar-color: var(--bg-card, #282a2d) var(--bg-main, #161719) !important; | ||
} | } | ||
html, body { background-color: #161719 !important; background-attachment: fixed | html, body { background-color: #161719 !important; background-attachment: fixed !important; background-position: center top !important; background-repeat: no-repeat !important; min-height: 100% !important; height: auto !important; } | ||
body:not(.theme-nanotrasen):not(.theme-syndicate):not(.theme-plasmafire):not(.theme-clockcult):not(.theme-bloodcult):not(.theme-heretic):not(.theme-default) { | body:not(.theme-nanotrasen):not(.theme-syndicate):not(.theme-plasmafire):not(.theme-clockcult):not(.theme-bloodcult):not(.theme-heretic):not(.theme-default) { | ||
--bg-main: #161719; --bg-content: rgba(30, 32, 34, 0. | --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: 1px solid var(--border-color); border-right: 1px solid var(--border-color); box-shadow: 0 0 20px rgba(0,0,0,0.6); } | body:not(.theme-default) .vector-page-container, body.theme-active-dark .vector-page-container { background-color: var(--bg-content) !important; padding: 15px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); 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; } | 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: 1px solid var(--border-color) !important; } | body:not(.theme-default) .vector-header-container, body.theme-active-dark .vector-header-container { background-color: var(--bg-main) !important; border-bottom: 1px 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: 1px 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: 1px solid var(--border-color) !important; } | ||
| Строка 33: | Строка 33: | ||
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-color: 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-color: 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-color: var(--border-color) !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-color: var(--border-color) !important; } | ||
body.theme-default { | body.theme-default { | ||
--background-color-base: #ffffff !important; --background-color-paper: #f8f9fa !important; --color-base: #202122 !important; --color-base--subtle: #72777d !important; --border-color-base: #a2a9b1 !important; --background-color-neutral-subtle: #f8f9fa !important; --background-color-neutral: #eaecf0 !important; --color-link: #36c !important; --background-color-button-quiet: transparent !important; --background-color-action: #f8f9fa !important; --border-color-action: #a2a9b1 !important; --color-action: #36c !important; --color-icon: #202122 !important; --color-base--edit: #202122 !important; --color-progressive: #36c !important; --color-primary: #36c !important; --color-progressive--quiet: #36c !important; color: #202122 !important; scrollbar-color: auto !important; | --background-color-base: #ffffff !important; --background-color-paper: #f8f9fa !important; --color-base: #202122 !important; --color-base--subtle: #72777d !important; --border-color-base: #a2a9b1 !important; --background-color-neutral-subtle: #f8f9fa !important; --background-color-neutral: #eaecf0 !important; --color-link: #36c !important; --background-color-button-quiet: transparent !important; --background-color-action: #f8f9fa !important; --border-color-action: #a2a9b1 !important; --color-action: #36c !important; --color-icon: #202122 !important; --color-base--edit: #202122 !important; --color-progressive: #36c !important; --color-primary: #36c !important; --color-progressive--quiet: #36c !important; color: #202122 !important; scrollbar-color: auto !important; | ||
} | } | ||
body.theme-default, body.theme-default html { background: #f8f9fa !important; } | body.theme-default, body.theme-default html { background: #f8f9fa !important; background-image: none !important; height: auto !important; } | ||
body.theme-default .vector-page-container { background-color: #ffffff !important; border: none !important; box-shadow: none !important; padding: 0; } | body.theme-default .vector-page-container { background-color: #ffffff !important; border: none !important; box-shadow: none !important; padding: 0; min-height: 0 !important; } | ||
body.theme-default .mw-body { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; } | body.theme-default .mw-body { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; } | ||
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; } | ||