|
|
|
@ -1,10 +1,7 @@
|
|
|
|
|
body {
|
|
|
|
|
--theme-color-primary: white;
|
|
|
|
|
--theme-color-secondary: rgb(0, 0, 0);
|
|
|
|
|
--theme-accent: #06225a;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
--theme-color-primary: black;
|
|
|
|
|
--theme-color-secondary: white;
|
|
|
|
|
--theme-accent: gold;
|
|
|
|
|
font-size:22px;
|
|
|
|
|
line-height:24px;
|
|
|
|
|
width: 100vw;
|
|
|
|
@ -120,7 +117,7 @@ article > *{
|
|
|
|
|
.listing-text >a{
|
|
|
|
|
width:fit-content;
|
|
|
|
|
border-bottom-style:none;
|
|
|
|
|
background-color: rgba(255,255,255,0.25);
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
|
|
|
backdrop-filter: blur(55px);
|
|
|
|
|
padding:25px;
|
|
|
|
|
border-radius:25px;
|
|
|
|
@ -133,26 +130,10 @@ article > *{
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
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{
|
|
|
|
|
animation: blur-in 0.2s;
|
|
|
|
|
backdrop-filter: blur(15px);
|
|
|
|
|
background-color: rgb(255, 255, 2550,0.5);
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.55);
|
|
|
|
|
}
|
|
|
|
|
.listing .tags a {
|
|
|
|
|
font-size:12px;
|
|
|
|
@ -661,16 +642,10 @@ svg{
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
--theme-color-primary: black;
|
|
|
|
|
--theme-color-secondary: white;
|
|
|
|
|
--theme-accent: gold;
|
|
|
|
|
}
|
|
|
|
|
@keyframes blur-in{
|
|
|
|
|
from {
|
|
|
|
|
backdrop-filter: blur(0px);
|
|
|
|
|
background-color: unset;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
backdrop-filter: blur(15px);
|
|
|
|
|