MediaWiki:Vector-2022.css: Difference between revisions
MediaWiki interface page
More actions
mNo edit summary |
Fixed styling of tool dropdown, table of contents, and search button |
||
| Line 83: | Line 83: | ||
.cdx-button:enabled, | .cdx-button:enabled, | ||
.cdx-button.cdx-button--fake-button--enabled { | .cdx-button.cdx-button--fake-button--enabled { | ||
background-color: | background-color: var(--theme-accent-color) !important; | ||
color: var(--page-background-color); | color: var(--page-background-color); | ||
font-family: "Inter" !important; | font-family: "Inter" !important; | ||
border: 1px solid | border: 1px solid var(--theme-accent-color); | ||
border-radius: 20px; | border-radius: 20px; | ||
} | } | ||
| Line 93: | Line 93: | ||
.cdx-button:enabled, | .cdx-button:enabled, | ||
.cdx-button.cdx-button--fake-button--enabled { | .cdx-button.cdx-button--fake-button--enabled { | ||
background-color: #FFED76 !important; | |||
color: var(--page-text-color); | color: var(--page-text-color); | ||
border: 1px solid #FFED76; | |||
} | } | ||
} | |||
} | |||
#searchform > div > button, #searchform > button { | |||
border: 1px solid var(--theme-accent-color); | |||
&:hover { | |||
border-color: var(--color-progressive); | |||
} | } | ||
} | } | ||
/* User & Search Actions */ | /* User & Search Actions */ | ||
#ca-uls span { | #ca-uls { | ||
background: var(--theme-color-2); | |||
border-radius: 20px; | |||
span { | |||
color: var(--page-text-color) !important; | |||
} | |||
&:hover { | |||
background: var(--theme-color-3); | |||
} | |||
& > a { | |||
border-radius: 20px; | |||
&:hover { | |||
border-color: var(--color-progressive); | |||
} | |||
} | |||
} | |||
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) { | |||
box-shadow: none; | |||
background: var(--theme-color-3); | |||
border-radius: 20px; | |||
} | } | ||
| Line 162: | Line 194: | ||
.vector-page-toolbar-container { | .vector-page-toolbar-container { | ||
box-shadow: none; | box-shadow: none; | ||
align-items: center; | |||
} | } | ||
| Line 182: | Line 215: | ||
&:hover { | &:hover { | ||
background-color: var(--theme-color-3); | background-color: var(--theme-color-3); | ||
text-decoration: none; | |||
} | } | ||
} | } | ||
| Line 190: | Line 224: | ||
color: var(--page-text-color) !important; | color: var(--page-text-color) !important; | ||
border: 0; | border: 0; | ||
} | |||
} | |||
.vector-menu-content a { | |||
color: var(--page-text-color); | |||
font-weight: 700; | |||
} | |||
#p-views .vector-menu-content-list { | |||
#ca-watch, #ca-unwatch { | |||
& > a { | |||
margin: 0 5px; | |||
padding: 0; | |||
} | |||
} | } | ||
} | } | ||
| Line 217: | Line 265: | ||
} | } | ||
} | } | ||
.vector-page-tools-dropdown { | |||
background: var(--theme-color-2); | |||
border-radius: 20px; | |||
&:hover { | |||
background: var(--theme-color-3); | |||
} | |||
#vector-page-tools-dropdown-label { | |||
font-weight: 700; | |||
color: var(--page-text-color); | |||
padding: 0 14px; | |||
border-radius: 20px; | |||
} | |||
} | |||
.vector-pinnable-header-label { | |||
font-family: "Inter" !important; | |||
font-weight: bold; | |||
} | |||
.vector-pinnable-header-toggle-button { | .vector-pinnable-header-toggle-button { | ||