MediaWiki:Vector.css

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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/**
 * Logo badge
 * Version: 2018-05-19
 * Source: https://test.wikipedia.org/wiki/MediaWiki:Vector.css
 */
#p-logo {
  position: relative;
}
#p-logo::before {
  content: "TESTSITE";
  letter-spacing: 4px;
  display: block;
  position: absolute;
  bottom: 0;
  background: #C6FFE0;
  color: #333;
  font: bold 17px/1 sans-serif;
  opacity: 0.9;
  border: 3px solid #007092;
  border-radius: 2em;
  text-align: center;
  padding: 0.5em 1em;
  box-sizing: border-box;
  width: 100%;
  transform: rotate(-10deg);
  pointer-events: none;
  transition: transform 0.2s ease-out; /* transition out */
}
#p-logo:hover::before {
  transition: transform 0.5s ease; /* transition in */
  transform: rotate(0deg);
}

/**
 * Below copied from en.wikipedia.org
 */

/* 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 .firstHeading {
	display: none !important;
}

/* Position coordinates */
#coordinates {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* correct position for VE */
.ve-ce-surface #coordinates {
	margin-right: 2em;
	margin-top: -1em;
}
.mw-indicator #coordinates {
	position: absolute;
	top: 3em;
	right: 0;
	line-height: 1.6;
	text-align: right;
	font-size: 92%;
	white-space: nowrap;
}

/* FR topicon position */
div.flaggedrevs_short {
	position: absolute;
	top: -3em;
	right: 100px;
	z-index: 1;
}

/* Display "From Wikipedia, the free encyclopedia", do not apply to print mode */
@media screen {
	#siteSub {
		display: block;
		font-size: 92%;
	}
}

/* Move page status indicators down slightly */
.mw-body .mw-indicators {
	padding-top: 0.4em;
}