gabriel/freedom
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Activity

Compare commits

base: gabriel:21a04e7f7b5a9f52a05c6e2f8abb39a34c48503b
Branches Tags
gabriel:main
..
compare: gabriel:e4d4b9e91189cb1e0d6ce5f376d20f8373dd5a33
Branches Tags
gabriel:main

No commits in common. "21a04e7f7b5a9f52a05c6e2f8abb39a34c48503b" and "e4d4b9e91189cb1e0d6ce5f376d20f8373dd5a33" have entirely different histories.
21a04e7f7b ... e4d4b9e911

1 changed files with 59 additions and 32 deletions
Show stats Expand all files Collapse all files

91
static/css/theme.css
View file

@ -1,7 +1,10 @@
body { body {
--theme-color-primary: black; --theme-color-primary: white;
--theme-color-secondary: white; --theme-color-secondary: rgb(0, 0, 0);
--theme-accent: gold; --theme-accent: #06225a;
}
body {
font-size:22px; font-size:22px;
line-height:24px; line-height:24px;
width: 100vw; width: 100vw;
@ -108,7 +111,7 @@ article > *{
font-size:14px; font-size:14px;
font-weight: bolder; font-weight: bolder;
text-decoration: none !important; text-decoration: none !important;
background-color: rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255,0.25);
} }
.listing-text h2{ .listing-text h2{
margin:0; margin:0;
@ -117,7 +120,7 @@ article > *{
.listing-text >a{ .listing-text >a{
width:fit-content; width:fit-content;
border-bottom-style:none; border-bottom-style:none;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(255,255,255,0.25);
backdrop-filter: blur(55px); backdrop-filter: blur(55px);
padding:25px; padding:25px;
border-radius:25px; border-radius:25px;
@ -130,10 +133,26 @@ article > *{
background-color: transparent; background-color: transparent;
backdrop-filter: none; backdrop-filter: none;
} }
@keyframes blur-out{
from{background-color: rgba(255,255,255,0.25);}
to{background-color: transparent;
backdrop-filter: blur(0px);}
}
@keyframes blur-in{
from {
backdrop-filter: blur(0px);
background-color: rgb(255, 255, 255,0.15);
}
to {
backdrop-filter: blur(15px);
background-color: rgb(255, 255, 255,0.5);
}
}
.listing-text:hover{ .listing-text:hover{
animation: blur-in 0.2s; animation: blur-in 0.2s;
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55); background-color: rgb(255, 255, 2550,0.5);
} }
.listing .tags a { .listing .tags a {
font-size:12px; font-size:12px;
@ -642,37 +661,45 @@ svg{
text-decoration: none; text-decoration: none;
} }
@keyframes blur-in{
from { @media screen and (prefers-color-scheme:dark) {
backdrop-filter: blur(0px); body {
background-color: rgba(0, 0, 0, 0.25); --theme-color-primary: black;
--theme-color-secondary: white;
--theme-accent: gold;
} }
to { @keyframes blur-in{
from {
backdrop-filter: blur(0px);
background-color: unset;
}
to {
backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55);
}
}
.listing-text,.listing-text>a {
background-color: rgba(0, 0, 0, 0.25);
}
.listing-text:hover{
animation: blur-in 0.25s;
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55); background-color: rgba(0, 0, 0, 0.55);
} }
} .listing-text .bare-link,.listing-text h2{
.listing-text,.listing-text>a {
background-color: rgba(0, 0, 0, 0.25); text-shadow: rgb(0, 0, 0) 0px 0px 20px;
} }
.listing-text:hover{ .listing-text:hover >a{
animation: blur-in 0.25s; animation:blur-out 0.2s;
backdrop-filter: blur(15px); background-color: transparent;
background-color: rgba(0, 0, 0, 0.55); }
}
.listing-text .bare-link,.listing-text h2{ @keyframes blur-out{
from{background-color: rgba(0, 0, 0, 0.25);}
text-shadow: rgb(0, 0, 0) 0px 0px 20px; to{background-color: transparent;backdrop-filter: blur(0px);}
} }
.listing-text:hover >a{
animation:blur-out 0.2s;
background-color: transparent;
}
@keyframes blur-out{
from{background-color: rgba(0, 0, 0, 0.25);}
to{background-color: transparent;backdrop-filter: blur(0px);}
} }
article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"])) {text-decoration: none !important;} article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"])) {text-decoration: none !important;}