Halloween theme done, I guess
This commit is contained in:
parent
e3cfd9142f
commit
242af79ed0
5 changed files with 99 additions and 9 deletions
79
static/themes/halloween/style.css
Normal file
79
static/themes/halloween/style.css
Normal file
|
@ -0,0 +1,79 @@
|
|||
body {
|
||||
background-image: linear-gradient(rgb(40, 25, 0), black 100vh);
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.mainTitle {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.mainTitle > .evil {
|
||||
color: red;
|
||||
|
||||
/* animation-name: evilReveal;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both; */
|
||||
}
|
||||
|
||||
.evil {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#card {
|
||||
/* background-color: rgb(75, 0, 0); */
|
||||
/* border-color: orange; */
|
||||
}
|
||||
|
||||
a[href]:not(.chip) {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
/*
|
||||
body::after {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgb(30, 4, 75);
|
||||
background-image: linear-gradient(rgb(30, 4, 75), black);
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
opacity: 0;
|
||||
content: "";
|
||||
|
||||
z-index: -1;
|
||||
|
||||
animation-name: flashbang;
|
||||
animation-delay: 0.9s;
|
||||
animation-duration: 3s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
@keyframes flashbang {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes orangeShift {
|
||||
0% {
|
||||
color:
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes evilReveal {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
} */
|
Loading…
Add table
Add a link
Reference in a new issue