|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /* ==========================================================================
| |
| Wikipedia-Style Theme for PortableInfobox
| |
| ========================================================================== */
| |
|
| |
| /* Main Infobox Container */
| |
| .portable-infobox {
| |
| /* Color Palette Variables */
| |
| --pi-background: #f8f9fa !important; /* Wikipedia sub-neutral off-white */
| |
| --pi-secondary-background: #f8f9fa !important; /* No dark title/header backgrounds */
| |
| --pi-border-color: #a2a9b1 !important; /* Wikipedia classic gray border */
| |
| --pi-text-color: #202122 !important; /* Near black default text */
| |
| --pi-header-text-color: #000000 !important; /* Header text color */
| |
|
| |
| /* Typography & Sizing */
| |
| font-size: 88% !important; /* Wikipedia standard metadata text size */
| |
| line-height: 1.5em !important;
| |
| width: 22em !important; /* Wikipedia infobox standard width */
| |
|
| |
| /* Layout and Spacing */
| |
| border: 1px solid var(--pi-border-color) !important;
| |
| border-radius: 0px !important; /* Sharp edges, strictly NO rounded corners */
| |
| padding: 0.2em !important; /* Inner table buffer */
| |
| box-shadow: none !important; /* Remove modern shadows */
| |
| background-color: var(--pi-background) !important;
| |
| }
| |
|
| |
| /* Titles and Headers */
| |
| .portable-infobox .pi-title,
| |
| .portable-infobox .pi-header {
| |
| font-size: 115% !important; /* Bump title scale slightly */
| |
| font-weight: bold !important;
| |
| text-align: center !important;
| |
| background-color: transparent !important; /* Standard Wikipedia titles use default bg */
| |
| padding: 0.2em 0.4em !important;
| |
| }
| |
|
| |
| /* Sections & Cell Borders */
| |
| .portable-infobox .pi-header {
| |
| font-size: 100% !important;
| |
| border-top: 1px solid var(--pi-border-color) !important; /* Top separator line for new sections */
| |
| padding-top: 0.4em !important;
| |
| margin-top: 0.4em !important;
| |
| }
| |
|
| |
| /* Image Wrappers */
| |
| .portable-infobox .pi-media,
| |
| .portable-infobox .pi-image {
| |
| text-align: center !important;
| |
| padding: 0.2em 0 !important;
| |
| }
| |
|
| |
| /* Data Labels (Left column) */
| |
| .portable-infobox .pi-data-label {
| |
| font-weight: bold !important;
| |
| text-align: left !important;
| |
| padding: 0.3em 0.6em 0.3em 0 !important; /* Tight padding */
| |
| width: 35% !important; /* Standard proportional split */
| |
| vertical-align: top !important;
| |
| }
| |
|
| |
| /* Data Values (Right column) */
| |
| .portable-infobox .pi-data-value {
| |
| text-align: left !important;
| |
| padding: 0.3em 0 !important;
| |
| vertical-align: top !important;
| |
| }
| |
