MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions
From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content deleted Content added
moved here |
main page restyle in progress |
||
Line 90: | Line 90: | ||
display: revert; |
display: revert; |
||
} |
} |
||
⚫ | |||
⚫ | |||
⚫ | |||
} |
|||
.skin--responsive #sidebar .portlet[role="navigation"] { |
.skin--responsive #sidebar .portlet[role="navigation"] { |
||
display: none !important; |
display: none !important; |
||
Line 101: | Line 97: | ||
} |
} |
||
} |
} |
||
/* main page responsive fixes */ |
|||
@media all and (max-width:550px) { |
|||
body.page-Croc_Wiki #welcome > tbody > tr > td { |
|||
⚫ | |||
} |
|||
⚫ | |||
display: block !important; |
|||
⚫ | |||
} |
|||
body.page-Croc_Wiki #mp-body > tbody > tr > td + td { |
|||
margin-top: 5px !important; |
|||
} |
|||
body.page-Croc_Wiki #mp-body { |
|||
width: 100% !important; |
|||
float: none !important; |
|||
} |
|||
} |
|||
@media all and (max-width: 850px) { |
@media all and (max-width: 850px) { |
||
body.skin-timeless .mobileonly { |
body.skin-timeless .mobileonly { |
Latest revision as of 19:23, October 29, 2022
/* Some fixes for responsive desktop skins */
body {
background:#8CCC6D;
}
.mw-body, body.skin--responsive .pBody {
border:1px solid #007500;
}
.wikiEditor-ui .wikiEditor-ui-view, #content, #footer {
border-color: #007500;
}
textarea {
border-color: #007500;
}
/* Text indicators */
@media all and (max-width: 850px) {
#mw-indicator-shortcut {
display: none;
}
}
/* Standard changes */
@media all and (max-width: 550px) {
.mw-body-content {
overflow: visible !important;
}
.infobox {
margin: 1em 0 !important;
}
.infobox, .nav-right,
#mw-content-text table {
float: none !important;
width: auto !important;
overflow: auto !important;
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
min-width: 0 !important;
}
#mw-content-text table > tbody {
width: 100% !important;
display: table !important;
}
body div.thumb {
float: none !important;
width: auto !important;
max-width: none !important;
margin: 1em 0;
}
div.thumb, div.thumbinner {
overflow: auto !important;
}
div.noresize > map ~ img {
max-width: none !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;
}
.skin--responsive #sidebar .portlet[role="navigation"] {
display: none !important;
}
.mw-changeslist-legend {
width:98%;
}
}
/* main page responsive fixes */
@media all and (max-width:550px) {
body.page-Croc_Wiki #welcome > tbody > tr > td {
display: block !important;
}
body.page-Croc_Wiki #mp-body > tbody > tr > td {
display: block !important;
width: 100% !important;
}
body.page-Croc_Wiki #mp-body > tbody > tr > td + td {
margin-top: 5px !important;
}
body.page-Croc_Wiki #mp-body {
width: 100% !important;
float: none !important;
}
}
@media all and (max-width: 850px) {
body.skin-timeless .mobileonly {
display: revert;
}
}