Jump to content

Template:Speciesbox/styles.css: Difference between revisions

From Fifth Empire Wiki
mNo edit summary
mNo edit summary
Line 17: Line 17:
}
}


/* === Speciesbox main title (name) === */
.speciesbox-title {
.speciesbox-title {
     text-align: center;
     text-align: center;
     font-size: 120%;
     font-size: 125%;
     background: #eaecf0;
    font-weight: bold;
     background-color: #eef2d6;
    padding: 0.5em;
}
}


Line 32: Line 35:
}
}


 
/* === Section headers (Conservation status, Scientific classification, etc.) === */
/* === IUCN Red List colours (IUCN 3.1) === */
.speciesbox-section {
 
     text-align: center;
.iucn-ex {
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-ew {
    background: #5a0000;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-cr {
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-en {
    background: #e65100;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-vu {
    background: #f9a825;
    color: #000000;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-nt {
    background: #c0ca33;
    color: #000000;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-lc {
    background: #2e7d32;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-dd {
     background: #9e9e9e;
    color: #000000;
    font-weight: bold;
    padding: 0.1em 0.4em;
}
 
.iucn-ne {
    background: #bdbdbd;
    color: #000000;
     font-weight: bold;
     font-weight: bold;
     padding: 0.1em 0.4em;
    background-color: #eef2d6;
     padding: 0.4em;
    border-top: 1px solid #a2a9b1;
}
}


.iucn-unknown {
/* Ensure section headers look like headers, not data */
     background: #eeeeee;
.speciesbox-section {
    color: #000000;
     border-bottom: 1px solid #a2a9b1;
    font-style: italic;
    padding: 0.1em 0.4em;
}
}


.iucn-chart {
/* Optional: tighten spacing below headers */
     display: flex;
.speciesbox-section + tr td {
    justify-content: space-between;
     padding-top: 0.5em;
    margin: 0.3em 0;
}
}

Revision as of 20:10, 29 January 2026

.speciesbox {
    width: 100%;
    max-width: 300px;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
    font-size: 90%;
}

.speciesbox th {
    background: #eaecf0;
    text-align: left;
    padding: 0.4em;
}

.speciesbox td {
    padding: 0.4em;
}

/* === Speciesbox main title (name) === */
.speciesbox-title {
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    background-color: #eef2d6;
    padding: 0.5em;
}

.speciesbox-image {
    text-align: center;
}

.speciesbox-status-system {
    font-size: 85%;
    color: #54595d;
}

/* === Section headers (Conservation status, Scientific classification, etc.) === */
.speciesbox-section {
    text-align: center;
    font-weight: bold;
    background-color: #eef2d6;
    padding: 0.4em;
    border-top: 1px solid #a2a9b1;
}

/* Ensure section headers look like headers, not data */
.speciesbox-section {
    border-bottom: 1px solid #a2a9b1;
}

/* Optional: tighten spacing below headers */
.speciesbox-section + tr td {
    padding-top: 0.5em;
}