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; |
− | .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 !important; |
− | word-break: break-word;
| + | word-wrap: break-word !important; |
− | white-space: normal;
| + | padding: 0.5em; |
− | } | + | } |
− | .infobox img { | + | table.infobox img { |
− | display: block;
| + | display: block; |
− | width: 100% !important;
| + | width: 100% !important; |
− | max-width: 100% important;
| + | height: auto !important; |
− | height: auto !important;
| + | margin: 0; |
− | 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;
| |
| } | | } |
| | | |