MediaWiki:Vector-2022.css: Difference between revisions
MediaWiki interface page
More actions
Alignment fix for menu |
Moved Vector-2022 styling |
||
| Line 1: | Line 1: | ||
.mw-header { | |||
top: 10px; | |||
background-color: transparent !important; | |||
} | |||
.mw-page-container { | |||
background-color: var(--page-background-color) !important; | |||
border-radius: 40px; | |||
margin-top: 20px; | |||
} | |||
a, a:visited , .vector-menu-tabs .mw-list-item a:visited , .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited { | |||
color: var(--theme-link-color); | |||
} | |||
*::selection { | |||
background-color: var(--theme-accent-color); | |||
border-radius: 5px; | |||
color: var(--page-background-color) | |||
} | |||
.cdx-radio__input:enabled:checked+.cdx-radio__icon { | |||
border-color: var(--theme-link-color); | |||
} | |||
.cdx-radio__icon { | |||
background-color: var(--theme-color-2); | |||
} | |||
code { | |||
border: none; | |||
background-color: var(--theme-color-3); | |||
border-radius: 5px; | |||
padding: 2px 5px; | |||
} | |||
pre { | |||
border-radius: 10px; | |||
border: none; | |||
background-color: var(--theme-color-1); | |||
color: var(--theme-color-10) | |||
} | |||
#p-search { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.cdx-search-input--has-end-button { | |||
background-color: transparent !important; | |||
border: none !important; | |||
} | |||
.cdx-text-input__input { | |||
background-color: var(--page-background-color) !important; | |||
border-radius: 20px !important; | |||
border: none; | |||
margin-right: 20px !important; | |||
} | |||
.cdx-search-input__input-wrapper { | |||
margin-right: 10px !important; | |||
} | |||
.cdx-typeahead-search .cdx-button:enabled, .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled { | |||
background-color: #FFED76 !important; | |||
color: var(--page-background-color); | |||
font-family: 'Inter' !important; | |||
border: 1px solid #FFED76; | |||
border-radius: 20px; | |||
} | |||
.skin-theme-clientpref-day .cdx-typeahead-search .cdx-button:enabled, .skin-theme-clientpref-day .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled { | |||
color: var(--page-text-color); | |||
} | |||
#ca-uls span { | |||
color: var(--page-text-color) !important; | |||
} | |||
#pt-userpage-2 a:not(.mw-selflink) { | |||
color: var(--page-text-color) !important; | |||
font-weight: 700; | |||
margin-right: 5px; | |||
} | |||
#searchform > div > button:hover { | |||
border: 1px solid var(--color-progressive); | |||
} | |||
.catlinks { | |||
border-radius: 10px; | |||
border: none; | |||
background-color: var(--theme-color-1); | |||
padding: 10px 20px; | |||
} | |||
.vector-pinned-container , .vector-sticky-pinned-container { | .vector-pinned-container , .vector-sticky-pinned-container { | ||
| Line 109: | Line 207: | ||
border-left: 3px solid var(--page-text-color); | border-left: 3px solid var(--page-text-color); | ||
} | } | ||
.skin-theme-clientpref-night .vector-sticky-header-context-bar { | .skin-theme-clientpref-night .vector-sticky-header-context-bar { | ||
border-left: 3px solid var(--page-background-color); | border-left: 3px solid var(--page-background-color); | ||
} | } | ||