MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions
(New) |
(new and improved from https://www.mariowiki.com/MediaWiki:Gadget-ResponsiveDesktop.css) |
||
(28 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Some fixes for responsive desktop skins */ |
/* Some fixes for responsive desktop skins */ |
||
/* Text indicators */ |
/* Text indicators */ |
||
@media all and (max-width: 850px) { |
@media all and (max-width: 850px) { |
||
Line 9: | Line 10: | ||
/* Standard changes */ |
/* Standard changes */ |
||
@media all and (max-width: 550px) { |
@media all and (max-width: 550px) { |
||
#bodyContent { |
|||
.mw-body-content { |
|||
overflow: visible !important; |
overflow: visible !important; |
||
⚫ | |||
.ui-dialog { |
|||
⚫ | |||
} |
} |
||
.infobox { |
.infobox { |
||
Line 18: | Line 22: | ||
#mw-content-text table { |
#mw-content-text table { |
||
float: none !important; |
float: none !important; |
||
⚫ | |||
width: auto !important; |
width: auto !important; |
||
min-width: 0 !important; |
|||
max-width: 100% !important; |
|||
⚫ | |||
margin-left: 0 !important; |
margin-left: 0 !important; |
||
margin-right: 0 !important; |
margin-right: 0 !important; |
||
⚫ | |||
⚫ | |||
} |
} |
||
#mw-content-text table > tbody { |
#mw-content-text table > tbody { |
||
width: 100% !important; |
width: 100% !important; |
||
display: table !important; |
display: table !important; |
||
⚫ | |||
#mw-content-text table.wikitable { |
|||
border: 0 !important; |
|||
⚫ | |||
⚫ | |||
#mw-content-text table.wikitable > tbody { |
|||
⚫ | |||
⚫ | |||
#mw-content-text table.wikitable > thead + tbody { |
|||
⚫ | |||
⚫ | |||
.floatleft, .floatright { |
|||
⚫ | |||
} |
} |
||
body div.thumb { |
body div.thumb { |
||
Line 34: | Line 51: | ||
width: auto !important; |
width: auto !important; |
||
max-width: none !important; |
max-width: none !important; |
||
⚫ | |||
margin: 1em 0; |
margin: 1em 0; |
||
} |
|||
body div.thumbinner { |
|||
⚫ | |||
box-sizing: border-box; |
|||
} |
} |
||
div.thumb, div.thumbinner { |
div.thumb, div.thumbinner { |
||
Line 41: | Line 63: | ||
div.noresize > map ~ img { |
div.noresize > map ~ img { |
||
max-width: none !important; |
max-width: none !important; |
||
} |
|||
div.autoResize > iframe { |
|||
⚫ | |||
} |
} |
||
div.thumbinner > div { |
div.thumbinner > div { |
||
Line 73: | Line 98: | ||
display: revert; |
display: revert; |
||
} |
} |
||
body.page-Main_Page #mp-body > tbody > tr > td { |
|||
⚫ | |||
⚫ | |||
} |
|||
} |
} |
||
@media all and (max-width: 850px) { |
@media all and (max-width: 850px) { |
||
body.skin-timeless .mobileonly { |
body.skin-timeless .mobileonly { |
||
display: revert; |
display: revert; |
||
⚫ | |||
⚫ | |||
/* Custom changes */ |
|||
@media all and (max-width: 550px) { |
|||
/* Tabber boxes */ |
|||
.tabber { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
.tabber.goleft, .tabber.goright { |
|||
⚫ | |||
⚫ | |||
.tabber.goleft .tabbertab, |
|||
.tabber.goright .tabbertab { |
|||
text-align: center !important; |
|||
⚫ | |||
.tabber.info { |
|||
⚫ | |||
} |
} |
||
} |
} |
Latest revision as of 09:16, February 16, 2024
/* Some fixes for responsive desktop skins */
/* Text indicators */
@media all and (max-width: 850px) {
#mw-indicator-shortcut {
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.noresize > map ~ img {
max-width: none !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;
}
}