MediaWiki:Common.css

From TetrisWiki
Revision as of 16:02, 7 February 2020 by Simonlc (talk | contribs)
Jump to navigation Jump to search

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.
/* CSS placed here will be applied to all skins */

/* logo fix */
#p-logo a {
	background-size: 100%;
}

/* Utility styles */
/* Spaces direct children 10 px apart, top and bottom. */
.spaced-10 > * {
	margin: 5px;
}

.list-spaced-v-10 > ul > li {
	margin: 10px;
}
.list-bare > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Extension:Math */
/* https://www.mediawiki.org/wiki/Extension:Math/advancedSettings#CSS_for_the_MathML_with_SVG_fallback_mode */
/*
.mwe-math-mathml-a11y {
	clip: auto !important;
	overflow: visible !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
}
.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display {
	display: none !important;
}
*/
/* .mw-body, */
/*
mtext {
	font-family: Latin Modern Roman;
}
math {
	font-family: Latin Modern Math;
}
*/

/* Front page styles */
.page-Tetris_wiki .firstHeading {
	display: none;
}

.main-page-header {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 768px;
}
.main-page-header h1 {
	border-bottom: none;
}
.main-page-header__nav ul {
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
}
.main-page-header__nav li:not(:last-child) {
	margin-right: 15px;
}
.main-page-header__nav li a {
	background: #347CFF;
	color: white;
	padding: 5px 10px;
	border-radius: 2px;
}
.main-page-header__nav li .new {
	color: #CB4554;
	background: #cfd5de;
}
.main-page-header__nav li a:visited {
	color: white;
}
.main-page-game-list {
	display: flex;
}
.main-page-game {
	width: 120px;
	text-align: center;
	
}
.main-page-game > div {
	text-align: left;
}
.main-page-game img {
	width: 120px;
	height: 200px;
	object-fit: contain;
}
.main-page-game:not(:last-child) {
	margin-right: 15px;
}