Перейти к содержанию

MediaWiki:Vector-2022.css: различия между версиями

Нет описания правки
Нет описания правки
Строка 1: Строка 1:
.vector-pinnable-header-toggle-button {
    background-color: #3366cc !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}
.vector-pinnable-header-toggle-button:hover {
    background-color: #2a4b8d !important;
    color: #ffffff !important;
}
:root, html, body:not(.theme-default), body.theme-active-dark {
:root, html, body:not(.theme-default), body.theme-active-dark {
     --background-color-base: transparent !important;  
     --background-color-base: transparent !important;  
     --background-color-paper: transparent !important;  
     --background-color-paper: transparent !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;
     --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;
   
    /* Принудительный залив фона поиска внутри дизайн-системы Codex */
     --background-color-input: var(--bg-input, #313438) !important;
     --background-color-input: var(--bg-input, #313438) !important;
     --background-color-input-view: var(--bg-input, #313438) !important;
     --background-color-input-view: var(--bg-input, #313438) !important;
Строка 28: Строка 14:
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; border-radius: 6px !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; border-radius: 6px !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; opacity: 1 !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; }
body:not(.theme-default) .cdx-text-input, body:not(.theme-default) .cdx-text-input__input, body:not(.theme-default) .vector-search-box-input, body:not(.theme-default) select, body:not(.theme-default) input, body:not(.theme-default) textarea, body:not(.theme-default) .cdx-button, body.theme-active-dark .cdx-text-input, body.theme-active-dark .cdx-text-input__input, body.theme-active-dark .vector-search-box-input, body.theme-active-dark select, body.theme-active-dark input, body.theme-active-dark textarea, body.theme-active-dark .cdx-button { background-color: var(--bg-input) !important; color: var(--text-main) !important; border-color: var(--border-color) !important; border-radius: 4px !important; }
body:not(.theme-default) .cdx-text-input, body:not(.theme-default) .cdx-text-input__input, body:not(.theme-default) .vector-search-box-input, body:not(.theme-default) select, body:not(.theme-default) input, body:not(.theme-default) textarea, body:not(.theme-default) .cdx-button, body.theme-active-dark .cdx-text-input, body.theme-active-dark .cdx-text-input__input, body.theme-active-dark .vector-search-box-input, body.theme-active-dark select, body.theme-active-dark input, body.theme-active-dark textarea, body.theme-active-dark .cdx-button { background-color: var(--bg-input) !important; color: var(--text-main) !important; border-color: var(--border-color) !important; border-radius: 4px !important; opacity: 1 !important; }
body:not(.theme-default) .cdx-button:not(.cdx-button--weight-quiet):hover, body.theme-active-dark .cdx-button:not(.cdx-button--weight-quiet):hover { background-color: var(--bg-card) !important; color: var(--accent) !important; }
body:not(.theme-default) .cdx-button:not(.cdx-button--weight-quiet):hover, body.theme-active-dark .cdx-button:not(.cdx-button--weight-quiet):hover { background-color: var(--bg-card) !important; color: var(--accent) !important; }
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; opacity: 1 !important; }
body:not(.theme-default) h1, body:not(.theme-default) h2, body.theme-active-dark h1, body.theme-active-dark h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
body:not(.theme-default) h1, body:not(.theme-default) h2, body.theme-active-dark h1, body.theme-active-dark h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--text-main) !important; opacity: 1 !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: 1px solid var(--border-color) !important; color: var(--text-main) !important; border-radius: 6px !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: 1px solid var(--border-color) !important; color: var(--text-main) !important; border-radius: 6px !important; opacity: 1 !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:not(.theme-default) .vector-toc a, body.theme-active-dark .vector-toc a { text-decoration: none !important; }
body:not(.theme-default) .vector-toc a, body.theme-active-dark .vector-toc a { text-decoration: none !important; }
body:not(.theme-default) .vector-toc a:hover, body.theme-active-dark .vector-toc a:hover { text-decoration: none !important; }
body:not(.theme-default) .vector-toc a:hover, body.theme-active-dark .vector-toc a:hover { text-decoration: none !important; }
body:not(.theme-default) p, body:not(.theme-default) li, body:not(.theme-default) span, body:not(.theme-default) th, body:not(.theme-default) td, body.theme-active-dark p, body.theme-active-dark li, body.theme-active-dark span, body.theme-active-dark th, body.theme-active-dark td { opacity: 1 !important; color: var(--text-main) !important; }


body.theme-default {
body.theme-default {
Строка 54: Строка 42:
body.theme-default .cdx-text-input, 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; border-radius: 2px !important; }
body.theme-default .cdx-text-input, 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; border-radius: 2px !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 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 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; border-radius: 0 !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; border-radius: 0 !important; }
 
body.theme-stddark { --bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.80); --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.80); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; }
body.theme-nanotrasen { --bg-main: #0c1014; --bg-content: rgba(20, 26, 34, 0.80); --bg-card: #1b2430; --bg-input: #222d3c; --border-color: #2b3a4e; --text-main: #dae5f3; --text-muted: #8ea1b9; --accent: #4a90e2; }
body.theme-nanotrasen { --bg-main: #0c1014; --bg-content: rgba(20, 26, 34, 0.80); --bg-card: #1b2430; --bg-input: #222d3c; --border-color: #2b3a4e; --text-main: #dae5f3; --text-muted: #8ea1b9; --accent: #4a90e2; }