ari/arimelody.me-static
ari/arimelody.me-static
Archived
1
0
Fork 0
Code Issues 1 Pull requests Projects Wiki Activity Actions

music page!!! 🎶

Browse source
This commit is contained in:
ari melody 2023-10-14 23:26:26 +01:00
parent a5ea652f6b
commit 3650f026a2
Signed by: ari
GPG key ID: CF99829C92678188
9 changed files with 442 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

44
public/style/music.css
View file

@ -1,4 +1,4 @@
article.music {
a.music {
margin-bottom: 1rem;
padding: 1.5rem;
display: flex;
@ -7,14 +7,16 @@ article.music {
border-radius: 4px;
background-color: #ffffff04;
transition: background-color .1s;
text-decoration: none;
}
article.music:hover {
a.music:hover {
background-color: #fff1;
}
.music h1:hover,
.music h2:hover {
.music h2:hover,
.music h3:hover {
background: initial;
}
@ -37,6 +39,32 @@ article.music:hover {
color: #aaa;
}
h3[class^=music-type] {
margin: 0 0 1rem 0;
font-size: .8em;
color: #eee;
}
h3.music-type-single {
color: var(--tertiary);
}
h3.music-type-ep {
color: var(--secondary);
}
h3.music-type-album {
color: var(--primary);
}
h3.music-type-comp {
color: var(--secondary);
}
h3.music-type-upcoming {
color: #f47070;
}
.music-links {
margin: .5em 0;
padding: 0;
@ -70,8 +98,16 @@ article.music:hover {
text-decoration: none;
}
h2.question {
margin: 1rem 0;
padding: 1rem 1.5rem;
background-color: #ffffff04;
border-radius: 4px;
cursor: pointer;
}
.collapse {
margin-bottom: 1em;
margin: -1rem 0 1rem 0;
padding: .5em 1.5em;
background-color: #ffffff04;
border-radius: 4px;