Line 147:
Line 147:
/* infobox */
/* infobox */
−
.infobox {
+
@media screen and (max-width: 1280px) {
−
background-color: #00000000;
+
table.infobox {
−
position: relative;
+
width: 100% !important;
−
z-index: 10;
+
margin: 0;
−
overflow: auto;
+
padding: 0 0.5em;
−
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+
box-sizing: border-box;
+
table-layout: auto !important;
+
overflow-x: hidden !important;
+
}
+
table.infobox > tbody {
+
display: block;
+
min-width: 100%;
+
}
+
table.infobox th,
+
table.infobox td {
+
text-align: center !important;
+
white-space: normal !important;
+
word-wrap: break-word !important;
+
padding: 0.5em;
+
}
+
table.infobox img {
+
display: block;
+
width: 100% !important;
+
height: auto !important;
+
margin: 0;
+
}
}
}
−
.infobox td,
+
/* section dropdown */
−
.infobox th {
+
.section-heading.collapsible-heading {
−
white-space: normal;
+
display: block !important;
−
background-color: #4c4c4c;
}
}
−
.infobox img {
+
−
display: block;
+
.section-heading.collapsible-heading > .mw-ui-icon,
−
width: 100% !important;
+
.section-heading.collapsible-heading > .mw-headline,
−
height: auto !important;
+
.section-heading.collapsible-heading > .mw-editsection {
−
margin: 0 auto;
+
display: block !important;
+
/* optional spacing if you want a little gap between icon/headline/edit link */
+
margin-bottom: 0.25em;
}
}
+
.section-heading.collapsible-heading > .mw-ui-icon {
+
float: left;
+
margin-right: 0.5em;
}
}