MediaWiki:Common.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 Wiki Infobox Styles */
.forza-info-container {
    display: flex; justify-content: space-between; align-items: center;
    background-color: #f5f5f5; padding: 4px; border-radius: 3px;
    font-weight: bold; margin-bottom: 5px; gap: 4px; width: 100%; font-size: 16px; color: #333;
}
.forza-class-box { color: white; padding: 3px 6px; border-radius: 3px; font-weight: bold; }
.class-d { background-color: #3dbaea; }
.class-c { background-color: #f6bf31; }
.class-b { background-color: #ff6533; }
.class-a { background-color: #fc355a; }
.class-s1 { background-color: #bd5ee4; }
.class-s2 { background-color: #1567d6; }
.class-x { background-color: #90cf00; }

.forza-pi-box { background-color: #ffffff; border: 1px solid #ddd; padding: 3px 6px; border-radius: 3px; color: #333; }

.forza-stat-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; width: 100%; }
.forza-stat-label { flex: 0 0 120px; font-size: 14px; color: #555; }
.forza-progress-container { flex: 1; background-color: #eee; border-radius: 3px; height: 10px; overflow: hidden; }
.forza-progress-bar { height: 100%; background-color: #d13f8d; transition: width 0.5s; }
.forza-stat-value { flex: 0 0 35px; text-align: right; font-weight: bold; font-size: 14px; }

/* Klappbox / Toggle */
.forza-toggle-header { background-color: #d13f8d; color: white; padding: 6px 10px; font-weight: bold; border-radius: 3px 3px 0 0; cursor: pointer; }
.forza-toggle-content { background-color: #f9f9f9; border: 1px solid #ddd; border-top: none; padding: 10px; display: flex; gap: 20px; }