Module:Sandbox/Aurelain/Cargo/styles.css: Difference between revisions

Latest revision as of 15:04, 20 June 2026

/* ---- GENERAL ---- */
.units-overview table {
    white-space: nowrap;
}

.units-overview .wiki-hint {
    border-bottom: none !important; /* hide the underline applied by the Hint template */
}

.units-overview th {
    padding-right: 4px !important; /* suppress the space allotted to the sortable markers */
}

.units-overview td {
    color: #cbced1;
}

.units-overview tr:hover {
    background: #13161a;
}

.units-overview .forced-faction th:nth-child(2),
.units-overview .forced-faction td:nth-child(2) {
    display: none;
}

.units-overview .unit td:nth-child(1) {
    padding: 0 0.5em 0 0;
}

.units-overview .unit.upgraded td:nth-child(1) {
    padding-left: 2em;
}

/* ---- IMAGES ---- */
.units-overview th img {
    width: 24px;
    height: 24px;
}

/* ---- STATS ---- */
.units-overview td:nth-child(5) img,
.units-overview td:nth-child(6) img,
.units-overview td:nth-child(7) img,
.units-overview td:nth-child(8) img,
.units-overview td:nth-child(9) img,
.units-overview td:nth-child(10) img,
.units-overview td:nth-child(11) img,
.units-overview td:nth-child(12) img {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-left: 1px;
    opacity: 0.5;
}

.units-overview td:nth-child(5),
.units-overview td:nth-child(6),
.units-overview td:nth-child(7),
.units-overview td:nth-child(8),
.units-overview td:nth-child(9),
.units-overview td:nth-child(10),
.units-overview td:nth-child(11),
.units-overview td:nth-child(12) {
    text-align: right;
}


/* ---- SEPARATORS ---- */

.units-overview .separator:first-child,
.units-overview .separator:last-child,
.units-overview .separator + .separator {
    display: none;
}

.units-overview .separator-tiny {
    height: 3px;
    background: #c8b36c !important;
}

.units-overview .separator-tiny td {
    padding: 0;
}

.units-overview .separator-large {
    background-color: #101622 !important;
    text-align: center;
    font-size: 24px;
}

.units-overview .separator-large img {
    width: 54px;
}

/* ---- MORALE AND LUCK ---- */
.units-overview .elevated1 {
    color: #c8b36c;
}

.units-overview .elevated2 {
    color: #2ea821;
}

.units-overview .elevated3 {
    color: #47adf2;
}