MediaWiki:Vector-2022.css: Difference between revisions
MediaWiki interface page
More actions
Fixed file history table |
Adjusted wikitable padding |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 131: | Line 131: | ||
} | } | ||
:root.skin-theme-clientpref-night { | |||
color-scheme: dark; | color-scheme: dark; | ||
| Line 210: | Line 210: | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os { | :root.skin-theme-clientpref-os { | ||
/* Colors */ | /* Colors */ | ||
--color-base: #fefdde; | --color-base: #fefdde; | ||
| Line 369: | Line 369: | ||
background-color: var(--background-color-1); | background-color: var(--background-color-1); | ||
color: var(--color-base); | color: var(--color-base); | ||
} | |||
.mw-highlight { | |||
border-radius: 10px; | |||
} | } | ||
| Line 374: | Line 378: | ||
.vector-main-menu-action-opt-out { | .vector-main-menu-action-opt-out { | ||
display: none; | display: none; | ||
} | |||
/* Fix top links in Special:RecentChanges */ | |||
.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { | |||
padding-bottom: 1em; | |||
} | } | ||
| Line 429: | Line 438: | ||
/* User & search actions */ | /* User & search actions */ | ||
#ca-uls { | #ca-uls { | ||
background: var(--background-color- | background: var(--background-color-2); | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 437: | Line 446: | ||
&:hover { | &:hover { | ||
background: var(--background-color- | background: var(--background-color-2); | ||
} | } | ||
| Line 450: | Line 459: | ||
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) { | input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) { | ||
box-shadow: none; | box-shadow: none; | ||
background: var(--background-color- | background: var(--background-color-2); | ||
border-radius: 20px; | border-radius: 20px; | ||
} | } | ||
| Line 525: | Line 534: | ||
.selected a { | .selected a { | ||
background-color: var(--theme-accent-color) !important; | background-color: var(--theme-accent-color) !important; | ||
color: var(--color- | color: var(--color-accent-text) !important; | ||
border: 0; | border: 0; | ||
} | } | ||
| Line 542: | Line 551: | ||
} | } | ||
} | } | ||
} | } | ||
| Line 637: | Line 639: | ||
a { | a { | ||
background-color: var(--background-color- | background-color: var(--background-color-2); | ||
color: var(--color-base); | color: var(--color-base); | ||
padding: 2px 8px; | padding: 2px 8px; | ||
| Line 644: | Line 646: | ||
&:hover { | &:hover { | ||
text-decoration: none; | text-decoration: none; | ||
background-color: var(--background-color- | background-color: var(--background-color-3); | ||
} | } | ||
} | } | ||
} | } | ||
/* | /* Wikitable */ | ||
/* Fix Vector-2022 issue that prevents tables from overflowing | |||
while also retaining border-radius styling */ | |||
body:not(.ns-special) .wikitable { | |||
display: inline-block; | |||
max-width: 100%; | |||
overflow-x: auto; | |||
overflow-y: hidden; | |||
background: transparent; | |||
border: none !important; | |||
border-collapse: separate !important; | |||
border-spacing: 0 !important; | |||
border-radius: 10px; | |||
clip-path: inset(0 round 10px); | |||
th { | |||
padding-top: 0.5em; | |||
padding-bottom: 0.5em; | |||
padding-left: 0.75em; | |||
} | |||
td { | |||
padding: 0.25em 0.75em; | |||
} | } | ||
} | } | ||