Jump to content
Mockipedia is a satirical encyclopedia. Articles may contain fictional events, people, and information. Learn more

MediaWiki:Vector-2022.css

From Mockipedia, the free mock encyclopedia

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;
	}
}