rosary: clean up unused CSS, fix unclosed tag
All checks were successful
CI / update (push) Successful in 1m24s
All checks were successful
CI / update (push) Successful in 1m24s
- FireEffect now only contains fire-related styles - StreakAura now only contains aura, number, halo, wing styles - Fix unclosed <i> tags in JosephGebet.svelte
This commit is contained in:
@@ -94,162 +94,6 @@
|
||||
50% { text-shadow: 0 0 16px rgba(255,215,100,.8); }
|
||||
}
|
||||
|
||||
/* =====================
|
||||
PURE CSS FIRE (SCALED + RISING)
|
||||
===================== */
|
||||
.fire {
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) scale(0.55);
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
pointer-events: none;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
/* ---------- animations ---------- */
|
||||
@keyframes scaleUpDown {
|
||||
0%,100% { transform: scaleY(1) scaleX(1); }
|
||||
50%,90% { transform: scaleY(1.1); }
|
||||
75% { transform: scaleY(0.95); }
|
||||
80% { transform: scaleX(0.95); }
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0%,100% { transform: skewX(0) scale(1); }
|
||||
50% { transform: skewX(5deg) scale(0.9); }
|
||||
}
|
||||
|
||||
@keyframes particleUp {
|
||||
0% { opacity: 0; }
|
||||
20% { opacity: 1; }
|
||||
80% { opacity: 1; }
|
||||
100% {
|
||||
opacity: 0;
|
||||
top: -100%;
|
||||
transform: scale(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glow {
|
||||
0%,100% { background-color: #ef5a00; }
|
||||
50% { background-color: #ff7800; }
|
||||
}
|
||||
|
||||
/* ---------- fire structure ---------- */
|
||||
.fire-center,
|
||||
.fire-left,
|
||||
.fire-right {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fire-center {
|
||||
animation: scaleUpDown 3s ease-out infinite;
|
||||
}
|
||||
|
||||
.fire-left {
|
||||
animation: shake 3s ease-out infinite;
|
||||
}
|
||||
|
||||
.fire-right {
|
||||
animation: shake 2s ease-out infinite;
|
||||
}
|
||||
|
||||
.main-fire {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: radial-gradient(
|
||||
farthest-corner at 10px 0,
|
||||
color-mix(in srgb, var(--nord11) 70%, transparent),
|
||||
color-mix(in srgb, var(--nord12) 70%, transparent) 60%,
|
||||
color-mix(in srgb, var(--nord13) 85%, transparent) 95%
|
||||
);
|
||||
filter: drop-shadow(0 0 6px var(--nord12));
|
||||
transform: scaleX(0.8) rotate(45deg);
|
||||
border-radius: 0 40% 60% 40%;
|
||||
/*filter: drop-shadow(0 0 10px #d43322);*/
|
||||
}
|
||||
|
||||
.fire-left .main-fire {
|
||||
top: 15%;
|
||||
left: -20%;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
}
|
||||
|
||||
.fire-right .main-fire {
|
||||
top: 15%;
|
||||
right: -25%;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
}
|
||||
|
||||
.particle-fire {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: var(--nord13);
|
||||
filter: drop-shadow(0 0 4px var(--nord12));
|
||||
border-radius: 50%;
|
||||
animation: particleUp 2.5s ease-out infinite;
|
||||
}
|
||||
|
||||
.fire-center .particle-fire {
|
||||
top: 60%;
|
||||
left: 45%;
|
||||
}
|
||||
|
||||
.fire-left .particle-fire {
|
||||
top: 20%;
|
||||
left: 20%;
|
||||
animation-duration: 3s;
|
||||
}
|
||||
|
||||
.fire-right .particle-fire {
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.fire-bottom .main-fire {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 20%;
|
||||
width: 75%;
|
||||
height: 75%;
|
||||
background-color: #ff7800;
|
||||
transform: scaleX(0.8) rotate(45deg);
|
||||
border-radius: 0 40% 100% 40%;
|
||||
filter: blur(10px);
|
||||
animation: glow 2s ease-out infinite;
|
||||
}
|
||||
|
||||
/* =====================
|
||||
HOLY (BLUE-WHITE) FIRE
|
||||
===================== */
|
||||
.holy-fire .main-fire {
|
||||
background-image: radial-gradient(
|
||||
farthest-corner at 10px 0,
|
||||
#9fd4ff 0%,
|
||||
#eaf6ff 95%
|
||||
);
|
||||
filter: drop-shadow(0 0 12px rgba(180,220,255,.9));
|
||||
}
|
||||
|
||||
.holy-fire .particle-fire {
|
||||
background-color: #eaf6ff;
|
||||
filter: drop-shadow(0 0 12px rgba(180,220,255,.9));
|
||||
}
|
||||
|
||||
.holy-fire .fire-bottom .main-fire {
|
||||
background-color: #d6ecff;
|
||||
}
|
||||
|
||||
/* =====================
|
||||
PHASE 3 – HALO
|
||||
===================== */
|
||||
|
||||
Reference in New Issue
Block a user