|
|
| (48 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Infoboxes */ | | /* ------------------ |
| .infobox {
| | --- General Style --- |
| border: 1px solid #a2a9b1;
| | ------------------ */ |
| color: black;
| |
| padding: 0.2em;
| |
| font-size: .9em;
| |
| line-height: 1.5em;
| |
| border-spacing: 3px;
| |
| }
| |
|
| |
|
| .infobox th {
| | :root { |
| font-size: 1.1em;
| | color-scheme: light !important; |
| font-weight: bold;
| |
| text-align: left;
| |
| } | | } |
|
| |
|
| .infobox td {
| | :root, .skin-invert, .no-theme { |
| padding: 0.2em 0.5em;
| |
| }
| |
|
| |
|
| @media screen {
| |
| .infobox {
| |
| background-color: #f8f9fa;
| |
| }
| |
| } | | } |
|
| |
|
| @media (max-width: 640px) {
| | /* ----------------- |
| .infobox {
| | --- Infoboxes --- |
| float: none;
| | ----------------- */ |
| clear: both;
| |
| width: 100%;
| |
| max-width: 100%;
| |
| margin: 0 0 1em 0;
| |
| table-layout: fixed;
| |
| }
| |
|
| |
| .infobox .nowrap {
| |
| white-space: normal;
| |
| }
| |
| }
| |
|
| |
|
| @media (min-width: 640px) {
| | .infobox { |
| .infobox {
| | border: 1px solid #a2a9b1; |
| /* @noflip */
| | color: #000; |
| margin: 0.5em 0 0.5em 1em;
| | padding: .2em; |
| /* @noflip */
| | font-size: .9em; |
| float: right;
| | line-height: 1.5em; |
| /* @noflip */
| | border-spacing: 3px; |
| clear: right;
| |
| width: 22em;
| |
| }
| |
| } | | } |
|
| |
|
| .infobox-header,
| |
| .infobox-label,
| |
| .infobox-above,
| |
| .infobox-full-data,
| |
| .infobox-data,
| |
| .infobox-below,
| |
| .infobox-subheader,
| |
| .infobox-image,
| |
| .infobox-navbar,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox th, | | .infobox th, |
| .infobox td { | | .infobox td { |
| vertical-align: top;
| | padding: .2em .5em; |
| | text-align: left; |
| | vertical-align: top; |
| } | | } |
|
| |
|
| .infobox-label, | | .infobox .infobox-above, |
| .infobox-data, | | .infobox .infobox-title { |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| | font-size: 1.25em; |
| .infobox th, | | font-weight: bold; |
| .infobox td { | | text-align: center !important; |
| /* @noflip */
| |
| text-align: left;
| |
| } | | } |
|
| |
|
| .infobox .infobox-caption td { | | .infobox .infobox-caption { |
| text-align: center;
| | font-weight: normal !important; |
| | text-align: center !important; |
| } | | } |
|
| |
|
| /* Fixes weird stretching bug on Vector */
| | .infobox .infobox-header { |
| .infobox img { | | font-size: 1.1em; |
| display: block;
| | font-weight: bold; |
| margin: 0 auto;
| | text-align: center !important; |
| max-width: 100%;
| |
| height: auto;
| |
| } | | } |
|
| |
|
| /* Remove .infobox when element selectors above are removed */
| | .infobox .infobox-label { |
| .infobox .infobox-above, | | font-weight: bold; |
| .infobox .infobox-title,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center !important;
| |
| } | | } |
|
| |
|
| .infobox-caption { | | /* Fixes weird stretching bug with the Vector skin */ |
| font-size: .9em;
| | .infobox img { |
| text-align: center !important;
| | display: block; |
| | margin: 0 auto; |
| | max-width: 100%; |
| | height: auto; |
| } | | } |
|
| |
|
| .infobox-title, | | @media (max-width: 640px) { |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| | .infobox { |
| .infobox caption { | | width: 100%; |
| padding: 0.2em;
| | float: none; |
| | clear: both; |
| | margin: 0 0 1em 0; |
| | table-layout: fixed; |
| | } |
| | |
| | .infobox .nowrap { |
| | white-space: normal; |
| | } |
| } | | } |
|
| |
|
| /* Remove .infobox when element selectors above are removed */
| | @media (min-width: 640px) { |
| .infobox .infobox-header,
| | .infobox { |
| .infobox .infobox-subheader, | | /* @noflip */ |
| .infobox .infobox-image,
| | margin: 0.5em 0 0.5em 1em; |
| .infobox .infobox-full-data,
| | /* @noflip */ |
| .infobox .infobox-below { | | float: right; |
| text-align: center;
| | /* @noflip */ |
| }
| | clear: right; |
| | | width: 22em; |
| /* Remove .infobox when element selectors above are removed */ | | } |
| .infobox .infobox-navbar {
| |
| /* @noflip */
| |
| text-align: right;
| |
| } | | } |