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

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

← Предыдущая правкаСледующая правка →
ненавижу css 3
Нет описания правки
Строка 1: Строка 1:
body:not(.theme-default), body.theme-active-dark {
:root, html, body:not(.theme-default), body.theme-active-dark {
    --background-color-base: var(--bg-content, #1e2022) !important;
    --background-color-paper: 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, #282a2d) !important;
    --background-color-neutral: var(--bg-input, #313438) !important;
    --color-link: var(--accent, #00adb5) !important;
    --color-link--visited: #9b72cf !important;
   
     background-color: var(--bg-main, #161719) !important;
     background-color: var(--bg-main, #161719) !important;
     color: var(--text-main, #e3e4e6) !important;
     color: var(--text-main, #e3e4e6) !important;
}
html, body {
    background-color: #161719 !important;
}
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: #1e2022;
    --bg-card: #282a2d;
    --bg-input: #313438;
    --border-color: #3f4348;
    --text-main: #e3e4e6;
    --text-muted: #a8a095;
    --accent: #00adb5;
}
}


body:not(.theme-default) .mw-body, body.theme-active-dark .mw-body {
body:not(.theme-default) .mw-body, body.theme-active-dark .mw-body {
     background-color: var(--bg-content, #1e2022) !important;
     background-color: var(--bg-content) !important;
     color: var(--text-main, #e3e4e6) !important;
     color: var(--text-main) !important;
     border-color: var(--border-color, #3f4348) !important;
     border-color: var(--border-color) !important;
}
}


body:not(.theme-default) #mw-head,
body:not(.theme-default) .vector-header-container,
body:not(.theme-default) .vector-header-container,
body:not(.theme-default) .vector-header,
body:not(.theme-default) .vector-header,
body:not(.theme-default) .mw-header,
body:not(.theme-default) .mw-header,
body.theme-active-dark #mw-head,
body.theme-active-dark .vector-header-container,
body.theme-active-dark .vector-header-container,
body.theme-active-dark .vector-header,
body.theme-active-dark .vector-header,
body.theme-active-dark .mw-header {
body.theme-active-dark .mw-header {
     background-color: var(--bg-main, #161719) !important;
     background-color: var(--bg-main) !important;
     background-image: none !important;
     background-image: none !important;
     border-bottom: 1px solid var(--border-color, #3f4348) !important;
     border-bottom: 1px solid var(--border-color) !important;
}
}


body:not(.theme-default) .vector-menu-tabs,
body:not(.theme-default) .vector-dropdown-content,
body:not(.theme-default) .vector-menu-tabs-legacy li,
body.theme-active-dark .vector-dropdown-content {
body:not(.theme-default) .vector-menu-tabs li,
     background-color: var(--bg-card) !important;
body.theme-active-dark .vector-menu-tabs,
     border: 1px solid var(--border-color) !important;
body.theme-active-dark .vector-menu-tabs-legacy li,
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
body.theme-active-dark .vector-menu-tabs li {
    background-image: none !important;
     background-color: var(--bg-main, #161719) !important;
     border-color: var(--border-color, #3f4348) !important;
}
}


body:not(.theme-default) .vector-menu-tabs .selected,
body:not(.theme-default) .vector-dropdown-content a,
body:not(.theme-default) .vector-menu-tabs-legacy .selected,
body.theme-active-dark .vector-dropdown-content a {
body.theme-active-dark .vector-menu-tabs .selected,
     color: var(--text-main) !important;
body.theme-active-dark .vector-menu-tabs-legacy .selected {
     background-color: var(--bg-content, #1e2022) !important;
}
}


body:not(.theme-default) .vector-search-box-input,
body:not(.theme-default) .vector-dropdown-content a:hover,
body:not(.theme-default) #searchInput,
body.theme-active-dark .vector-dropdown-content a:hover {
body.theme-active-dark .vector-search-box-input,
     background-color: var(--bg-input) !important;
body.theme-active-dark #searchInput {
     color: var(--accent) !important;
     background-color: var(--bg-input, #313438) !important;
    color: var(--text-main, #e3e4e6) !important;
     border-color: var(--border-color, #3f4348) !important;
}
}


body:not(.theme-default) .mw-sidebar,  
body:not(.theme-default) .cdx-text-input__input,
body:not(.theme-default) #mw-panel,
body:not(.theme-default) .vector-search-box-input,
body.theme-active-dark .mw-sidebar,  
body.theme-active-dark .cdx-text-input__input,
body.theme-active-dark #mw-panel {
body.theme-active-dark .vector-search-box-input {
     background-color: var(--bg-main, #161719) !important;
     background-color: var(--bg-input) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}
}


body:not(.theme-default) .vector-menu-portal .vector-menu-heading,
body:not(.theme-default) .mw-sidebar,  
body.theme-active-dark .vector-menu-portal .vector-menu-heading {
body.theme-active-dark .mw-sidebar {
     color: var(--text-main, #e3e4e6) !important;
     background-color: var(--bg-main) !important;
}
}


body:not(.theme-default) a, body.theme-active-dark a {  
body:not(.theme-default) a, body.theme-active-dark a {  
     color: var(--accent, #00adb5) !important;
     color: var(--accent) !important;  
}
 
body:not(.theme-default) .vector-menu-dropdown .vector-menu-heading,
body.theme-active-dark .vector-menu-dropdown .vector-menu-heading {
    color: var(--text-main, #e3e4e6) !important;
}
}


body:not(.theme-default) h1, body:not(.theme-default) h2,
body:not(.theme-default) h1, body:not(.theme-default) h2,
body.theme-active-dark h1, body.theme-active-dark h2 {  
body.theme-active-dark h1, body.theme-active-dark h2 {  
     border-bottom-color: var(--border-color, #3f4348) !important;  
     border-bottom-color: var(--border-color) !important;  
     color: var(--text-main, #e3e4e6) !important;  
     color: var(--text-main) !important;  
}
}


body:not(.theme-default) .wikitable, body:not(.theme-default) .toc,
body:not(.theme-default) .wikitable, body:not(.theme-default) .toc,
body.theme-active-dark .wikitable, body.theme-active-dark .toc {  
body.theme-active-dark .wikitable, body.theme-active-dark .toc {  
     background-color: var(--bg-card, #282a2d) !important;  
     background-color: var(--bg-card) !important;  
     border-color: var(--border-color, #3f4348) !important;
     border-color: var(--border-color) !important;  
}
 
body:not(.theme-nanotrasen):not(.theme-syndicate):not(.theme-plasmafire):not(.theme-clockcult):not(.theme-bloodcult):not(.theme-heretic) {
    --bg-main: #161719;
    --bg-content: #1e2022;
    --bg-card: #282a2d;
    --bg-input: #313438;
    --border-color: #3f4348;
    --text-main: #e3e4e6;
    --accent: #00adb5;
}
}


Строка 100: Строка 101:
     --border-color: #3f4348;
     --border-color: #3f4348;
     --text-main: #e3e4e6;
     --text-main: #e3e4e6;
    --text-muted: #a8a095;
     --accent: #00adb5;
     --accent: #00adb5;
}
}
Строка 110: Строка 112:
     --border-color: #2b3a4e;
     --border-color: #2b3a4e;
     --text-main: #dae5f3;
     --text-main: #dae5f3;
    --text-muted: #8ea1b9;
     --accent: #4a90e2;
     --accent: #4a90e2;
}
}
Строка 120: Строка 123:
     --border-color: #441111;
     --border-color: #441111;
     --text-main: #e0e0e0;
     --text-main: #e0e0e0;
    --text-muted: #aa8888;
     --accent: #ff3333;
     --accent: #ff3333;
}
}
Строка 130: Строка 134:
     --border-color: #a62681;
     --border-color: #a62681;
     --text-main: #f3e8f7;
     --text-main: #f3e8f7;
    --text-muted: #bda3cf;
     --accent: #ff41b4;
     --accent: #ff41b4;
}
}
Строка 140: Строка 145:
     --border-color: #be9b4a;
     --border-color: #be9b4a;
     --text-main: #f0e6d2;
     --text-main: #f0e6d2;
    --text-muted: #bfa67a;
     --accent: #e5af33;
     --accent: #e5af33;
}
}
Строка 150: Строка 156:
     --border-color: #800c0c;
     --border-color: #800c0c;
     --text-main: #f0dad0;
     --text-main: #f0dad0;
    --text-muted: #b89292;
     --accent: #ff4d4d;
     --accent: #ff4d4d;
}
}
Строка 160: Строка 167:
     --border-color: #1f5f2a;
     --border-color: #1f5f2a;
     --text-main: #e2f3e5;
     --text-main: #e2f3e5;
    --text-muted: #99be9f;
     --accent: #39ff14;
     --accent: #39ff14;
}
}
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: #f8f9fa !important;
    color: #202122 !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-dropdown-content { background-color: #ffffff !important; border: 1px solid #a2a9b1 !important; }
body.theme-default .vector-dropdown-content a { color: #202122 !important; }
body.theme-default .cdx-text-input__input { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; }
body.theme-default a { color: #36c !important; }
body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; }
Источник — https://wiki.massmeta.ru/index.php/MediaWiki:Common.css