22,513
edits
MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions
MediaWiki:Gadget-ResponsiveDesktop.css (view source)
Revision as of 19:38, March 1, 2024
, 3 months agono edit summary
(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:...") |
mNo edit summary |
||
| (25 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Some | /* 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) { | @media all and (max-width: 550px) { | ||
. | #bodyContent { | ||
overflow: visible !important; | |||
} | |||
.ui-dialog { | |||
max-width: 98% !important; | |||
} | } | ||
.infobox | .infobox { | ||
margin: 1em 0 !important; | margin: 1em 0 !important; | ||
} | } | ||
.infobox, . | .infobox, .nav-right, | ||
# | #mw-content-text table { | ||
float: none !important; | float: none !important; | ||
display: block !important; | |||
width: auto !important; | width: auto !important; | ||
min-width: 0 !important; | |||
max-width: 100% !important; | |||
overflow-x: auto !important; | |||
margin-left: 0 !important; | margin-left: 0 !important; | ||
margin-right: 0 !important; | margin-right: 0 !important; | ||
} | } | ||
# | #mw-content-text table > tbody { | ||
width: 100% !important; | width: 100% !important; | ||
display: table !important; | display: table !important; | ||
} | } | ||
div.thumb { | #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; | float: none !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 { | |||
overflow: auto !important; | |||
} | |||
div.autoResize > iframe { | |||
margin: 0 auto !important; | |||
} | } | ||
div.thumbinner > div { | div.thumbinner > div { | ||
| Line 48: | Line 85: | ||
.gallery[style*="center"] div.gallerytext { | .gallery[style*="center"] div.gallerytext { | ||
text-align: center; | text-align: center; | ||
} | |||
caption { | |||
display: block; | |||
} | } | ||
a.feedlink { | a.feedlink { | ||
padding-left: 16px | padding-left: 16px; | ||
} | |||
body.skin-monobook .mobileonly { | |||
display: revert; | |||
} | |||
} | |||
@media all and (max-width: 850px) { | |||
body.skin-timeless .mobileonly { | |||
display: revert; | |||
} | } | ||
} | } | ||