MediaWiki:Gadget-MobileStyle.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
Line 50: Line 50:
.notice-template:is(#aboutfile, .file, .copyright) {
.notice-template:is(#aboutfile, .file, .copyright) {
width: 100% !important;
width: 100% !important;
}
body.mediawiki .notice-template img {
max-width: none !important;
}
}
@media all and (max-width: 719px) {
@media all and (max-width: 719px) {

Latest revision as of 14:01, January 9, 2025

/* CSS placed here will affect users of the mobile site */

/* Indicator icons */
body.skin-minerva .mw-indicator {
	margin: 0 1px;
}
#mw-indicator-shortcut {
	display: none;
}

/* Project talk pages */
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dd {
	margin-top: 0.25em !important;
	margin-left: 0.25em !important;
}
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) :is(dl, dl dt) {
	margin-left: 0 !important;
}
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) :is(p, ul, ol) + dl {
	margin-top: -0.5em !important;
}
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dl + dl {
	margin-top: -0.25em !important;
}
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dl {
	font-size: 100% !important;
	margin-bottom: 0 !important;
}

/* Dismissable site notice */
.mw-dismissable-notice-body {
	margin: 0 !important;
}
.mw-dismissable-notice-close {
	margin-left: 5px !important;
}

/* Notice templates */
.notice-template {
	width: auto !important;
	font-size: 90% !important;
	margin: 10px 0 !important;
}
.content .notice-template p {
	margin-bottom: 0.5em !important;
}
body.skin-timeless .notice-template p {
	margin-top: 0.8em !important;
}
.notice-template:is(#aboutfile, .file, .copyright) {
	width: 100% !important;
}
@media all and (max-width: 719px) {
	body.mediawiki .notice-template img {
		max-width: 50px !important;
	}
	.notice-template.copyright :is(img, td:first-child) {
		display: none !important;
	}
	.notice-template:is(.talk, .maintenance) {
		padding: 0 0.5em !important;
	}
}

/* Navigation templates */
.nav-right {
	display: block !important;
}
@media all and (max-width: 719px) {
	.nav-right {
		float: none !important;
		width: auto !important;
		margin: 0 0 2px !important;
	}
	section:not(.navbox-section):has(> :not(.nav-right)) .nav-right {
		display: none !important;
	}
}
@media all and (min-width: 720px) {
	.navbox-section .nav-right, .navrights-only {
		display: none !important;
	}
}

/* Tabber tabs */
.mw-parser-output > div > .tabber {
	display: table;
	margin-bottom: 0.75em;
}
@media all and (max-width: 719px) {
	.tabber {
		display: block;
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.tabber:is(.goleft, .goright) {
		margin-bottom: 0.75em !important;
	}
	.tabber:is(.goleft, .goright) .tabbertab {
		text-align: center !important;
	}
	.mediawiki .tabbertab table.sortable {
		width: 100% !important;
		display: table !important;
	}
}
body.skin-timeless ul.tabbernav li {
	margin-bottom: 1px !important;
}
body.skin-minerva ul.tabbernav li {
	margin-bottom: 3px !important;
}
.infobox .tabber {
	display: inline-block;
}

/* Misc. */
.infobox-wide {
	font-size: 85% !important;
}
.infobox-wide :is(td, th) {
	padding: 2px !important;
}
#bodyContent .infobox-wide {
	margin-top: 0; margin-bottom: 0;
}
.infobox > tbody > tr:first-child > :is(td, th):first-child {
	font-size: 125% !important;
}
.quote {
	font-size: 95% !important;
	font-family: inherit !important;
}
#whosonline {
	margin-bottom: 0;
}
#rc-staff {
	padding-left: 0 !important;
}
#user-niwa tr:not(:first-of-type) td {
	display: inline-block;
	margin: 0 1px 2px;
	height: 25px;
}

/* Userboxes */
.mw-parser-output .userbox > table {
	width: 100% !important;
}
@media all and (min-width: 720px) {
	#userboxes {
		max-width: 275px !important;
	}
	.userbox {
	  	width: 98.5% !important;
	}
}

/* Template:Nav templates */
body.skin-minerva .navbox.multi {
	display: none !important;
}
.navbox.multi > tbody > tr:first-child > th {
	font-size: 115% !important;
}