73 lines
No EOL
2 KiB
CSS
73 lines
No EOL
2 KiB
CSS
/* CSS Variable Defaults */
|
|
:root {
|
|
--dh-fear-bg: transparent;
|
|
--dh-fear-bg-size: cover;
|
|
--dh-fear-bg-pos: center;
|
|
--dh-fear-icon-color: #ffffff;
|
|
--dh-fear-border-radius: 50%;
|
|
}
|
|
|
|
/* Base Icon Styling */
|
|
#resource-fear i.fear-tracker-plus-custom {
|
|
position: relative;
|
|
z-index: 1;
|
|
transition: all 0.5s ease;
|
|
border-radius: var(--dh-fear-border-radius);
|
|
|
|
/* Background Shape Styling (Applied to container) - REMOVED */
|
|
|
|
/* Ensure icon is centered */
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Scoped Override for Custom Themes */
|
|
/* Scoped Override for Custom Themes */
|
|
#resource-fear i.fear-tracker-plus-custom.dh-fear-plus-bg-override {
|
|
background: var(--dh-fear-bg) !important;
|
|
background-size: var(--dh-fear-bg-size) !important;
|
|
background-position: var(--dh-fear-bg-pos) !important;
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
|
|
/* Icon Glyph Styling (Applied to ::before which contains the character) */
|
|
/* Icon Glyph Styling (Applied to ::before which contains the character) */
|
|
#resource-fear i.fear-tracker-plus-custom.dh-fear-plus-icon-override::before {
|
|
/* Apply Gradient or Solid Color to Text */
|
|
background: var(--dh-fear-icon-color);
|
|
background-size: var(--dh-fear-icon-bg-size, cover);
|
|
background-position: var(--dh-fear-icon-bg-pos, center);
|
|
background-repeat: no-repeat;
|
|
|
|
-webkit-background-clip: text !important;
|
|
background-clip: text !important;
|
|
-webkit-text-fill-color: transparent !important;
|
|
color: transparent !important;
|
|
|
|
/* Ensure it overlays correctly */
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
|
|
@keyframes fearPulse {
|
|
0% {
|
|
transform: scale(1);
|
|
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
|
|
}
|
|
|
|
50% {
|
|
transform: scale(1.1);
|
|
filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
|
|
}
|
|
}
|
|
|
|
#resource-fear i.fear-tracker-plus-animate {
|
|
animation: fearPulse 2s infinite ease-in-out;
|
|
} |