fix and delete danger bar
This commit is contained in:
parent
791cbe79d6
commit
5abcc65fc7
2 changed files with 1 additions and 48 deletions
|
|
@ -39,7 +39,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.match-card:hover {
|
.match-card {
|
||||||
transform: translateY(-4px);
|
transform: translateY(-4px);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 12px 48px rgba(218, 165, 32, 0.2),
|
0 12px 48px rgba(218, 165, 32, 0.2),
|
||||||
|
|
@ -499,48 +499,6 @@
|
||||||
.referee-glow { box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.2); }
|
.referee-glow { box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.2); }
|
||||||
.timing-glow { box-shadow: inset 0 0 20px rgba(220, 38, 38, 0.2); }
|
.timing-glow { box-shadow: inset 0 0 20px rgba(220, 38, 38, 0.2); }
|
||||||
|
|
||||||
/* Footer Arena */
|
|
||||||
.arena-footer {
|
|
||||||
margin-top: 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.danger-tape {
|
|
||||||
flex: 1;
|
|
||||||
height: 4px;
|
|
||||||
background:
|
|
||||||
repeating-linear-gradient(
|
|
||||||
45deg,
|
|
||||||
#ffd700 0px,
|
|
||||||
#ffd700 10px,
|
|
||||||
#dc2626 10px,
|
|
||||||
#dc2626 20px
|
|
||||||
);
|
|
||||||
animation: tape-move 2s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes tape-move {
|
|
||||||
0% { background-position: 0px 0px; }
|
|
||||||
100% { background-position: 28px 0px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.warning-text {
|
|
||||||
font-family: 'Orbitron', monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #ffd700;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
animation: warning-blink 1.5s ease-in-out infinite alternate;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes warning-blink {
|
|
||||||
0% { opacity: 1; }
|
|
||||||
100% { opacity: 0.6; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive */
|
/* Responsive */
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.combat-grid {
|
.combat-grid {
|
||||||
|
|
|
||||||
|
|
@ -80,11 +80,6 @@
|
||||||
<div class="stat-glow timing-glow"></div>
|
<div class="stat-glow timing-glow"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="arena-footer">
|
|
||||||
<div class="danger-tape"></div>
|
|
||||||
<span class="warning-text">⚠️ COMBAT ZONE ACTIVE ⚠️</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue