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;
−
}
+
overflow-x: auto;
−
+
-webkit-overflow-scrolling: touch;
−
.infobox table {
+
}
−
width: 100% !important;
+
table.infobox > tbody {
−
border-collapse: collapse;
+
display: block;
−
}
+
min-width: 100%;
−
+
}
−
.infobox td,
+
table.infobox th,
−
.infobox th {
+
table.infobox td {
−
text-align: center !important;
+
text-align: center !important;
−
padding: 0.5em !important;
+
white-space: normal; }
−
word-break: break-word;
−
white-space: normal;
−
}
−
.infobox img {
−
display: block;
−
width: 100% !important;
−
max-width: 100% important;
−
height: auto !important;
−
margin: 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,
−
.infobox > ul > li {
−
text-align: center;
}
}