|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| .portable-infobox {
| |
| background-color: #EEF2FF;
| |
| border: 1px solid #ccc;
| |
| padding: 2px 4px;
| |
| font-family: sans-serif;
| |
| font-size: 88%;
| |
| line-height: 1.25em;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .portable-infobox .pi-image img,
| |
| .portable-infobox .pi-media-collection img {
| |
| max-width: 100% !important;
| |
| height: auto !important;
| |
| display: block;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .portable-infobox .pi-image,
| |
| .portable-infobox .pi-image-collection,
| |
| .portable-infobox .pi-media-collection {
| |
| max-width: 100%;
| |
| overflow: hidden;
| |
| text-align: center;
| |
| margin: 2px 0;
| |
| }
| |
|
| |
| .portable-infobox.pi-background,
| |
| .portable-infobox .pi-secondary-background,
| |
| .portable-infobox .pi-horizontal-group-item.pi-data-label,
| |
| .portable-infobox .pi-horizontal-group-item.pi-data-value {
| |
| background-color: #EEF2FF;
| |
| }
| |
|
| |
| .portable-infobox .pi-title {
| |
| background-color: #D6DAF0;
| |
| font-size: 115%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 2px 4px;
| |
| border: 1px solid #D6DAF0;
| |
| margin-bottom: 2px;
| |
| }
| |
|
| |
| .portable-infobox .pi-title p,
| |
| .portable-infobox .pi-title center {
| |
| margin: 0;
| |
| padding: 0;
| |
| display: inline;
| |
| }
| |
|
| |
| .portable-infobox .pi-header {
| |
| background-color: #D6DAF0;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 1px 4px;
| |
| border: 1px solid #D6DAF0;
| |
| }
| |
|
| |
| .portable-infobox .pi-data-label {
| |
| font-weight: bold;
| |
| padding: 1px 4px;
| |
| }
| |
|
| |
| .portable-infobox .pi-data-value {
| |
| padding: 1px 4px;
| |
| }
| |
|
| |
| .portable-infobox .pi-item {
| |
| padding: 1px 0;
| |
| }
| |
|
| |
| .portable-infobox .pi-data,
| |
| .portable-infobox .pi-group {
| |
| border: 1px solid #D6DAF0;
| |
| margin-bottom: 2px;
| |
| }
| |
|
| |
| .portable-infobox .pi-border-color {
| |
| border-color: #D6DAF0;
| |
| }
| |
|
| |
| @media (max-width: 720px) {
| |
| .portable-infobox {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
| }
| |
| /* Infobox template style */
| |
| .infobox {
| |
| border: 1px solid #a2a9b1;
| |
| border-spacing: 3px;
| |
| background-color: #f8f9fa;
| |
| color: black;
| |
| /* @noflip */
| |
| margin: 0.5em 0 0.5em 1em;
| |
| padding: 0.2em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| clear: right;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| 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;
| |
| }
| |
