Update static/global.css
This commit is contained in:
parent
41d94750e8
commit
afc0db49c9
1 changed files with 13 additions and 91 deletions
|
@ -3,90 +3,10 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes colorAnimation {
|
|
||||||
100%,
|
|
||||||
0% {
|
|
||||||
color: rgb(255, 0, 0);
|
|
||||||
}
|
|
||||||
8% {
|
|
||||||
color: rgb(255, 127, 0);
|
|
||||||
}
|
|
||||||
16% {
|
|
||||||
color: rgb(255, 255, 0);
|
|
||||||
}
|
|
||||||
25% {
|
|
||||||
color: rgb(127, 255, 0);
|
|
||||||
}
|
|
||||||
33% {
|
|
||||||
color: rgb(0, 255, 0);
|
|
||||||
}
|
|
||||||
41% {
|
|
||||||
color: rgb(0, 255, 127);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
color: rgb(0, 255, 255);
|
|
||||||
}
|
|
||||||
58% {
|
|
||||||
color: rgb(0, 127, 255);
|
|
||||||
}
|
|
||||||
66% {
|
|
||||||
color: rgb(0, 0, 255);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
color: rgb(127, 0, 255);
|
|
||||||
}
|
|
||||||
83% {
|
|
||||||
color: rgb(255, 0, 255);
|
|
||||||
}
|
|
||||||
91% {
|
|
||||||
color: rgb(255, 0, 127);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fullBorderAnimation {
|
|
||||||
100%,
|
|
||||||
0% {
|
|
||||||
border-color: rgb(255, 0, 0);
|
|
||||||
}
|
|
||||||
8% {
|
|
||||||
border-color: rgb(255, 127, 0);
|
|
||||||
}
|
|
||||||
16% {
|
|
||||||
border-color: rgb(255, 255, 0);
|
|
||||||
}
|
|
||||||
25% {
|
|
||||||
border-color: rgb(127, 255, 0);
|
|
||||||
}
|
|
||||||
33% {
|
|
||||||
border-color: rgb(0, 255, 0);
|
|
||||||
}
|
|
||||||
41% {
|
|
||||||
border-color: rgb(0, 255, 127);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
border-color: rgb(0, 255, 255);
|
|
||||||
}
|
|
||||||
58% {
|
|
||||||
border-color: rgb(0, 127, 255);
|
|
||||||
}
|
|
||||||
66% {
|
|
||||||
border-color: rgb(0, 0, 255);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
border-color: rgb(127, 0, 255);
|
|
||||||
}
|
|
||||||
83% {
|
|
||||||
border-color: rgb(255, 0, 255);
|
|
||||||
}
|
|
||||||
91% {
|
|
||||||
border-color: rgb(255, 0, 127);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: monospace;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
padding: 10%;
|
padding: 10%;
|
||||||
background: black;
|
background: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
@ -97,20 +17,22 @@ main {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
main h1, a {
|
main h1 {
|
||||||
animation-name: colorAnimation;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-duration: 10s;
|
|
||||||
|
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
color: white;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main a {
|
||||||
|
background-color:black;
|
||||||
|
color:white
|
||||||
|
padding:1px;
|
||||||
|
}
|
||||||
|
|
||||||
main p {
|
main p {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #DFDFDF;
|
color: black;
|
||||||
text-shadow: 0px 10px 20px rgba(90, 90, 90, 0.8);
|
text-shadow: 0px 10px 20px rgba(90, 90, 90, 0.8);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
@ -120,9 +42,9 @@ form input {
|
||||||
background: black;
|
background: black;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: solid 1.5px #505050;
|
border: solid 1.5px #000000;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: #DFDFDF;
|
color: #ffffff;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in a new issue