MediaWiki:ForzaCar.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Forza Car Infobox - Clean Style */

.forza-car-box {
    margin: 20px 0;
    font-family: system-ui, -apple-system, sans-serif;
}

.info-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background: #f0f0f0;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-weight: 600;
    align-items: center;
}

.info-bar > div {
    flex: 1;
    min-width: 140px;
}

.class-pi {
    display: flex;
    gap: 10px;
    align-items: center;
}

.class-badge {
    color: white;
    padding: 6px 12px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
}

.class-d  { background: #3dbaea; }
.class-c  { background: #f6bf31; }
.class-b  { background: #ff6533; }
.class-a  { background: #fc355a; }
.class-s1 { background: #bd5ee4; }
.class-s2 { background: #1567d6; }
.class-x  { background: #90cf00; }

.pi-badge {
    background: #2c2c2c;
    color: white;
    padding: 6px 12px;
    border-radius: 5px;
    font-weight: bold;
}

.stat-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stat-item {
    background: #f9f9f9;
    padding: 14px 18px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16.5px;
}

.stat-name {
    font-weight: 500;
    color: #333;
}

.stat-val {
    font-weight: bold;
    font-size: 17px;
}