On air indicator in programmering

This commit is contained in:
NH Gooi
2024-09-23 22:02:53 +02:00
parent cff9948dda
commit 7f07a28b98
2 changed files with 17 additions and 5 deletions

14
public/css/style.css vendored
View File

@@ -1320,8 +1320,10 @@ div.pp_default .pp_close:hover {
float: left;
margin-right: 10px;
}
.post_tags li a {
.post_tags li a,
#schedule .onair {
display: block;
width: 4rem;
padding: 6px 15px 7px;
border-radius: 3px;
background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
@@ -1337,6 +1339,16 @@ div.pp_default .pp_close:hover {
#schedule a {
text-decoration: none;
}
@keyframes tilt-shaking {
0% { transform: rotate(0deg); }
25% { transform: rotate(5deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.onair {
animation: tilt-shaking 1s linear infinite;
}
#schedule .program-title {
font-family: Montserrat, serif;
font-size: 14px;