test mit css update

This commit is contained in:
2025-05-19 17:20:10 +02:00
parent 42bee3a7b8
commit 6fca2fe730
2 changed files with 46 additions and 7 deletions

View File

@@ -121,8 +121,8 @@
color: #ffffff;
}
.buy-button {
background-color: var(--accent);
.button-available {
background-color: #367000;
color: #0b0f1a;
border: none;
padding: 8px 8px;
@@ -131,10 +131,25 @@
transition: background-color 0.3s;
}
.buy-button:hover {
background-color: #009acd;
.button-outofstock {
background-color: #a79100;
color: #0b0f1a;
border: none;
padding: 8px 8px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s;
}
.button-notforsale {
background-color: #9d0000;
color: #0b0f1a;
border: none;
padding: 8px 8px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s;
}
a {
color: var(--accent);

View File

@@ -37,7 +37,7 @@
<p>Top Speed Balanced - Flightblade für dein Anvil Aerospace Schiff</p>
<div class="product-footer">
<span class="price">12.000 aUEC</span>
<button class="buy-button">Verfügbar</button>
<button class="button-available">Verfügbar</button>
</div>
</div>
</div>
@@ -49,7 +49,31 @@
<p>Top Speed Balanced - Flightblade für dein Aegis Dynamics Schiff</p>
<div class="product-footer">
<span class="price">10.000 aUEC</span>
<button class="buy-button">Verfügbar</button>
<button class="buy-outofstock">Verfügbar</button>
</div>
</div>
</div>
<div class="product-card">
<img src="/static/img/shop/blades/blade_aegis.webp" alt="Paint 2">
<div class="product-info">
<h3>Aegis - Flight Blade TSB</h3>
<p>Top Speed Balanced - Flightblade für dein Aegis Dynamics Schiff</p>
<div class="product-footer">
<span class="price">10.000 aUEC</span>
<button class="buy-notforsale">Verfügbar</button>
</div>
</div>
</div>
<div class="product-card">
<img src="/static/img/shop/blades/blade_aegis.webp" alt="Paint 2">
<div class="product-info">
<h3>Aegis - Flight Blade TSB</h3>
<p>Top Speed Balanced - Flightblade für dein Aegis Dynamics Schiff</p>
<div class="product-footer">
<span class="price">10.000 aUEC</span>
<button class="buy-available">Verfügbar</button>
</div>
</div>
</div>