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