Www-styles: Difference between revisions
No edit summary |
No edit summary |
||
Line 37: | Line 37: | ||
.sold_out { | .sold_out { | ||
opacity: 0. | opacity: 0.6; | ||
filter: saturation(0); | filter: saturation(0); | ||
font-style: italic; | font-style: italic; | ||
} | } |
Revision as of 15:28, 30 October 2024
html {
/* background-color: yellow; */
}
/*
.type-hdsc2024 {
--pink: hsl(303, 95%, 70%);
--orange: hsl(26, 86%, 58%);
--fore: hsl(303, 95%, 60%);
--blue: hsl(193, 100%, 50%);
filter:
drop-shadow(0 0 2px var(--blue))
drop-shadow(0 0 15px var(--pink))
drop-shadow(0 0 10px var(--orange))
;
}
.type-hdsc2024 img {
filter: unset !important;
}
*/
/* for the radio radio buttons */
input[type=radio]:checked {
box-shadow: 0 0 20px yellow, 0 0 20px yellow, 0 0 20px yellow, 0 0 20px yellow, 0 0 20px yellow, 0 0 20px yellow;
}
[aria-label^="Upcoming"] .radios,
[aria-label^="Upcoming"] audio {
text-align: center;
}
.radio_player {
border: 10px dotted yellow;
border-radius: 40px;
padding: 40px;
text-align: center;
margin-bottom: 3rem;
}
.sold_out {
opacity: 0.6;
filter: saturation(0);
font-style: italic;
}