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; } body.page-Main_Page #firstHeading, body.page-Main_Page #catlinks { 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 { font-size: 15px; } .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 .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: 3px; display: flex; } .mw-indicators.mw-body-content img { height: 30px !important; width: auto !important; }

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

/* Infoboxes */ .infobox { color: #000; text-align: center; border: 2px solid #000; border-radius: 10px; background: #f9f9f9; } .tabber .infobox { padding: 2px !important; } .mediawiki .infobox.journal, .mediawiki .infobox.journal-green { padding-left: 1em !important; padding-right: 1em !important; } .infobox.journal { border-color: #0089B3; background: #C7E2EA; } .infobox.journal-green { border-color: #98C058; background: #E8FFEE; } .infobox td, .infobox th { vertical-align: top; } .infobox.data td, .infobox.data th { vertical-align: middle; } .infobox big { font-size: 125% !important; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox td[rowspan="13"] a > img { max-width: none !important; }

/* Tabber tabs */ .tabbernav { margin: 0 !important; padding: 1px 0 !important; } .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.goleft, .tabber.goright { margin-bottom: 0.75em !important; }	.tabber.goleft .tabbertab, .tabber.goright .tabbertab { text-align: center !important; }	.tabber.info { margin: 0 0 13.5px !important; } } @media all and (min-width: 720px) { .tabber.info { max-width: 315px !important; margin: 0 0 5px 13px !important; } } .tabber.info { display: block; float: right; } .tabber.info .tabber.info { margin: 0 !important; } .tabber.info table { display: block !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; } .tabber.info tbody { display: table !important; width: 100% !important; }

/* Alignment classes */ .gocenter { margin-left: auto; margin-right: auto; } .goleft { clear: left; float: left; } .goright { clear: right; float: right; }

/* Main page */ .main-box { color: #fff !important; font-weight: bold !important; background: url(https://kh.wiki.gallery/images/c/c3/Main-boxbg.jpg) #11072C !important; } .main-box a { color: #ccc !important; }	font-size: 140% !important; }	margin-top: -5px; font-size: 85% !important; }	font-size: 85% !important; }	display: block !important; } .container { display: none; } .nav { display: inline; }
 * 1) welcomeText {
 * 1) welcomeTagline {
 * 1) aboutText {
 * 1) mainpage table {
 * 1) mainpage br[clear="all"]:not(:last-of-type),

/* Misc. */ .forumheader { border: 1px solid #AAA; background-color: #F9F9F9; padding: 8px 0 6px 12px; margin: 10px 0 15px; } .mobilenofloat { float: none !important; } .canon { display: block !important; }	margin-bottom: 0; }	padding-left: 0 !important; } body.mediawiki .notice-template { width: 100% !important; font-size: 90% !important; margin: 0 auto 10px !important; } body.mediawiki.ns-6 .notice-template { margin: 10px auto !important; } .notice-template#aboutfile, .notice-template.copyright { width: 100% !important; text-align: left !important; } .notice-template p:last-of-type { margin-bottom: 0; } .notice-template tr:first-child big { font-size: 100% !important; } body.mediawiki #disambig img, body.mediawiki .notice-template img { max-width: none !important; } @media all and (max-width: 719px) { .notice-template img, .welcome img, .notice-template.maintenance td.icon { display: none; }	.notice-template.maintenance tr:not(:first-child) td { font-size: 95%; text-align: left !important; padding-left: 0.55em !important; }	.CharTheme { float: none !important; } }
 * 1) whosonline {
 * 1) rc-staff {

/* Userboxes */ .userbox > table { margin: 0 !important; } .userbox + .infobox { clear: right !important; } @media all and (max-width: 719px) { .userbox { float: none !important; } }

/* Talk bubbles */ .talkbubble { border-radius: 10px !important; } .talkbubble td { border: none !important; padding: 0 !important; } body.mediawiki .talkbubble td:first-of-type img { max-width: none !important; } @media all and (max-width: 719px) { .talkbubble td:first-of-type img { display: none; } }

/* Video tables */ .mw-parser-output table.video { text-align: center; border: 2px solid black; display: block; overflow: auto; margin-left: auto; margin-right: auto; max-width: max-content !important; } table.video tr:nth-child(odd) td { border: 1px inset; border-radius: 10px; } table.video tr:nth-child(even) td { border: 1px solid black; border-radius: 0 !important; } table.video .videoWidget, table.video .videoWidget iframe { display: block !important; } @media all and (max-width: 719px) { .mw-parser-output table.video { max-width: 100% !important; } }

/* Suite tabs */ .suiteul { padding-right: 0 !important; } .suite_tab, .suite_tab_selected { display: inline-flex; border: none !important; border-radius: 5px !important; padding: 2px 6px 1px !important; margin-bottom: 3px !important; vertical-align: bottom !important; } .suite_tab { background: #f4f4f4; box-shadow: -2px 2px 4px #333; } .suite_tab.suite_tab_selected { background: #fff; box-shadow: 0 1px 2px #333; } .suite_tab_large { position: relative; } .suite_tab_mini { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } body.skin-minerva .suite_tab_mini { padding: 6px 6px 5px !important; }