MediaWiki:Vector-2022.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Adapted from English Wikipedia's [[MediaWiki:Vector-2022.css]] (CC BY-SA 4.0).
* The temporary "Wikipedia 25" rules that hide the logo icon are omitted so the
* Mockipedia globe is shown, as in Wikipedia's standard Vector 2022 header. */
/**
* Note: [[MediaWiki:Common.css]] is loaded in addition to these styles
* Please use [[Extension:TemplateStyles]] where possible.
*/
#coordinates {
line-height: 2;
font-size: 92%;
white-space: nowrap;
}
/* Don't display some stuff on the main page */
.page-Main_Page #deleteconfirm,
.page-Main_Page #t-cite,
.page-Main_Page #footer-info-lastmod,
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page #contentSub2 {
display: none !important;
}
/* Override [[phab:T265947]] */
.mw-body-content blockquote {
border-left: none;
}
/* Styling for tags in changes pages */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}
@media screen {
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink):link,
html.skin-theme-clientpref-night .infobox a:not(.new):not(.mw-selflink):link {
color: var( --color-progressive ) !important;
}
/* T370074 */
html.skin-theme-clientpref-night .mw-parser-output > figure img {
background: var( --background-color-disabled-fixed, #C8CCD1 );
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox a:not(.new):not(.mw-selflink):link,
html.skin-theme-clientpref-os .infobox a:not(.new):not(.mw-selflink):link {
color: var( --color-progressive ) !important;
}
/* T370074 */
html.skin-theme-clientpref-os .mw-parser-output > figure img {
background: var( --background-color-disabled-fixed, #C8CCD1 );
}
}
/* ===== Mockipedia: match current Wikipedia's Vector 2022 ====================
* Wikipedia runs a newer Vector than the MediaWiki 1.45 release. These rules
* reproduce the differences measured at 1366x768 (see tests/visual).
*/
/* Page tabs: 32px tall, no padding, selected tab underlined by a 2px bar. */
.vector-menu-tabs .mw-list-item a,
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item a:visited,
.vector-page-toolbar-container .vector-dropdown > .vector-dropdown-label {
display: inline-flex;
margin-bottom: 0;
align-items: center;
box-sizing: border-box;
min-height: 32px;
height: 32px;
padding: 0;
border-bottom: 0;
position: relative;
}
.vector-menu-tabs .mw-list-item.selected a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: var( --color-base, #202122 );
}
.vector-menu-tabs .mw-list-item:not( .selected ) a:hover::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: var( --color-progressive--hover, #3056a9 );
}
/* Quiet header buttons and the search button use Codex's newer subtle-base text colour. */
@media screen {
html.skin-theme-clientpref-day .vector-header .cdx-button,
html.skin-theme-clientpref-day #searchform .cdx-search-input__end-button {
color: #404244;
}
}
@media screen and ( prefers-color-scheme: light ) {
html.skin-theme-clientpref-os .vector-header .cdx-button,
html.skin-theme-clientpref-os #searchform .cdx-search-input__end-button {
color: #404244;
}
}