Line 147: |
Line 147: |
| | | |
| /* infobox */ | | /* infobox */ |
− | .infobox { | + | @media screen and (max-width: 1280px) { |
− | background-color: #00000000; | + | table.infobox { |
− | position: relative; | + | width: 100% !important; |
− | z-index: 10;
| + | margin: 0; |
− | overflow: auto; | + | padding: 0 0.5em; |
− | box-shadow: 0 1px 3px rgba(0,0,0,0.1);
| + | 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 td, | + | /* section dropdown */ |
− | .infobox th { | + | .section-heading.collapsible-heading { |
− | white-space: normal; | + | display: block !important; |
− | background-color: #4c4c4c;
| |
| } | | } |
− | .infobox img { | + | |
− | display: block; | + | .section-heading.collapsible-heading > .mw-ui-icon, |
− | width: 100% !important;
| + | .section-heading.collapsible-heading > .mw-headline, |
− | height: auto !important; | + | .section-heading.collapsible-heading > .mw-editsection { |
− | margin: 0 auto; | + | display: block !important; |
| + | /* optional spacing if you want a little gap between icon/headline/edit link */ |
| + | margin-bottom: 0.25em; |
| } | | } |
| | | |
| + | .section-heading.collapsible-heading > .mw-ui-icon { |
| + | float: left; |
| + | margin-right: 0.5em; |
| } | | } |