Www-styles: Difference between revisions
No edit summary |
No edit summary |
||
(11 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
/* background-color: yellow; */ | /* background-color: yellow; */ | ||
} | } | ||
/* | |||
.type-hdsc2024 { | .type-hdsc2024 { | ||
--pink: hsl(303, 95%, 70%); | --pink: hsl(303, 95%, 70%); | ||
Line 9: | Line 9: | ||
--blue: hsl(193, 100%, 50%); | --blue: hsl(193, 100%, 50%); | ||
filter: | filter: | ||
drop-shadow(0 0 | drop-shadow(0 0 2px var(--blue)) | ||
drop-shadow(0 0 | drop-shadow(0 0 15px var(--pink)) | ||
drop-shadow(0 0 | drop-shadow(0 0 10px var(--orange)) | ||
; | ; | ||
} | } | ||
.type-hdsc2024 img { | .type-hdsc2024 img { | ||
filter: unset !important; | 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; | |||
} | |||
/* SHOP */ | |||
.shelf { | |||
/* inherits styles from .publishing class used in other indeces */ | |||
/* alter / add more here */ | |||
} | |||
.publication { | |||
/* inherits styles from .publishing-item class used in other indeces */ | |||
/* alter / add more here */ | |||
} | |||
.publication.sold_out { | |||
opacity: 0.6; | |||
filter: grayscale(100%); | |||
font-style: italic; | |||
} | } |
Latest revision as of 15:38, 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;
}
/* SHOP */
.shelf {
/* inherits styles from .publishing class used in other indeces */
/* alter / add more here */
}
.publication {
/* inherits styles from .publishing-item class used in other indeces */
/* alter / add more here */
}
.publication.sold_out {
opacity: 0.6;
filter: grayscale(100%);
font-style: italic;
}