MediaWiki:Gadget-MobileStyle.css

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

/* Standard changes */ .overlay { z-index: 1000000 !important; } .ve-ui-overlay-global, .mw-notification-area, .drawer, .overlay.media-viewer .image-wrapper .image { z-index: 2000000 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog { z-index: 3000000 !important; } .ve-ui-mwSaveDialog-visualDiffFeedback { max-width: none !important; } body.ns-subject #content, overflow-x: clip !important; } .mw-notification, .toast { margin-bottom: 80px !important; } .overlay-header h2 span { max-width: 250px !important; } .overlay-header .mw-ui-anchor, .overlay-header .mw-ui-button { height: 48px !important; } .overlay-content { background: #fff !important; } .overlay.media-viewer { height: 105% !important; padding-bottom: 15% !important; } .media-viewer .overlay-content { background: none !important; } .media-viewer div.image img { background: #fff !important; } .editor-container .anonwarning { margin: 16px 0 0 !important; } .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-error-box, .mw-warning-box, .mw-success-box { padding: 6px 12px !important; } .warningbox a.external, .mw-warning-box a.external { padding-right: 0 !important; background-image: none !important; } .page-Metroidpedia #firstHeading { display: none !important; } .explain[title] { text-decoration: none; } .ns-special .content-header { border-bottom: none !important; } .ns-special .pre-content, .ns-special .mw-body form { background: transparent !important; } .ns-special .heading-holder .tagline, .mw-special-Recentchanges .warningbox, display: none !important; } .editButtons #wpCaptchaWord { margin-top: 2.5px; } .mw-special-Contact #wpCaptchaWord { border: 1px solid #a2a9b1; }	display: none !important; }	display: inline !important; } .ns-special #bodyContent .watermark { text-align: center; } .ns-special #bodyContent .watermark img { height: 72px !important; } .secondary-action { border-left: 1px solid #EAECF0 !important; } .page-summary:last-of-type { border-bottom: 0 !important; } .mediawiki table { font-size: 90%; border-collapse: separate; max-width: 100% !important; } .mediawiki table table { font-size: 100%; } .mediawiki .content table, .mediawiki .mw-body-content table { margin: 0.5em 0 0.75em; } .mediawiki .content table table, .mediawiki .mw-body-content table table { margin: 0; } .mediawiki table.wikitable { border-collapse: collapse; } .mediawiki table > tbody { width: 100% !important; display: table !important; } .mediawiki table > thead + tbody, .ve-ui-overlay table.diff > tbody { display: table-row-group !important; } .content img, .mw-body-content img { max-width: 100% !important; height: auto !important; } .content .thumbcaption { text-align: left; } body.mediawiki .noresize a > img { max-width: 100% !important; } body.mediawiki .noresize > map ~ img { max-width: none !important; } .mediawiki figure, .mediawiki .thumb, .mediawiki .thumbinner { overflow: auto !important; } @media all and (max-width: 719px) { .mediawiki .content figure, .mediawiki .content .thumb { margin: 0.8em 0 0.5em; margin-left: auto !important; margin-right: auto !important; max-width: max-content; }	.mediawiki .content .in-block + .thumb, .mediawiki .content .thumb + .thumb { margin-top: 0.6em; }	.mediawiki figure, .mediawiki .thumb { width: auto !important; }	#content .mw-indicators img { height: 20px !important; width: auto !important; }	.thumbimage { text-align: center; }	.content .gallery .gallerybox { width: 155px !important; }	.content .gallery .gallerybox div { width: auto !important; }	.content .gallery .gallerybox .video-js { width: 120px !important; }	.content .gallery .gallerybox .vjs-progress-control { display: none !important; }	.content .gallery .gallerybox .vjs-time-control { padding: 0 !important; }	ul.gallery { text-align: center; margin-left: auto !important; margin-right: auto !important; }	div.gallerytext { text-align: left; }	center div.gallerytext, .gallery.center div.gallerytext, .gallery[style*="center"] div.gallerytext { text-align: center; }	#wpEmail { margin-bottom: 6px; }	#mw-input-captchaWord { margin-top: 9px; }	.g-recaptcha { margin-top: 12px; }	.captcha-box #question { text-align: center; }	.mediawiki table { min-width: 0 !important; }	.mediawiki .content table.wikitable { border: 1px solid rgba(84,89,93,0.3); }	.mediawiki table[style*="inline-block"] { display: block !important; }	table:not(.infobox):not(.keepwidths) > tbody > tr > td, table:not(.infobox):not(.keepwidths) > tbody > tr > th { width: auto !important; }	.mediawiki .mw-parser-output table, .mediawiki .infobox { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }	.mediawiki .infobox { display: block !important; margin: 15px 0 15.5px !important; } } @media all and (min-width: 720px) { .mediawiki .infobox { float: right !important; clear: right !important; max-width: 315px !important; margin: 0 0 7px 15px !important; }	li.gallerycaption { text-align: unset; } } .mediawiki .infobox { padding: 4px !important; font-size: 85% !important; font-family: inherit !important; } .mediawiki .infobox tr:not(:first-of-type) { vertical-align: top !important; } .mediawiki .infobox tr:not(:first-of-type) > th:not([colspan]) { text-align: left !important; } .mediawiki .infobox td, .mediawiki .infobox th { padding: 2px !important; } .mediawiki .infobox table { width: 100% !important; } .gallery { margin: 0.8em 0 0 !important; padding: 0 !important; } .in-block + .gallery { margin-top: 0.6em !important; } .gallery + .gallery { margin-top: 0 !important; } .gallerybox, .gallerybox div { max-width: 100% !important; } .gallerybox .thumb { margin: 0 !important; } .gallerybox .mediaContainer { display: inline-block !important; } .gallerytext p { font-size: 90% !important; margin: 0.4em 0 0.6em !important; } div.thumbinner.mw-overflow { overflow: hidden; display: block; } .center { text-align: center; } .center * { margin-left: auto; margin-right: auto; } .allpagesredirect a.mw-redirect { color: #888 !important; } .mw-parser-output a.selflink { color: #000 !important; font-weight: bold !important; text-decoration: none !important; cursor: auto !important; } .mw-parser-output .floatleft { padding: 0 !important; margin: 0.5em 1em 0.5em 0 !important; } .mw-parser-output .floatright { padding: 0 !important; margin: 0.5em 0 0.5em 1em !important; } .mw-parser-output ol.references { font-size: 90% !important; margin: 0 !important; } .drawer .reference-text div, .mw-parser-output ol.references div { display: inline; } .drawer .reference-text span, .mw-parser-output ol.references span { line-height: 1; } .client-js #mw-subcategories ul { padding-left: 0; } .mediawiki .content ol { padding-left: 2em; list-style-position: outside; } .mediawiki .content p, .mediawiki .content ul, .mediawiki .content ol { margin-top: 0.5em; margin-bottom: 0.75em; } .mediawiki .content p + ul, .mediawiki .content p + ol, .mediawiki .content ul + p, .mediawiki .content ol + p { margin-top: -0.25em; } .mediawiki .content ul li, .mediawiki .content ol li, .mediawiki .content ul li:last-child, .mediawiki .content ol li:last-child { margin-bottom: 2px; } .mediawiki .content ul ul, .mediawiki .content ol ol, .mediawiki .content ul ol, .mediawiki .content ol ul { margin-top: 2px; margin-bottom: 0; } .mediawiki .content ul + ul, .mediawiki .content ol + ol, .mediawiki .content ul + ol, .mediawiki .content ol + ul { margin-top: 0 !important; } .ns-subject:not(.ns-110) section > dl { font-size: 95% !important; margin-bottom: 0.5em !important; } .mediawiki .content ul + dl, .mediawiki .content ol + dl { margin-top: -0.5em !important; } .mediawiki .content ul + dl > dd > ul, .mediawiki .content ol + dl > dd > ol, .mediawiki .content ul + dl > dd > ol, .mediawiki .content ol + dl > dd > ul { margin-top: 0 !important; } .ns-talk dd, .ns-110 dd, .content.talk-section dd { margin-top: 0.25em !important; margin-left: 0.25em !important; } .ns-talk dl, .ns-110 dl, .content.talk-section dl { margin-left: 0 !important; } .ns-talk p + dl, .ns-110 p + dl, .content.talk-section p + dl { margin-top: -0.5em !important; } .ns-talk ul + dl, .ns-110 ul + dl, .content.talk-section ul + dl { margin-top: -0.5em !important; } .ns-talk ol + dl, .ns-110 ol + dl, .content.talk-section ol + dl { margin-top: -0.5em !important; } .ns-talk dl + dl, .ns-110 dl + dl, .content.talk-section dl + dl { margin-top: -0.25em !important; } dl dd { overflow: visible !important; } textarea { width: 100% !important; } .content textarea, .content select { border: 1px solid #a2a9b1; }	width: 100%; border: 1px solid #a2a9b1; }	display: block; margin-top: 20px; }	margin-top: 15px; }	margin-top: 10px; } .mw-htmlform-field-HTMLTextField, .mw-htmlform-field-HTMLTextAreaField { margin-bottom: 2.5px; } .mw-htmlform-field-HTMLCheckField { margin-top: 2.5px; } .htmlform-tip.mw-htmlform-hide-if { margin-bottom: 0; } .mw-upload-editlicenses { display: none; } label[for="wpUploadFile"]::after { content: " "; } label[for="wpUploadFileURL"]::after { content: " "; } pre { margin-top: 0.5em !important; margin-bottom: 0.5em !important; background-color: #F8F9FA !important; } .ns-8 pre { font-size: 12px !important; } code { padding: 0 !important; border: none !important; background-color: #F9F9F9 !important; } small { font-size: 85% !important; } big { font-size: 115% !important; } blockquote { font-size: 100% !important; padding: 0 0 0 15px !important; } blockquote p:last-of-type { margin-bottom: 0.5em; } ul#filetoc { text-align: center; background: #fcfcfc; border: 1px solid #eee; margin: 1em 0 !important; padding: 0.625em 0.875em !important; } ul#filetoc li { display: inline; padding: 0 1em; } .mw-ui-button { max-width: none; } .minerva-user-menu-list .mw-ui-icon, .page-summary .mw-ui-icon, #p-tb .mw-ui-icon { overflow: visible !important; } .mw-ui-icon-element { color: transparent !important; } body.skin-timeless .mw-ui-icon-mf-expand { width: 1.1em !important; min-width: 0 !important; min-height: 21px !important; display: inline-block !important; background-size: auto !important; } body.skin-timeless .mw-ui-icon-mf-expand::before { margin: -0.2em 0 0 !important; background-position: left center !important; } .client-js body.skin-timeless.ns-subject:not(.ns-10):not(.ns-14) .section-heading:not(.collapsible-heading) .mw-headline { padding-left: 26.5px !important; } .client-js body.skin-timeless.ns-subject:not(.ns-10):not(.ns-14) .section-heading > .mw-ui-icon:not(.mw-ui-icon-mf-expand) { display: none !important; } body.skin-timeless.mw-special-Contributions .content-header { margin-bottom: 2em; } body.skin-timeless.mw-special-Contributions h2.list-header { margin: 0 !important; } body.skin-timeless.mw-special-Contributions .list-thumb p { margin-top: 0.7em !important; } body.skin-timeless.mw-special-Contributions .page-list h3 { margin-top: 0.25em !important; } body.skin-timeless .mw-parser-output ol.references { padding-left: 0 !important; margin-left: 1.6em !important; } body.skin-timeless textarea#wpTextbox1 { margin-top: 0.5em; } body.skin-timeless .sidebar-inner a { background: none !important; } body.skin-timeless .mw-indicators { position: relative; } @media all and (max-width: 719px) { body.skin-timeless #toc { display: none; } } @media all and (max-width: 850px) { body.skin-timeless #toc { width: auto; } }
 * 1) mw-mf-viewport, #mw-wrapper {
 * 1) mw-indicator-mw-helplink,
 * 1) p-interaction .mw-ui-icon-minerva-recentChanges {
 * 1) signupstart + #userloginForm .warningbox {
 * 1) whosonline .mw-userlink::before {
 * 1) mw-htmlform-description input,
 * 2) mw-htmlform-description select {
 * 1) mw-upload-form .mw-htmlform-submit-buttons {
 * 1) mw-upload-form > fieldset:first-of-type,
 * 2) mw-upload-form > fieldset:last-of-type {
 * 1) wpSourceTypeurl {

/* Headings */ .mw-parser-output h3, #mw-content-text h3 { font-size: 1.3em !important; } .mw-parser-output h4, #mw-content-text h4 { font-size: 1.2em !important; } .mw-parser-output h5, #mw-content-text h5 { font-size: 1.1em !important; font-weight: bold !important; } .mw-parser-output h6, #mw-content-text h6 { font-weight: bold !important; }

/* Mobile diffs */ .diff { display: block; overflow: auto; border-spacing: 1px; } .diff td.diff-marker { padding: 0; } .diff td div { padding: 0 0.1em; word-wrap: anywhere; } .diff-addedline, .diff-deletedline, .diff .diff-context { width: auto; min-width: 125px; min-height: 18px; vertical-align: middle; } .diffchange { font-weight: normal; } .diff-addedline .diffchange, .diff-deletedline .diffchange { padding: 1px 0; } .ve-init-mw-diffPage-diffMode { margin-top: 0; text-align: center; } [data-diff-action="none"] { z-index: 0; opacity: 1; }	padding-bottom: 0; } @media all and (max-width: 719px) { .diff-context, .diff-addedline, .diff-deletedline { font-size: 10px; } } body.skin-timeless #mw-mf-diffarea { padding-bottom: 2em; } .ve-ui-diffElement-doc-child-change p { margin: 0; }
 * 1) mw-mf-diffarea {

/* Recent changes options */ label[for="tagfilter"], input#tagfilter, body.skin-minerva .rcoptions legend, body.skin-minerva .rcoptions hr { display: none !important; } .rcoptions .mw-label.mw-namespace-label { vertical-align: top; padding-top: 4px; } .rcoptions .mw-recentchanges-table { font-size: 100% !important; } .rcoptions td.mw-input, .rcoptions select, .rcoptions input { width: 100%; margin: 0 !important; } body.skin-minerva .namespaceForm select#namespace { padding: 0.25em; } body.skin-minerva .tagfilterForm input.mw-ui-button { padding: 5px 10px 3.25px; } body.skin-minerva .rcoptions { margin-top: 22px; }

/* Enhanced recent changes */ table.mw-changeslist-line { border: 0; border-spacing: 0; display: table !important; margin: 0 !important; } table.mw-changeslist-line th, table.mw-changeslist-line td { padding: 0; vertical-align: top; } table.mw-enhanced-rc td.mw-enhanced-rc-nested { padding-left: 1em; } td.mw-enhanced-rc { white-space: nowrap; font-family: monospace,monospace; } .mw-enhanced-rc-time { font-family: monospace,monospace; } .mw-enhanced-rc .collapsible-expander { float: none; } .client-nojs .mw-enhancedchanges-arrow-space { display: none; } .mw-enhancedchanges-arrow { padding-top: 2px; } .mw-enhancedchanges-arrow-space { width: 15px; height: 15px; display: inline-block; } .mw-enhanced-watched .mw-enhanced-rc-time { font-weight: bold; } span.changedby { font-size: 95%; }

/* Navboxes */ .mobile .navbox { width: 100% !important; font-size: 85% !important; margin: 15px 0 0 !important; } .mobile .navbox .navbox { font-size: 100% !important; margin-top: 0 !important; } .mobile .navbox + .navbox { margin-top: 0 !important; } .mobile .navbox-section > *:first-child { margin-top: 15px !important; margin-bottom: 0 !important; } .mobile.skin-minerva .navbox + .navbox, .mobile.skin-minerva .navbox-section > * + * { margin: 2px 0 0 !important; } .mobile.skin-timeless .navbox-section > * + * { margin: 0 !important; } .mobile .navbox td, .mobile .navbox th { width: auto !important; font-size: 100% !important; padding-left: 2px !important; padding-right: 2px !important; white-space: normal !important; } .mobile .navbox tr:first-child th span, .mobile .navbox:not(.multi) .navbox tr:first-child th { font-size: 100% !important; } .mobile .navbox tr:first-child th { font-size: 110% !important; padding-left: 4px !important; padding-right: 4px !important; } .mobile .navbox p, .mobile .navbox hr { margin: 0.1em 0 !important; } .mobile .navbox-heading { clear: both !important; } .mobile.skin-timeless .navbox-heading { border: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; } .mobile.skin-timeless .navbox-heading::after { border: 0 !important; } .client-nojs .mobile section > .navbox, .client-nojs .mobile #bodyContent .navbox-heading, .mobile.skin-timeless .navbox-heading > .mw-ui-icon { display: none !important; } .mobile.skin-timeless .navbox-heading + .collapsible-block { display: block !important; }

/* OOUI */ @media all and (max-width: 850px) { .mw-widget-selectWithInputWidget .oo-ui-dropdownInputWidget, .mw-widget-complexTitleInputWidget .mw-widget-namespaceInputWidget { max-width: none !important; }	.mw-widget-selectWithInputWidget .oo-ui-textInputWidget { max-width: none !important; margin-top: 0.5em !important; } } body.skin-minerva .mw-widget-complexTitleInputWidget .mw-widget-namespaceInputWidget { margin-bottom: 0.5em; }

/* Editing interface */ .editOptions { margin: 0.5em 0; } .mw-editTools { display: none; }

/* Video widget */ .infobox .videoWidget, .infobox .videoWidget iframe { display: block !important; } .infobox .autoResize { margin: 0 auto !important; } .autoResize:not(.thumbinner) .thumbcaption { margin: 0; padding: 0; } @media all and (max-width: 719px) { .videoWidget { display: block !important; }	.autoResize { margin: 0 auto !important; } } @media all and (min-width: 720px) { .videoWidget.tleft { float: left; margin-right: 1.4em; }	.videoWidget.tright { float: right; margin-left: 1.4em; } }

/* Indicator icons */ body.skin-timeless .mw-indicators { top: 2px; } body.skin-minerva .mw-indicator { margin: 0 1px; }	display: none; }
 * 1) mw-indicator-shortcut {

/* 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; } .notice-template#disambig, .notice-template#aboutfile, .notice-template.copyright { width: 100% !important; } .content .notice-template p { margin-bottom: 0.5em !important; } body.skin-timeless .notice-template p { margin-top: 0.8em !important; } body.mediawiki .notice-template img { max-width: none !important; } @media all and (max-width: 719px) { .notice-template.copyright img, .notice-template.copyright td:first-child { display: none !important; }	body.mediawiki .notice-template img { max-width: 50px !important; }	.notice-template.talk, .notice-template.maintenance { padding: 0 0.5em !important; } }

/* Navigation templates */ .nav-right { display: block !important; } .navbox-section .nav-right { display: none !important; } @media all and (max-width: 720px) { .nav-right { display: none !important; }	.navbox-section .nav-right { float: none !important; width: auto !important; display: block !important; margin: 0 !important; } }

/* Main page */ margin-bottom: -5px; }	margin: 5px 0 0 !important; }	font-size: 150% !important; margin-bottom: -16px !important; } body.skin-minerva #WelcomeDiv { margin-top: -10px !important; }	font-size: 90%; }	margin-top: -2px !important; }	float: right; display: block !important; } body.skin-minerva #mainpage ul { margin: 0 !important; } .mainpagebox.maintain { display: none; } .mainpagebox#announce, font-size: 90%; text-align: center; display: block !important; } body.skin-timeless #mf-announce { margin-top: 6px; } body.skin-minerva #mf-announce { margin-bottom: 3px; }	display: none; }	line-height: 24px; } body.skin-minerva #mainpage #mf-nav2 { margin-top: -206px; } body.skin-minerva #mainpage #mf-nav3 { margin-top: -102px; }
 * 1) mf-welcome {
 * 1) mf-welcome .floatleft,
 * 2) mf-welcome .floatright {
 * 1) WelcomeDiv {
 * 1) WithText {
 * 1) linksRow1 {
 * 1) mainpage #mobile-navimg {
 * 1) mainpage #mf-announce {
 * 1) mf-announce + br {
 * 1) mf-nav1, #mf-nav2, #mf-nav3 {

body.skin-timeless #mainpage #mf-nav2 { margin-top: -219px; } body.skin-timeless #mainpage #mf-nav3 { margin-top: -124px; } body.page-Metroidpedia #catlinks { display: none; }

body.page-Metroidpedia .throbber { display: none; }

/* Misc. */ .infobox-wide { width: 100%; padding: 4px; margin: 0 !important; font-size: 85% !important; } .infobox-wide td, .infobox-wide th { padding: 2px !important; } .infobox > tbody > tr:first-child > td:first-child, .infobox > tbody > tr:first-child > th:first-child { font-size: 125% !important; } .quote { font-size: 95% !important; font-family: inherit !important; }	margin-bottom: 0; }	padding-left: 0 !important; } .games { background: silver; border: 1px solid #000; } body.skin-timeless .games tbody tr { background: #fff; } body.skin-minerva .games tr:not(:first-child) { background: #fff; }
 * 1) whosonline {
 * 1) rc-staff {

font-size: 6em !important; } body.skin-timeless .sidebar-inner #p-Browse { display: none; } .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; } }
 * 1) pgod {

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

@media all and (max-width: 550px) { #sidebar .portlet[role="navigation"] { display: none !important; } }

/* main page responsive fixes */ @media all and (max-width:550px) { body.page-Metroidpedia #welcome > tbody > tr > td { display: block !important; } body.page-Metroidpedia #mp-body > tbody > tr > td { display: block !important; width: 100% !important; } body.page-Metroidpedia #mp-body > tbody > tr > td + td { margin-top: 5px !important; } }

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