Line 147:
Line 147:
/* infobox */
/* infobox */
−
.infobox {
+
@media screen and (max-width: 1280px) {
−
background-color: #00000000;
+
table.infobox {
−
width: 100% !important;
+
width: 100% !important;
−
max-width: 100% !important;
+
margin: 0;
−
table-layout: fixed !important;
+
padding: 0 0.5em;
−
box-sizing: border-box;
+
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 table {
+
/* section dropdown */
−
width: 100% !important;
+
.section-heading.collapsible-heading {
−
border-collapse: collapse;
+
display: block !important;
}
}
−
.infobox td,
+
.section-heading.collapsible-heading > .mw-ui-icon,
−
.infobox th {
+
.section-heading.collapsible-heading > .mw-headline,
−
text-align: center !important;
+
.section-heading.collapsible-heading > .mw-editsection {
−
padding: 0.5em !important;
+
display: block !important;
−
word-break: break-word;
+
/* optional spacing if you want a little gap between icon/headline/edit link */
−
white-space: normal;
+
margin-bottom: 0.25em;
−
}
−
.infobox img {
−
display: block;
−
width: 100% !important;
−
max-width: 100% important;
−
height: auto !important;
−
margin: 0 auto;
−
}
−
−
.infobox details,
−
.infobox summary {
−
display: block;
−
clear: both;
−
font-weight: bold;
−
cursor: pointer;
−
z-index: auto;
−
}
−
−
.infobox .infobox-list,
−
.infobox > ul {
−
margin: 0 auto;
−
display: inline-block;
−
text-align: left;
}
}
−
.infobox .infobox-list li,
+
.section-heading.collapsible-heading > .mw-ui-icon {
−
.infobox > ul > li {
+
float: left;
−
text-align: center;
+
margin-right: 0.5em;
}
}