MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions
From Destinypedia, the Destiny wiki
(Created page with "→Some CSS fixes for responsive desktop skins: @media all and (max-width: 550px) { .mw-body-content { overflow: clip !important; } .infobox, .tabber.info { margin:...") |
No edit summary |
||
| Line 22: | Line 22: | ||
display: table !important; | display: table !important; | ||
} | } | ||
div.thumb { | body div.thumb { | ||
float: none !important; | float: none !important; | ||
max-width: none !important; | max-width: none !important; | ||
Revision as of 09:49, September 27, 2021
/* Some CSS fixes for responsive desktop skins */
@media all and (max-width: 550px) {
.mw-body-content {
overflow: clip !important;
}
.infobox, .tabber.info {
margin: 1em 0 !important;
}
.infobox, .tabber.info,
#bodyContent table, .nav-right {
float: none !important;
width: auto !important;
overflow: auto !important;
display: block !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#bodyContent table > tbody {
width: 100% !important;
display: table !important;
}
body div.thumb {
float: none !important;
max-width: none !important;
margin: 1em 0;
}
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;
}
a.feedlink {
padding-left: 16px !important;
}
}