rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

mutstd note and more style stuff

Browse source
This commit is contained in:
Rhiannon Morris 2020-07-02 21:50:01 +02:00
parent cfa27354b3
commit 370411535d
4 changed files with 108 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

47
style.css
View file

@ -49,11 +49,10 @@ h1 {
}
#mlem {
margin: 36px auto 0;
margin: 36px auto -50px;
position: relative;
height: 219px;
width: 420px;
z-index: 1;
}
.mlem-text {
position: absolute;
@ -64,24 +63,19 @@ h1 {
.nisse { bottom: 85%; right: 0; }
#mlem img {
filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%));
z-index: 0;
}
header {
margin: -20pt 0 0 0;
margin: 0;
ruby-position: under;
}
header h1 {
margin-top: 0;
}
header rt {
font-size: 60%;
font-style: italic;
}
header rt::before, header rt::after {
content: url(star_small.png);
mix-blend-mode: overlay;
height: 1em;
padding: 0 0.25em;
vertical-align: middle;
}
hr {
height: 2px;
@ -119,9 +113,32 @@ a {
text-decoration: none;
}
main h2::before, main h2::after {
content: url(sparkles_large.png);
vertical-align: middle;
padding: 0 0.25em;
header rt::before, header rt::after,
section h2::before, section h2::after {
mix-blend-mode: overlay;
padding: 0 0.25em;
vertical-align: middle;
}
header rt::before, header rt::after { content: url(star_small.png); }
section h2::before, section h2::after { content: url(sparkles_large.png); }
.emojo {
vertical-align: middle;
}
footer {
background: hsla(0, 0%, 100%, 70%);
max-width: 35em;
margin: 2em auto 0;
padding: 0.25em 0.75em;
border-radius: 0.5em;
font-size: 85%;
color: black;
text-shadow: none;
font-weight: 400;
}
footer a {
color: hsl(254deg, 50%, 50%);
}