Dateien nach "assets/css" hochladen
This commit is contained in:
39
assets/css/festive.css
Normal file
39
assets/css/festive.css
Normal file
@@ -0,0 +1,39 @@
|
||||
/* Feste Feiertage */
|
||||
body.festive-advent,
|
||||
body.festive-christmas {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.festive-halloween {
|
||||
color: #ff6200;
|
||||
}
|
||||
|
||||
@keyframes festive-birthday-bg {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
|
||||
/* Allgemeiner Container für den Shortcode/Widget */
|
||||
.fsp-today {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
padding: 25px;
|
||||
border-radius: 16px;
|
||||
text-align: center;
|
||||
font-size: 1.8em;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
body.festive-birthday img {
|
||||
filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
|
||||
}
|
||||
|
||||
/* Weihnachtsstern */
|
||||
body.festive-christmas img[src*="gold-star.png"] {
|
||||
animation: twinkle 3s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes twinkle {
|
||||
0% { opacity: 0.5; transform: scale(0.8); }
|
||||
100% { opacity: 1; transform: scale(1.2); }
|
||||
}
|
||||
Reference in New Issue
Block a user