MediaWiki:Mobile.css

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

/* Background color */ body, nav, .header-container.header-chrome, background-color: #D10200 !important; } .header { border-color: #D10200 !important; } /* Border color */ .minerva-footer { border-top: 1px solid #BC0100 !important; } .ns-special .content-header, .page-summary, .last-modified-bar, footer > .post-content > h2, form.mw-mf-settings .oo-ui-fieldLayout { border-bottom: 1px solid #BC0100 !important; } .mw-mf-watchlist-selector li.selected a { border-bottom-color: #BC0100 !important; } /* Active color */ nav ul li a:hover { box-shadow: inset 4px 0 0 0 #AD0401 !important; } .last-modified-bar.active, .list-header, form.mw-mf-settings #beta-field:before { background-color: #AD0401 !important; color: #fff !important; } .last-modified-bar { background-color: #AD0401 !important; color: #fff !important; } /* Last modified bar */ .last-modified-bar .content, .last-modified-bar a { color: #fff !important; } .mw-ui-icon-mf-arrow-gray:before { background: none !important; } .mw-ui-icon-mf-arrow-invert:before{ background: none !important; } .mw-ui-icon-minerva-clock-gray:before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2217%22 viewBox=%220 0 20 17%22%3E%3Cg fill=%22%23fff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Ehistory%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M11.424 0C6.686 0 2.857 3.806 2.857 8.5H0l3.71 3.68.066.136L7.62 8.5H4.76c0-3.65 2.986-6.61 6.667-6.61 3.68 0 6.665 2.96 6.665 6.61 0 3.65-2.985 6.61-6.666 6.61a6.668 6.668 0 0 1-4.71-1.94l-1.35 1.337A8.553 8.553 0 0 0 11.426 17C16.16 17 20 13.194 20 8.5S16.162 0 11.424 0zm-1.037 5v4.524l3.904 2.298.66-1.1-3.192-1.877V5H10.39z%22/%3E%3C/g%3E%3C/svg%3E") !important; }
 * 1) mw-mf-page-center, footer .minerva-footer {

/* Recent changes icon */ .mw-ui-icon-minerva-recentchanges:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1.48 0 0 1.43 0 -401)'%3E%3Cpath d='m0 292 2.48-1.49 3.83-9.97h0.756l1.68 11.3 1.8-6h0.85l1.72 4.18h3.14l-3.47 1.91-1.7-3.97-1.82 9.33-1.96-3e-5 -0.874-13.2-2.55 7.94z' fill='%2354595d'/%3E%3C/g%3E%3C/svg%3E"); }

/* White text theme */ .footer-content, footer .hlist li::after, .branding-box h1 sup, .branding-box a, nav ul.hlist li a, .footer-content a { color: #fff !important; } .footer-content a, .branding-box a, nav ul.hlist li a { font-weight: bold !important; } .license a.external { padding-right: 0 !important; background-image: none !important; } .mw-ui-icon-minerva-mainmenu::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M21 19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-minerva-magnifying-glass::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emagnifying glass%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03 7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46 4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836 0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732 2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212 0-5.736-2.638-5.736-5.736z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-overlay-close::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-back::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-minerva-notifications::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3Enotification%3C/title%3E%3Cdefs%3E%3Cpath id=%22a%22 d=%22M9.643 21.364c1.234 0 2.235-.956 2.235-2.136h-4.47c0 1.18 1 2.136 2.234 2.136z%22/%3E%3Cmask id=%22b%22 width=%224.471%22 height=%222.136%22 x=%220%22 y=%220%22 fill=%22%23fff%22%3E%3Cuse xlink:href=%22%23a%22/%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 transform=%22translate%282 1%29%22%3E%3Cuse stroke=%22%23fff%22 stroke-width=%224%22 mask=%22url%28%23b%29%22 xlink:href=%22%23a%22/%3E%3Cpath fill=%22%23fff%22 d=%22M16.893 9.08v3.998l1.77 3.603v1.098H.623V16.68l1.77-3.603V9.08c0-2.894 1.822-5.41 4.475-6.47C7.13 1.327 8.284.383 9.642.383c1.357 0 2.51.944 2.773 2.227 2.653 1.06 4.477 3.576 4.477 6.47zM10.92 3.974H8.366c-2.438.553-4.255 2.64-4.255 5.14v4.474l-1.7 2.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22/%3E%3C/g%3E%3C/svg%3E") !important; } .search-overlay .mw-ui-icon-mf-overlay-close::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important; }

/* Standard changes */ .overlay { z-index: 1000000 !important; } .mw-notification-area, .drawer { z-index: 2000000 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog { z-index: 3000000 !important; } .mw-notification, .toast { margin-bottom: 80px !important; } .overlay-content { background: #fff !important; } .search-box .search { background-size: 26px 26px !important; background-position: left 3px center !important; } .heading-holder { margin-bottom: 15px !important; } .page-Main_Page .heading-holder { padding-bottom: 0 !important; }	padding-bottom: 20px !important; overflow: hidden !important; } .ns-special #content { background: #FFFFFF !important; } .ns-special .heading-holder .tagline { display: none !important; } .ns-special img, .captcha-box img { image-rendering: auto !important; } .editButtons #wpCaptchaWord { margin-top: 2.5px; }	margin-bottom: 5px; } .secondary-action { border-left: 1px solid #EAECF0 !important; } .mw-ui-button { max-width: none; } .content .mw-ui-icon-minerva-edit-enabled { display: block !important; } .collapsible-heading.open-block .mw-ui-icon-minerva-edit-enabled { top: -2px; } .in-block .mw-ui-icon-minerva-edit-enabled { top: -4px; } .mediawiki { font-size: 15px; } .mediawiki table { min-width: 0 !important; max-width: 100% !important; } .mediawiki .content table { font-size: 90%; border-collapse: separate; margin: 0.5em 0 0.75em; } .mediawiki .content table table { font-size: 100%; margin: 0; } .mediawiki .content table.wikitable { border-collapse: collapse; } .mediawiki .content table tbody { width: 100% !important; display: table !important; } .noresize + .thumbcaption { display: none; } .mediawiki .content .noresize a > img { max-width: 100% !important; } .mediawiki .content figure, .mediawiki .content .thumb { width: 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; }	.mediawiki .content .in-block + .thumb, .mediawiki .content .thumb + .thumb { margin-top: 0.6em; }	.noresize { margin-bottom: 0.75em; }	.thumbimage { text-align: center; }	ul.gallery { text-align: center; margin-left: auto !important; margin-right: auto !important; }	#wpEmail { margin-bottom: 6px; }	input[name="captchaWord"] { margin-top: 9px; }	.g-recaptcha { margin-top: 12px; }	.mediawiki .content table, .mediawiki .infobox { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }	.mediawiki .infobox { display: block !important; float: none !important; margin: 15px 0 15.5px !important; } } @media all and (min-width: 720px) { .mediawiki .infobox { max-width: 315px !important; float: right !important; margin: 0 0 7px 15px !important; } } .mediawiki .infobox { padding: 4px !important; font-size: 85% !important; font-family: inherit !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; } .video-js { overflow: hidden; display: block !important; } .vjs-time-tooltip { display: none !important; }	display: inline-block !important; } .thumb .video-js { margin-left: auto; margin-right: auto; } div.thumbinner.mw-overflow { overflow: hidden; display: block; } .center { text-align: center; } .center * { margin-left: auto; margin-right: auto; } .content .floatleft { margin: 0 1em 0.5em 0 !important; } .content .floatright { margin: 0 0 0.5em 1em !important; } .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; } .mediawiki .content ol.references { font-size: 90% !important; margin: 0 !important; } .mediawiki dl { font-size: 95% !important; margin-bottom: 0.5em !important; } .mediawiki dl dl, .mediawiki li dl, .mediawiki dl + dl, .mediawiki ul + dl, .mediawiki ol + dl, .mediawiki p + dl { font-size: 100% !important; } .mediawiki dl dl { margin-bottom: 0 !important; } .mediawiki ul + dl, .mediawiki ol + dl { margin-top: -0.5em !important; } .mediawiki ul + dl > dd > ul, .mediawiki ol + dl > dd > ol, .mediawiki ul + dl > dd > ol, .mediawiki ol + dl > dd > ul { margin-top: 0 !important; } .ns-talk p + dl, .ns-4 p + dl, .ns-110 p + dl, .content.talk-section p + dl { margin-top: -0.75em !important; } .ns-talk dl + dl, .ns-4 dl + dl, .ns-110 dl + dl, .content.talk-section dl + dl { margin-top: -0.5em !important; }	width: 100%; border: 1px solid #a2a9b1; }	display: block; margin-top: 20px; } pre { font-size: 12px !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important; background-color: #F8F9FA !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; }
 * 1) content {
 * 1) userloginForm .mw-ui-vform-field:nth-of-type(8) {
 * 1) file > .video-js {
 * 1) mw-htmlform-description input,
 * 2) mw-htmlform-description select {
 * 1) mw-upload-form .mw-htmlform-submit-buttons {

/* Text and links */ .content { color: #000; } .content a, #whosonline a:active, #whosonline a:visited { color: #002bb8; } .content a:active { color: #faa700; } .content a:visited { color: #5a3696; } .content a.external, .content a.extiw { color: #36b; } .content a.external:active, .content a.extiw:active { color: #b63; } .content a.external:visited, .content a.extiw:visited { color: #636; } .content a.selflink { color: #000 !important; font-weight: bold !important; text-decoration: none !important; } .content a.mw-ui-button, .content a.mw-ui-button:active, .content a.mw-ui-button:visited { color: #222; } .content a.mw-ui-button:hover { color: #444; } .content .mw-ui-button.mw-ui-progressive, .content .mw-ui-button.mw-ui-progressive:active, .content .mw-ui-button.mw-ui-progressive:hover, .content .mw-ui-button.mw-ui-progressive:visited { color: #fff; }

/* Headings */ h3 { font-size: 1.3em !important; } h4 { font-size: 1.2em !important; } h5 { font-size: 1.1em !important; font-weight: bold !important; } h6 { font-weight: bold !important; } .content h3, .content h4, .content h5, .content h6 { padding: 0.3em 0 0.15em !important; }

/* Recent changes options */ .rcoptions { margin: 22px 0 12px; } .rcoptions .mw-changeslist-legend, .rcoptions legend, .rcoptions form, .rcoptions hr { display: none; }

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

/* Video widget */ .videoWidget .thumbcaption { margin-top: -1px; } .videoWidget .thumbinner .thumbcaption { margin-top: 6px; } @media all and (max-width: 719px) { .videoWidget { display: block !important; }	.autoResize { margin: 0 auto !important; } }

/* Top-right icons */ .content .top-right a img { height: 28px !important; width: auto !important; image-rendering: auto !important; } .top-right { position: absolute; top: 52.5px; right: 14px; } @media all and (min-width: 720px) { .top-right { right: 51px; } } .top-right-text, .preview .top-right { display: none !important; }

/* Main Page content */ margin-bottom: -10px; }	margin: 5px 0 0 !important; }	font-size: 150% !important; margin: -10px 0 -16px !important; }	font-size: 90%; }	margin-top: -2px !important; }	display: block !important; float: right; }	margin: 0 !important; }	line-height: 24px; }	margin-top: -206px; }	margin-top: -102px; }	padding: 0 !important; }	margin: -13px 0 !important; } @media all and (min-width: 720px) { #mf-niwa1 table, #mf-niwa2 table, #mf-niwa3 table { margin-top: -16px !important; } }
 * 1) mf-welcome {
 * 1) mf-welcome .floatleft,
 * 2) mf-welcome .floatright {
 * 1) WelcomeDiv {
 * 1) WithText {
 * 1) linksRow1 {
 * 1) mobile-navimg {
 * 1) mainpage ul {
 * 1) mf-nav1, #mf-nav2, #mf-nav3 {
 * 1) mf-nav2 {
 * 1) mf-nav3 {
 * 1) mf-niwa1 table {
 * 1) mf-niwa1 table, #mf-niwa2 table, #mf-niwa3 table {

/* Main Page poll */ body.page-Main_Page .pds-vote { padding-bottom: 0 !important; } body.page-Main_Page .pds-box { width: 100% !important; max-width: none !important; } body.page-Main_Page .pds-question-top { padding-left: 0 !important; } body.page-Main_Page .pds-question-top, body.page-Main_Page .pds-answer-span, body.page-Main_Page .pds-feedback-label { font-size: 15px !important; line-height: 1.65 !important; } body.page-Main_Page .pds-view-results, body.page-Main_Page .pds-total-votes, body.page-Main_Page .pds-return-poll { font-size: 13px !important; } body.page-Main_Page .pds-vote-button { font-size: 17px !important; padding: 5px 36px !important; border-radius: 16px !important; } body.page-Main_Page .awardsPolls { display: none; } body.page-Main_Page .crowdsignal { padding: 0 !important; }

/* Multiple image template */ .multiFloat { margin: 0 auto 6px !important; } .multiVert + .multiVert { margin-top: 0.6em !important; } @media all and (max-width: 719px) { .multiFloat { float: none !important; }	.multiFloat + .multiFloat { margin-top: 0.6em !important; } } @media all and (min-width: 720px) { .multiFloat + .multiFloat { margin-left: 0.6em !important; }	.content .thumb .thumbinner .multiFloat { float: left !important; clear: none !important; } }

/* Notice templates */ .notice-template { width: auto !important; font-size: 90% !important; text-align: center !important; justify-content: center; margin: 10px 0 !important; } .notice-template#stub { font-size: 100% !important; text-align: left !important; } .notice-template#disambig, .notice-template#aboutfile, .notice-template.copyright { width: 100% !important; text-align: left !important; } .notice-template#delete { background: #333; color: #fff; } .notice-template#delete a:not(.new) { color: yellow; } .notice-template p { margin-bottom: 0.5em !important; } .content .notice-template a > img { max-width: none !important; } @media all and (max-width: 719px) { .content .noprint.floatright, .notice-template:not(#stub) img { display: none; }	.notice-template > tbody > tr > td:first-child { padding-right: 0 !important; } }

/* Misc. */ img { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; } .infobox > tbody > tr:nth-child(2) img { image-rendering: auto !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: 9px; }	padding-left: 0 !important; } .content .mediaAudio, .content .mediaVideo { width: 100% !important; margin: 0 !important; } .games { background: silver; border: 1px solid #000; } .games tr:not(:first-child) { background: #fff; }	font-size: 6em !important; }
 * 1) whosonline {
 * 1) rc-staff {
 * 1) pgod {

/* Userbox towers */ .content .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; } }

/* DK tables */ table.dktable, table.dktable-brown { color: #000; background: #fff; margin: 1em 0; border: 1pt solid #000; border-collapse: collapse; } table.dktable > * > tr > td, table.dktable > * > tr > th, table.dktable-brown > * > tr > td, table.dktable-brown > * > tr > th { border: 1pt solid #000; padding: 0.2em 0.4em; } table.dktable-brown > * > tr > th { background: #BB8855; } table.dktable-brown > * > tr:nth-child(odd) > td { background: #FFF8DC; } table.dktable-brown > * > tr:nth-child(even) > td { background: wheat; }