|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /* Overall infobox table */
| |
| .infobox {
| |
| float: right;
| |
| clear: right;
| |
| width: 280px;
| |
| margin: 0 0 1em 1em;
| |
| border: 1px solid #aaa;
| |
| background: #f9f9f9;
| |
| font-size: 90%;
| |
| border-spacing: 0;
| |
| border-collapse: collapse;
| |
| line-height: 1.2;
| |
| font-family: "Segoe UI", "Arial", sans-serif;
| |
| }
| |
|
| |
| /* Table cells */
| |
| .infobox td, .infobox th {
| |
| padding: 4px 6px;
| |
| vertical-align: top;
| |
| border: 0;
| |
| }
| |
|
| |
| /* Narrow label column */
| |
| .infobox td:first-child {
| |
| width: 40%;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| /* Value column */
| |
| .infobox td:last-child {
| |
| width: 60%;
| |
| }
| |
|
| |
| /* Image area */
| |
| .infobox-image {
| |
| text-align: center;
| |
| background: #f9f9f9;
| |
| padding: 4px 0; /* small vertical spacing like Wikipedia */
| |
| }
| |
|
| |
| /* Image caption */
| |
| .infobox-caption {
| |
| font-size: 90%;
| |
| line-height: 1.2;
| |
| text-align: center;
| |
| display: block;
| |
| margin-top: 2px;
| |
| }
| |
|
| |
| /* Top scientific name bar */
| |
| .infobox-title {
| |
| display: inline-block; /* shrink to content */
| |
| background: #f2f2ce;
| |
| font-size: 110%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 4px 12px;
| |
| border-radius: 2px;
| |
| margin: 2px auto;
| |
| }
| |
|
| |
| /* Section headers (yellow bars like 'Scientific classification') */
| |
| .infobox-header {
| |
| display: inline-block;
| |
| background: #e6e6cc;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 3px 10px;
| |
| border-radius: 2px;
| |
| font-size: 95%;
| |
| margin: 2px auto;
| |
| }
| |
|
| |
| /* Center the inline-block bars */
| |
| .infobox th.infobox-title,
| |
| .infobox th.infobox-header {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Binomial section */
| |
| .infobox-binomial {
| |
| text-align: center;
| |
| font-size: 105%;
| |
| font-style: italic;
| |
| padding: 2px 0;
| |
| }
| |
|
| |
| /* Authority text */
| |
| .infobox-authority {
| |
| font-size: 90%;
| |
| text-align: center;
| |
| padding-bottom: 2px;
| |
| }
| |
|
| |
| /* Add subtle spacing between rows like Wikipedia */
| |
| .infobox tr {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| /* Optional: border under the image to separate sections (Wikipedia style) */
| |
| .infobox-image + tr {
| |
| border-top: 1px solid #aaa;
| |
| }
| |
Revision as of 18:33, 17 December 2025
/* CSS placed here will be applied to all skins */
