MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
mNo edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 12: | Line 12: | ||
#bodyContent { | #bodyContent { | ||
overflow: visible !important; | overflow: visible !important; | ||
} | |||
.ui-dialog { | |||
max-width: 98% !important; | |||
} | } | ||
.infobox { | .infobox { | ||
Line 30: | Line 33: | ||
width: 100% !important; | width: 100% !important; | ||
display: table !important; | display: table !important; | ||
} | |||
#mw-content-text table.wikitable { | |||
border: 0 !important; | |||
min-width: 55% !important; | |||
} | |||
#mw-content-text table.wikitable > tbody { | |||
width: calc(100% - 1px) !important; | |||
} | |||
#mw-content-text table.wikitable > thead + tbody { | |||
display: table-row-group !important; | |||
} | } | ||
.floatleft, .floatright { | .floatleft, .floatright { | ||
max-width: | max-width: 45% !important; | ||
} | } | ||
body div.thumb { | body div.thumb { | ||
Line 38: | Line 51: | ||
width: auto !important; | width: auto !important; | ||
max-width: none !important; | max-width: none !important; | ||
display: block !important; | |||
margin: 1em 0; | margin: 1em 0; | ||
} | |||
body div.thumbinner { | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | } | ||
div.thumb, div.thumbinner { | div.thumb, div.thumbinner { | ||
overflow: auto !important; | overflow: auto !important; | ||
} | } | ||
div. | div.autoResize > iframe { | ||
margin: 0 auto !important; | |||
} | } | ||
div.thumbinner > div { | div.thumbinner > div { |
Latest revision as of 19:38, March 1, 2024
/* Some fixes for responsive desktop skins */
/* Text indicators */
@media all and (max-width: 850px) {
#mw-indicator-rc {
display: none;
}
}
/* Standard changes */
@media all and (max-width: 550px) {
#bodyContent {
overflow: visible !important;
}
.ui-dialog {
max-width: 98% !important;
}
.infobox {
margin: 1em 0 !important;
}
.infobox, .nav-right,
#mw-content-text table {
float: none !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
overflow-x: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#mw-content-text table > tbody {
width: 100% !important;
display: table !important;
}
#mw-content-text table.wikitable {
border: 0 !important;
min-width: 55% !important;
}
#mw-content-text table.wikitable > tbody {
width: calc(100% - 1px) !important;
}
#mw-content-text table.wikitable > thead + tbody {
display: table-row-group !important;
}
.floatleft, .floatright {
max-width: 45% !important;
}
body div.thumb {
float: none !important;
width: auto !important;
max-width: none !important;
display: block !important;
margin: 1em 0;
}
body div.thumbinner {
width: 100% !important;
box-sizing: border-box;
}
div.thumb, div.thumbinner {
overflow: auto !important;
}
div.autoResize > iframe {
margin: 0 auto !important;
}
div.thumbinner > div {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
div.thumbcaption {
margin-top: 3px !important;
}
div.thumbimage {
max-width: max-content;
}
ul.gallery {
text-align: center;
}
div.gallerytext {
text-align: left;
}
center div.gallerytext,
.gallery.center div.gallerytext,
.gallery[style*="center"] div.gallerytext {
text-align: center;
}
caption {
display: block;
}
a.feedlink {
padding-left: 16px;
}
body.skin-monobook .mobileonly {
display: revert;
}
}
@media all and (max-width: 850px) {
body.skin-timeless .mobileonly {
display: revert;
}
}