Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Please sign up or log in to edit the wiki.

Template:Vehicle specifications/styles.css: Difference between revisions

Template page
Content deleted Content added
Set each component card to occupy whole column
No edit summary
Line 37: Line 37:


.vehicle-spec-table td:hover {
.vehicle-spec-table td:hover {
background-color: #f8f9fa;
background-color: var( --background-color-quiet--hover );
}
}


html.skin-citizen-dark .vehicle-spec-label img {
@media (prefers-color-scheme: dark) {
filter: invert(1);
.vehicle-spec-label img {
filter: invert(1);
}

.vehicle-spec-table td:hover {
background-color: #1d2129;
}
}
}

Revision as of 17:22, 25 March 2021

table.vehicle-spec-table {
    margin-top: 0;
}

.vehicle-spec-label {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-right: 0.8rem;
    line-height: 1.2;
}

.vehicle-spec-label img {
    margin: 8px 0.6rem 8px 0;
    width: 18px;
}

.vehicle-spec-table .plainlist ul li {
    display: flex;
    margin-top: 0.4rem;
    flex-direction: column;
}

.vehicle-spec-table .plainlist .componentcard:before {
    content: "↳";
    display: block;
    margin: 0.4rem 0.6rem 0 0;
}

.vehicle-spec-table .plainlist .componentcard {
    margin-top: 0.4rem;
}

table.vehicle-spec-table tr:hover {
    background: none;
}

.vehicle-spec-table td:hover {
    background-color: var( --background-color-quiet--hover );
}

html.skin-citizen-dark .vehicle-spec-label img {
    filter: invert(1);
}