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;
| |
| } | | } |
| | | |