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
 
(17 intermediate revisions by the same user not shown)
Line 10: Line 10:


/* Project talk pages */
/* Project talk pages */
.rootpage-MarioWiki_Proposals dd,
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dd {
.rootpage-MarioWiki_Featured_articles dd,
.rootpage-MarioWiki_Changing_username dd {
margin-top: 0.25em !important;
margin-top: 0.25em !important;
margin-left: 0.25em !important;
margin-left: 0.25em !important;
}
}
.rootpage-MarioWiki_Proposals dl,
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) :is(dl, dl dt) {
.rootpage-MarioWiki_Proposals dl dt,
.rootpage-MarioWiki_Featured_articles dl,
.rootpage-MarioWiki_Featured_articles dl dt,
.rootpage-MarioWiki_Changing_username dl,
.rootpage-MarioWiki_Changing_username dl dt {
margin-left: 0 !important;
margin-left: 0 !important;
}
}
.rootpage-MarioWiki_Proposals p + dl,
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) :is(p, ul, ol) + dl {
.rootpage-MarioWiki_Proposals ul + dl,
.rootpage-MarioWiki_Proposals ol + dl,
.rootpage-MarioWiki_Featured_articles p + dl,
.rootpage-MarioWiki_Featured_articles ul + dl,
.rootpage-MarioWiki_Featured_articles ol + dl,
.rootpage-MarioWiki_Changing_username p + dl,
.rootpage-MarioWiki_Changing_username ul + dl,
.rootpage-MarioWiki_Changing_username ol + dl {
margin-top: -0.5em !important;
margin-top: -0.5em !important;
}
}
.rootpage-MarioWiki_Proposals dl + dl,
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dl + dl {
.rootpage-MarioWiki_Featured_articles dl + dl,
.rootpage-MarioWiki_Changing_username dl + dl {
margin-top: -0.25em !important;
margin-top: -0.25em !important;
}
}
.rootpage-MarioWiki_Proposals dl,
:is(.rootpage-MarioWiki_Proposals, .rootpage-MarioWiki_Featured_articles, .rootpage-MarioWiki_Changing_username) dl {
.rootpage-MarioWiki_Featured_articles dl,
.rootpage-MarioWiki_Changing_username dl {
font-size: 100% !important;
font-size: 100% !important;
margin-bottom: 0 !important;
margin-bottom: 0 !important;
Line 60: Line 41:
font-size: 90% !important;
font-size: 90% !important;
margin: 10px 0 !important;
margin: 10px 0 !important;
}
.notice-template.image, .notice-template.copyright,
.notice-template#disambig, .notice-template#aboutfile {
width: 100% !important;
}
}
.content .notice-template p {
.content .notice-template p {
Line 71: Line 48:
margin-top: 0.8em !important;
margin-top: 0.8em !important;
}
}
body.mediawiki .notice-template img {
.notice-template:is(#aboutfile, .file, .copyright) {
max-width: none !important;
width: 100% !important;
}
}
@media all and (max-width: 719px) {
@media all and (max-width: 719px) {
.notice-template.copyright img,
.notice-template.copyright td:first-child {
display: none !important;
}
body.mediawiki .notice-template img {
body.mediawiki .notice-template img {
max-width: 50px !important;
max-width: 50px !important;
}
}
.notice-template.talk,
.notice-template.copyright :is(img, td:first-child) {
.notice-template.maintenance {
display: none !important;
}
.notice-template:is(.talk, .maintenance) {
padding: 0 0.5em !important;
padding: 0 0.5em !important;
}
}
Line 91: Line 66:
.nav-right {
.nav-right {
display: block !important;
display: block !important;
}
.navbox-section .nav-right {
display: none !important;
}
}
@media all and (max-width: 719px) {
@media all and (max-width: 719px) {
.nav-right {
.nav-right {
display: none !important;
}
.navbox-section .nav-right {
float: none !important;
float: none !important;
width: auto !important;
width: auto !important;
display: block !important;
margin: 0 0 2px !important;
margin: 0 !important;
}
section:not(.navbox-section):has(> :not(.nav-right)) .nav-right {
display: none !important;
}
}
}
}
@media all and (min-width: 720px) {
@media all and (min-width: 720px) {
.navrights-only {
.navbox-section .nav-right, .navrights-only {
display: none !important;
display: none !important;
}
}
Line 125: Line 96:
margin-right: 0 !important;
margin-right: 0 !important;
}
}
.tabber.goleft, .tabber.goright {
.tabber:is(.goleft, .goright) {
margin-bottom: 0.75em !important;
margin-bottom: 0.75em !important;
}
}
.tabber.goleft .tabbertab,
.tabber:is(.goleft, .goright) .tabbertab {
.tabber.goright .tabbertab {
text-align: center !important;
text-align: center !important;
}
}
Line 136: Line 106:
display: table !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 {
.infobox .tabber {
Line 145: Line 121:
font-size: 85% !important;
font-size: 85% !important;
}
}
.infobox-wide td, .infobox-wide th {
.infobox-wide :is(td, th) {
padding: 2px !important;
padding: 2px !important;
}
}
Line 151: Line 127:
margin-top: 0; margin-bottom: 0;
margin-top: 0; margin-bottom: 0;
}
}
.infobox > tbody > tr:first-child > td:first-child,
.infobox > tbody > tr:first-child > :is(td, th):first-child {
.infobox > tbody > tr:first-child > th:first-child {
font-size: 125% !important;
font-size: 125% !important;
}
}
Line 169: Line 144:
margin: 0 1px 2px;
margin: 0 1px 2px;
height: 25px;
height: 25px;
}
#pgod {
font-size: 6em !important;
}
.mw-parser-output .mediaRow {
width: 100% !important;
margin: 0 !important;
}
@media all and (max-width: 719px) {
.mediaRow .fileInfo {
display: none !important;
}
.videoRow .fileMain > center {
margin-top: 5px !important;
}
.audioRow .fileMain > center {
margin-top: 10px !important;
}
}
}


Line 192: Line 149:
.mw-parser-output .userbox > table {
.mw-parser-output .userbox > table {
width: 100% !important;
width: 100% !important;
}
@media all and (max-width: 719px) {
#userboxes {
float: none !important;
margin: 15px 0 15.75px !important;
max-width: none !important;
}
.userbox {
width: 99% !important;
}
}
}
@media all and (min-width: 720px) {
@media all and (min-width: 720px) {
Line 213: Line 160:


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

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;
}