MediaWiki:Timeless.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(76 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin */
/* CSS placed here will affect users of the Timeless skin */


/* Timeless theme */
/* Site notice */
#mw-content-container {
@media all and (max-width: 850px) {
background: url(/images/timeless-bg.webp) fixed;
body #siteNotice {
margin-top: 12px;
}
}
}
#mw-header-container {
 
background: #d1f0e1;
/* Main page */
.main-page-left-col > table:first-of-type {
border-spacing: 0;
}
}
.color-left, .color-middle, .color-right {
 
background: #418262;
/* Fixes */
}
.titledBoxTitle {
#mw-content-container,
display: table !important;
#mw-content h1.firstHeading,
width: 100% !important;
#mw-content h1, #mw-content h2,
#mw-page-header-links li.selected,
#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
border-color: #418262;
}
body.skin-timeless {
background: #26573e;
}
body.skin-timeless #mw-footer-container {
border-top: 0;
box-shadow: none;
}
}


/* Standard changes */
/* Standard changes */
#siteNotice {
.mediawiki {
text-align: center;
font-size: 15px;
}
}
#firstHeading {
#mw-content-container {
overflow: visible;
font-size: 14px;
}
}
#mw-content h1, #mw-content h2,
a:hover {
#mw-content h3, #mw-content h4,
text-decoration: underline;
#mw-content h5, #mw-content h6,
#mw-content dt {
margin-top: 1em;
}
}
#mw-content dd {
ul#filetoc {
margin-bottom: 0.25em;
padding: 0.625em 0.875em;
}
.wikiEditor-ui {
margin-top: 0.5em;
}
}
.CodeMirror {
.CodeMirror {
padding: 0.25em 0.35em;
padding: 0.25em 0.35em;
box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.05);
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;
}
.center * {
margin-left: auto;
margin-right: auto;
}
}
table {
table {
border-collapse: separate;
border-collapse: separate;
border-spacing: 2px;
}
table td, table th {
padding: 2px 4px;
}
table.wikitable {
padding: 0;
}
}
table.wikitable img {
table.wikitable img {
Line 61: Line 56:
height: auto !important;
height: auto !important;
}
}
.thumb, .thumbcaption {
.mw-indicators {
padding-bottom: 0;
line-height: unset !important;
}
}
@media all and (max-width: 850px) {
@media all and (max-width: 850px) {
#siteNotice {
.mw-indicator {
display: none;
margin: 0 !important;
}
}
.infobox {
.infobox {
Line 89: Line 84:
width: 100% !important;
width: 100% !important;
display: table !important;
display: table !important;
}
table:not(.infobox) td, table:not(.infobox) th {
width: auto !important;
}
}
.thumbimage {
.thumbimage {
Line 100: Line 98:
}
}


/* Misc. changes */
/* Talk spacing */
.titledBoxTitle {
:is(.ns-talk, .ns-4, .ns-110) dd {
display: table !important;
margin-top: 0.25em !important;
width: 100% !important;
}
}
@media all and (max-width: 850px) {
:is(.ns-talk, .ns-4, .ns-110) :is(p, dl) + dl {
#game-icons {
margin-top: -0.25em !important;
margin-top: -21px !important;
}
#mw-content #game-icons a img {
height: 20px !important;
width: auto !important;
}
}
}

Latest revision as of 14:57, December 21, 2024

/* CSS placed here will affect users of the Timeless skin */

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

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

/* 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;
}
.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;
}
.center * {
	margin-left: auto;
	margin-right: auto;
}
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 */
:is(.ns-talk, .ns-4, .ns-110) dd {
	margin-top: 0.25em !important;
}
:is(.ns-talk, .ns-4, .ns-110) :is(p, dl) + dl {
	margin-top: -0.25em !important;
}