MediaWiki:Timeless.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
 
(48 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 */


/* Fixes */
/* Indicators */
#p-logo-text a.long {
#mw-indicator-shortcut {
padding-top: 0.5em;
top: 6px;
}
}
@media all and (max-width: 400px) {
 
#p-logo-text a.long {
/* Main page */
width: 70%;
.mainpagebox h2 {
padding-top: 0;
border-width: 2px !important;
}
border-style: solid !important;
}
}
.top-right {  
.mainpagebox h2::after {
top: -114px;
border: 0 !important;
}
}
@media all and (max-width: 850px) {
body.page-Main_Page h2 {
.top-right {  
margin-top: 0 !important;
top: -120px;
}
#mw-content .top-right a img {
height: 24px !important;
width: auto !important;
image-rendering: auto !important;
}
}
}
.top-right-text {
body.page-Main_Page .pds-vote {
top: -98px;
padding-bottom: 1px !important;
font-size: small !important;
}
}


/* Standard changes */
/* Standard changes */
#siteNotice {
.mediawiki {
text-align: center;
font-size: 15px;
}
}
#firstHeading {
#mw-content-container {
overflow: visible;
font-size: 14px;
}
a:hover {
text-decoration: underline;
}
ul#filetoc {
padding: 0.625em 0.875em;
}
}
#toc ul ul {
#toc ul ul {
Line 48: Line 46:
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;
}
}
table {
table {
Line 55: Line 59:
max-width: 100% !important;
max-width: 100% !important;
height: auto !important;
height: auto !important;
}
.mw-indicators {
line-height: unset !important;
}
}
@media all and (max-width: 850px) {
@media all and (max-width: 850px) {
.mw-indicator {
margin: 0 !important;
}
.infobox {
.infobox {
display: block !important;
display: block !important;
Line 78: Line 88:
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 119: Line 132:
.ns-110 dl + dl {
.ns-110 dl + dl {
margin-top: -0.25em !important;
margin-top: -0.25em !important;
}
/* Main Page */
.page-Main_Page h2 {
margin-top: 0 !important;
}
#WelcomeDiv {
margin-top: -0.2em !important;
margin-bottom: -0.9em !important;
}
#mp-body {
border-spacing: 8px;
}
#niwa #links {
font-size: 12px !important;
}
}

Latest revision as of 22:18, July 31, 2023

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

/* Indicators */
#mw-indicator-shortcut {
	top: 6px;
}

/* Main page */
.mainpagebox h2 {
	border-width: 2px !important;
	border-style: solid !important;
}
.mainpagebox h2::after {
	border: 0 !important;
}
body.page-Main_Page h2 {
	margin-top: 0 !important;
}
body.page-Main_Page .pds-vote {
	padding-bottom: 1px !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;
}