|
|
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| {{#if:{{{bild|}}}|[[File:{{{bild|}}}|thumb|right|280px|link=]]}}
| | <noinclude>[[Kategorie:Vorlage]]</noinclude> |
|
| |
|
| <div class="fh-car-infobox">
| | {{#if:{{{bild|}}}|[[File:{{{bild}}}|thumb|right|280px]]}} |
|
| |
|
| <!-- Obere Info-Leiste --> | | <div class="forza-car-box"> |
| <div class="info-bar"> | | |
| <div class="info-item">🚗 Verfügbarkeit: {{{verfugbarkeit|Autoshow + Wheelspins}}}</div> | | <!-- Obere Info-Bar --> |
| <div class="info-item">⚙️ {{{antrieb|AWD}}}</div> | | |
| | | <div>🚗 Verfügbarkeit: {{{verfugbarkeit|Autoshow + Wheelspins}}}</div> |
| <span class="class-badge class-{{#lc:{{{klasse|D}}}}}">{{{klasse|D}}}</span>
| | <div>⚙️ {{{antrieb|AWD}}}</div> |
| <span class="pi-badge">PI {{{pi|100}}}</span>
| | |
| | <span class="class-badge class-{{#lc:{{{klasse|D}}}}}">{{{klasse|D}}}</span> |
| | <span class="pi-badge">PI {{{pi|100}}}</span> |
| | </div> |
| </div> | | </div> |
| </div>
| |
|
| |
|
| <!-- Statistik Zeilen --> | | <!-- Statistik Zeilen --> |
| <div class="stat-block"> | | |
| | | <div class="stat- item">< span class="stat- name">Geschwindigkeit</ span>< span class="stat- val">{{{geschwindigkeit|6.0}}}</ span></div> |
| <div class="stat-label">Geschwindigkeit</div>
| | <div class="stat- item">< span class="stat- name">Handling</ span>< span class="stat- val">{{{handling|2.6}}}</ span></div> |
| <div class="stat-value">{{{geschwindigkeit|6.0}}}</div>
| | <div class="stat- item">< span class="stat- name">Beschleunigung</ span>< span class="stat- val">{{{beschleunigung|3.7}}}</ span></div> |
| </div>
| | <div class="stat- item">< span class="stat- name">Start</ span>< span class="stat- val">{{{start|1.7}}}</ span></div> |
| | | <div class="stat- item">< span class="stat- name">Bremsen </span><span class="stat-val">{{{bremsen|2.0}}}</span></div> |
| <div class="stat-label">Handling</div>
| | <div class="stat-item"><span class="stat-name">Offroad</span><span class="stat-val">{{{offroad|5.1}}}</span></div> |
| <div class="stat-value">{{{handling|2.6}}}</div>
| |
| </div>
| |
| | |
| <div class="stat-label">Beschleunigung</div>
| |
| <div class="stat-value">{{{beschleunigung|3.7}}}</div>
| |
| </div>
| |
| | |
| <div class="stat-label">Start</div>
| |
| <div class="stat-value">{{{start|1.7}}}</div>
| |
| </div>
| |
| | |
| <div class="stat-label">Bremsen</div>
| |
| <div class="stat-value">{{{bremsen|2.0}}}</div> | |
| </div> | | </div> |
| <div class="stat-row">
| |
| <div class="stat-label">Offroad</div>
| |
| <div class="stat-value">{{{offroad|5.1}}}</div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Zusatzinfos -->
| |
| <div class="extra-info">
| |
| <p><b>Fahrzeugtyp:</b> {{{fahrzeugtyp|}}}</p>
| |
| <p><b>Seltenheit:</b> {{{seltenheit|}}}</p>
| |
| <p><b>Land:</b> {{{land|}}}</p>
| |
| <p><b>Leistung:</b> {{{leistung|}}} PS</p>
| |
| <p><b>Gewicht:</b> {{{gewicht|}}} kg</p>
| |
| </div> | | </div> |
|
| |
| </div>
| |
|
| |
| <style>
| |
| .fh-car-infobox {
| |
| font-family: system-ui, -apple-system, sans-serif;
| |
| max-width: 100%;
| |
| margin: 15px 0;
| |
| }
| |
|
| |
| .info-bar {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 12px;
| |
| background: #f8f8f8;
| |
| padding: 10px 14px;
| |
| border-radius: 6px;
| |
| margin-bottom: 14px;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .info-item { flex: 1; min-width: 140px; }
| |
| .class-pi { display: flex; gap: 8px; align-items: center; }
| |
| .class-badge {
| |
| color: white;
| |
| padding: 5px 12px;
| |
| border-radius: 4px;
| |
| font-weight: bold;
| |
| }
| |
| .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: 5px 12px;
| |
| border-radius: 4px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .stat-block {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 2px;
| |
| }
| |
|
| |
| .stat-row {
| |
| background: #f9f9f9;
| |
| padding: 12px 16px;
| |
| border-radius: 6px;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| font-size: 16px;
| |
| }
| |
|
| |
| .stat-label {
| |
| font-weight: 500;
| |
| color: #333;
| |
| }
| |
|
| |
| .stat-value {
| |
| font-weight: bold;
| |
| font-size: 17px;
| |
| color: #222;
| |
| }
| |
|
| |
| .extra-info {
| |
| margin-top: 18px;
| |
| padding: 14px;
| |
| background: #f8f8f8;
| |
| border-radius: 6px;
| |
| line-height: 1.7;
| |
| }
| |
| </style>
| |