Www-styles: Difference between revisions

From Hackers & Designers
No edit summary
No edit summary
 
(9 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 10: Line 10:
filter:  
filter:  
drop-shadow(0 0 2px var(--blue))
drop-shadow(0 0 2px var(--blue))
drop-shadow(0 0 25px var(--pink))
drop-shadow(0 0 15px var(--pink))
drop-shadow(0 0 600px var(--orange))
drop-shadow(0 0 10px var(--orange))
;
;
}
}
Line 17: Line 17:
filter: unset !important;
filter: unset !important;
}
}
/* on index page smaller shadow */
*/
.index_row .type-hdsc2024 {
/* for the radio radio buttons */
filter:
input[type=radio]:checked {
drop-shadow(0 0 2px var(--blue))
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;
drop-shadow(0 0 25px var(--pink))
}
drop-shadow(0 0 60px var(--orange))
 
;
[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;
}