MediaWiki:Timeless.css

Revision as of 14:18, August 7, 2023 by Porplemontage (talk | contribs)

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 affect users of the Timeless skin */

/* Site notice */
@media all and (max-width: 850px) {
	#siteNotice {
		margin-top: 12px;
	}
}

/* Main page */
.main-page-left-col > table:first-of-type {
	border-spacing: 0;
}

/* Infoboxes */
.infobox {
	border: 1px solid #AAA;
	background-color: #F9F9F9;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #AAA;
}
.infobox th,
.infoboxTitle {
	background: #CEF2E0;
}

/* Site boxes */
.pikipediaBox, .mw-message-box,
.warningbox, div.mw-warning-with-logexcerpt {
	background: #CEF2E0;
	border: 1px solid #A3BFB1;
}

/* Titled boxes */
.titledBox {
	background: #ecf6ee url(https://pikmin.wiki.gallery/images/0/09/Vector_grass.jpg) bottom center;
	border: 1px solid #66b283;
	border-radius: 16px;
	padding: 5px;
}
.titledBoxTitle {
	background: #cef2e0;
	border: 1px solid #a3bfb1;
	border-radius: 12px;
}

/* Main page */
#mp-title-nav { background-color: #b9d6ec; }
#mp-title-fa { background-color: #ecebbf; }
#mp-title-image { background-color: #c8f0b9; }
#mp-title-community { background-color: #dbd0f6; }
#mp-title-news { background-color: #f0d2e2; }
#mp-title-poll { background-color: #b9b9b9; }
#mp-title-dyk { background-color: #f8f8f8; }
#mp-title-niwa { background-color: #e6b5b5; }
.main-page-nav-item {
	display: inline-grid;
	background-color: #d8f0db;
	border: 2px solid #66b283;
	border-radius: 20px;
	margin-bottom: 5px;
	padding: 8px;
}

/* Wiki tables */
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > * > tr > th {
	background-color: #d8f0db;
}

/* Fixes */
.titledBoxTitle {
	display: table !important;
	width: 100% !important;
}

/* Standard changes */
.mediawiki {
	font-size: 15px;
}
#mw-content-container {
	font-size: 14px;
}
a:hover {
	text-decoration: underline;
}
ul#filetoc {
	padding: 0.625em 0.875em;
}
#toc ul ul {
	margin: 0 0 0 1em;
}
#toc li:last-child {
	margin: 0;
}
.wikiEditor-ui {
	margin-top: 0.5em;
}
.CodeMirror {
	padding: 0.25em 0.35em;
	box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.05);
}
.oo-ui-popupWidget-body-padded {
	margin-top: 6px;
}
.floatleft, .floatright {
	margin: 0;
}
table {
	border-collapse: separate;
}
table.wikitable img {
	max-width: 100% !important;
	height: auto !important;
}
.mw-indicators {
	line-height: unset !important;
}
@media all and (max-width: 850px) {
	.mw-indicator {
		margin: 0 !important;
	}
	.infobox {
		display: block !important;
		float: none !important;
		margin: 15px 0 15.5px !important;
	}
	.infobox, table {
		display: block;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	.infobox table {
		width: 100% !important;
	}
	table tbody {
		width: 100% !important;
		display: table !important;
	}
	table:not(.infobox) td, table:not(.infobox) th {
		width: auto !important;
	}
	.thumbimage {
		text-align: center;
	}
	ul.gallery {
		text-align: center;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Talk spacing */
.ns-talk dd,
.ns-4 dd,
.ns-110 dd {
	margin-top: 0.25em !important;
}
.ns-talk dl,
.ns-4 dl,
.ns-110 dl {
	margin-left: 0 !important;
}
.ns-talk p + dl,
.ns-4 p + dl,
.ns-110 p + dl {
	margin-top: -0.25em !important;
}
.ns-talk ul + dl,
.ns-4 ul + dl,
.ns-110 ul + dl {
	margin-top: -0.5em !important;
}
.ns-talk ol + dl,
.ns-4 ol + dl,
.ns-110 ol + dl {
	margin-top: -0.5em !important;
}
.ns-talk dl + dl,
.ns-4 dl + dl,
.ns-110 dl + dl {
	margin-top: -0.25em !important;
}