MediaWiki:Vector-2022.css: различия между версиями
Внешний вид
Glamyr (обсуждение | вклад) Нет описания правки |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 79: | Строка 79: | ||
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: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: rgba(20, 22, 23, 0.6) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !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: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: rgba(20, 22, 23, 0.6) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; } | ||
#p-tg-dropdown- | |||
#p-tg-theme | html body #p-tg-theme .vector-dropdown-content, | ||
background-color: | html body #p-tg-theme div[id="p-tg-dropdown-menu"] { | ||
background-color: #282a2d !important; | |||
border: 1px solid var(--border-color, #3f4348) !important; | border: 1px solid var(--border-color, #3f4348) !important; | ||
border-radius: 6px !important; | border-radius: 6px !important; | ||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important; | box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important; | ||
display: none; | |||
} | |||
body.theme-stddark #p-tg-theme .vector-dropdown-content { background-color: #282a2d !important; } | |||
body.theme-nanotrasen #p-tg-theme .vector-dropdown-content { background-color: #1b2430 !important; } | |||
body.theme-syndicate #p-tg-theme .vector-dropdown-content { background-color: #262626 !important; } | |||
body.theme-plasmafire #p-tg-theme .vector-dropdown-content { background-color: #23123a !important; } | |||
body.theme-clockcult #p-tg-theme .vector-dropdown-content { background-color: #2d2619 !important; } | |||
body.theme-bloodcult #p-tg-theme .vector-dropdown-content { background-color: #260a0a !important; } | |||
body.theme-heretic #p-tg-theme .vector-dropdown-content { background-color: #122a18 !important; } | |||
body.theme-default #p-tg-theme .vector-dropdown-content, | |||
body.theme-default #p-tg-theme div[id="p-tg-dropdown-menu"] { | |||
background-color: #ffffff !important; | |||
border: 1px solid #a2a9b1 !important; | |||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; | |||
} | } | ||
#p-tg-theme .vector-dropdown-content a { | #p-tg-theme .vector-dropdown-content a { | ||
color: # | color: var(--color-base, var(--text-main, #e3e4e6)) !important; | ||
} | } | ||
#p-tg-theme .vector-dropdown-content a:hover { | #p-tg-theme .vector-dropdown-content a:hover { | ||
background-color: var(--bg-input, #313438) !important; | background-color: var(--bg-input, #313438) !important; | ||
color: var(--accent, #00adb5) !important; | color: var(--accent, #00adb5) !important; | ||
} | |||
body.theme-default #p-tg-theme .vector-dropdown-content a:hover { | |||
background-color: #eaecf0 !important; | |||
color: #36c !important; | |||
} | } | ||