|
|
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| .infobox {
| | /* Infobox customizations so they scale for desktop and mobile appropriately */ |
| border: 1px solid #a2a9b1;
| | @media only screen and (max-width: 600px) { |
| color: black;
| | .tginfobox { |
| padding: 0.2em;
| | min-width: 100%; |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| border-spacing: 3px;
| |
| }
| |
| | |
| @media screen { | |
| .infobox {
| |
| background-color: #f8f9fa;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 640px) {
| |
| .infobox { | |
| width: 100%; | |
| }
| |
|
| |
| .infobox .nowrap {
| |
| white-space: normal;
| |
| } | | } |
| } | | } |
|
| |
|
| @media (min-width: 640px) { | | @media only screen and (min-width: 601px) { |
| .infobox { | | .tginfobox { |
| /* @noflip */
| | width: 275px; |
| margin: 0.5em 0 0.5em 1em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| 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 td {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .infobox-label,
| |
| .infobox-data,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox th,
| |
| .infobox td {
| |
| /* @noflip */
| |
| text-align: left;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-above,
| |
| .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;
| |
| }
| |
|
| |
| .infobox-title,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| padding: 0.2em;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-header,
| |
| .infobox .infobox-subheader,
| |
| .infobox .infobox-image,
| |
| .infobox .infobox-full-data,
| |
| .infobox .infobox-below {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-navbar {
| |
| /* @noflip */
| |
| text-align: right;
| |
| } | | } |
|
| |
|
Revision as of 16:32, 10 January 2025
/* CSS placed here will be applied to all skins */
/* Infobox customizations so they scale for desktop and mobile appropriately */
@media only screen and (max-width: 600px) {
.tginfobox {
min-width: 100%;
}
}
@media only screen and (min-width: 601px) {
.tginfobox {
width: 275px;
}
}
@font-face {
font-family: 'Shag-Lounge';
src: url(https://www.wfonts.com/download/data/2016/05/24/shag-lounge/shag-lounge.zip/Shag-Lounge.otf) format('otf');
}