MediaWiki:Gadget-MobileStyle.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the mobile site */
/* 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;
}
#mw-content-container,
body.skin-minerva #content {
overflow-x: clip !important;
}
.mw-notification, .toast {
margin-bottom: 107px !important;
}
.overlay-header {
overflow: hidden !important;
}
.overlay-header h2 span {
max-width: 250px !important;
}
.overlay-header .mw-ui-anchor,
.overlay-header .mw-ui-button {
height: 48px !important;
}
.overlay .license {
margin-top: 0 !important;
}
.overlay .save-panel {
max-width: 993.3px !important;
margin: auto !important;
}
.overlay-content {
background: #fff !important;
}
.media-viewer .overlay-content {
background: none !important;
padding: 0 !important;
}
.media-viewer div.image img {
background: #fff !important;
}
.editor-container .anonwarning {
margin: 16px 0 0 !important;
}
.mw-message-box, .messagebox, .errorbox, .warningbox, .successbox {
font-size: 90% !important;
padding: 6px 12px !important;
}
.mw-message-box a.external, .warningbox a.external {
padding-right: 0 !important;
background-image: none !important;
}
body.page-Main_Page #firstHeading,
body.page-Main_Page #catlinks {
display: none !important;
}
.ns-special .content-header {
border-bottom: none !important;
}
.ns-special .pre-content, .ns-special .mw-body form {
background: transparent !important;
}
.editButtons #wpCaptchaWord {
margin-top: 2.5px;
}
.mw-special-Contact #wpCaptchaWord {
border: 1px solid #a2a9b1;
}
#userlogin2 .htmlform-tip {
margin: 0 !important;
}
#signupstart + #userloginForm .warningbox {
display: none !important;
}
#whosonline .mw-userlink::before {
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: 0 !important;
border-collapse: collapse;
}
.mediawiki table.wikitable > tbody {
width: calc(100% - 1px) !important;
}
.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 {
min-width: 15px !important;
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;
}
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;
}
h2, .section-heading {
clear: both !important;
}
#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 table[style*="inline-block"] {
display: block !important;
}
table > tbody > tr > * {
width: auto !important;
}
table.wikitable {
min-width: 55% !important;
}
.infobox > tbody > tr > *:not([colspan]):first-child:has(+ td:not([colspan]):last-child) {
min-width: 6em !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.75px !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;
}
table.wikitable {
display: block;
width: max-content;
}
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 td, .mediawiki .infobox th {
padding: 2px;
}
.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;
}
.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;
max-width: 45% !important;
margin: 0.5em 1em 0.5em 0 !important;
}
.mw-parser-output .floatright {
padding: 0 !important;
max-width: 45% !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;
}
.ns-subject:not(.ns-110) dl {
margin-bottom: 0.5em !important;
}
.ns-subject:not(.ns-110) section > dl {
font-size: 95% !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,
.ns-talk dl dt, .ns-110 dl dt,
.content.talk-section dl dt {
margin-left: 0 !important;
}
.ns-talk p + dl, .ns-110 p + dl,
.content.talk-section p + dl,
.ns-talk ul + dl, .ns-110 ul + dl,
.content.talk-section ul + dl,
.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;
}
#mw-htmlform-description input,
#mw-htmlform-description select {
width: 100%;
border: 1px solid #a2a9b1;
}
#mw-upload-form .mw-htmlform-submit-buttons {
display: block;
margin-top: 20px;
}
#mw-upload-form > fieldset:first-of-type,
#mw-upload-form > fieldset:last-of-type {
margin-top: 15px;
}
#wpSourceTypeurl {
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;
}
.page-summary .mw-ui-icon, #p-tb .mw-ui-icon {
overflow: visible !important;
}
.mw-ui-icon-element {
color: transparent !important;
}
body.skin-timeless .mw-wiki-logo.timeless-logo {
background: none !important;
}
body.skin-timeless #bodyContent h2.collapsible-heading {
border-bottom-width: 2px !important;
border-bottom-style: solid !important;
}
body.skin-timeless #bodyContent h2:not(.collapsible-heading) {
display: block !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 .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;
}
}
/* 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: 32vw;
min-height: 18px;
}
.diff tr, .diff td {
display: revert;
}
.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;
}
#mw-mf-diffarea {
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;
}
/* 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;
word-wrap: anywhere;
display: table !important;
margin: 0 !important;
}
table.mw-changeslist-line td, table.mw-changeslist-line th {
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;
white-space: normal !important;
padding-right: 2px;
padding-left: 2px;
}
.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,
.mobile.skin-minerva h2.navbox-heading:not(.collapsible-heading) {
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 */
.mw-editTools { display: none; }
.editOptions { margin: 0.5em 0; }
body #wpTextbox0, body #wpTextbox1 {
border: 1px solid #c8ccd1 !important;
}
.mw-editform .editButtons .oo-ui-buttonElement {
margin-top: 0 !important;
}
/* 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 */
/* Indicator icons */
Line 793: Line 39:
.rootpage-MarioWiki_Changing_username dl + dl {
.rootpage-MarioWiki_Changing_username dl + dl {
margin-top: -0.25em !important;
margin-top: -0.25em !important;
}
.rootpage-MarioWiki_Proposals dl,
.rootpage-MarioWiki_Featured_articles dl,
.rootpage-MarioWiki_Changing_username dl {
font-size: 100% !important;
margin-bottom: 0 !important;
}
}


Line 809: Line 61:
margin: 10px 0 !important;
margin: 10px 0 !important;
}
}
.notice-template#disambig,
.notice-template.image, .notice-template.copyright,
.notice-template#aboutfile,
.notice-template#disambig, .notice-template#aboutfile {
.notice-template.copyright {
width: 100% !important;
width: 100% !important;
}
}
Line 844: Line 95:
display: none !important;
display: none !important;
}
}
@media all and (max-width: 720px) {
@media all and (max-width: 719px) {
.nav-right {
.nav-right {
display: none !important;
display: none !important;
Line 854: Line 105:
margin: 0 !important;
margin: 0 !important;
}
}
}
@media all and (min-width: 720px) {
.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.goleft, .tabber.goright {
margin-bottom: 0.75em !important;
}
.tabber.goleft .tabbertab,
.tabber.goright .tabbertab {
text-align: center !important;
}
.mediawiki .tabbertab table.sortable {
width: 100% !important;
display: table !important;
}
}
.infobox .tabber {
display: inline-block;
}
}


/* Misc. */
/* Misc. */
.infobox-wide {
.infobox-wide {
width: 100%;
padding: 4px;
margin: 0 !important;
font-size: 85% !important;
font-size: 85% !important;
}
}
.infobox-wide td, .infobox-wide th {
.infobox-wide td, .infobox-wide th {
padding: 2px !important;
padding: 2px !important;
}
#bodyContent .infobox-wide {
margin-top: 0; margin-bottom: 0;
}
}
.infobox > tbody > tr:first-child > td:first-child,
.infobox > tbody > tr:first-child > td:first-child,
Line 879: Line 164:
#rc-staff {
#rc-staff {
padding-left: 0 !important;
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;
}
}
#user-niwa tr:not(:first-of-type) td {
#user-niwa tr:not(:first-of-type) td {
Line 897: Line 172:
#pgod {
#pgod {
font-size: 6em !important;
font-size: 6em !important;
}
body.skin-timeless .sidebar-inner #p-Browse {
display: none;
}
}
.mw-parser-output .mediaRow {
.mw-parser-output .mediaRow {

Revision as of 10:32, May 18, 2024

/* 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 */
.rootpage-MarioWiki_Proposals dd,
.rootpage-MarioWiki_Featured_articles dd,
.rootpage-MarioWiki_Changing_username dd {
	margin-top: 0.25em !important;
	margin-left: 0.25em !important;
}
.rootpage-MarioWiki_Proposals dl,
.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;
}
.rootpage-MarioWiki_Proposals p + 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;
}
.rootpage-MarioWiki_Proposals dl + dl,
.rootpage-MarioWiki_Featured_articles dl + dl,
.rootpage-MarioWiki_Changing_username dl + dl {
	margin-top: -0.25em !important;
}
.rootpage-MarioWiki_Proposals dl,
.rootpage-MarioWiki_Featured_articles dl,
.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;
}
.notice-template.image, .notice-template.copyright,
.notice-template#disambig, .notice-template#aboutfile {
	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: 719px) {
	.nav-right {
		display: none !important;
	}
	.navbox-section .nav-right {
		float: none !important;
		width: auto !important;
		display: block !important;
		margin: 0 !important;
	}
}
@media all and (min-width: 720px) {
	.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.goleft, .tabber.goright {
		margin-bottom: 0.75em !important;
	}
	.tabber.goleft .tabbertab,
	.tabber.goright .tabbertab {
		text-align: center !important;
	}
	.mediawiki .tabbertab table.sortable {
		width: 100% !important;
		display: table !important;
	}
}
.infobox .tabber {
	display: inline-block;
}

/* Misc. */
.infobox-wide {
	font-size: 85% !important;
}
.infobox-wide td, .infobox-wide th {
	padding: 2px !important;
}
#bodyContent .infobox-wide {
	margin-top: 0; margin-bottom: 0;
}
.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;
}
#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;
}
#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;
	}
}

/* Userboxes */
.mw-parser-output .userbox > table {
	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) {
	#userboxes {
		max-width: 275px !important;
	}
	.userbox {
	  	width: 98.5% !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;
}
Retrieved from "https://www.mariowiki.com/index.php?title=MediaWiki:Gadget-MobileStyle.css&oldid=4214726"