jeff-downloader/public/css/legacy.css

145 lines
2.6 KiB
CSS
Raw Permalink Normal View History

2019-12-03 21:18:40 +01:00
body {
background-color: #262d2c;
color: white;
text-align: center;
align-content: center;
font-family: "Roboto", "Arial";
margin-top: 10vw;
margin-bottom: 10vw;
}
body input[type=radio]:focus {
animation: shadowColorchange 13s infinite;
animation-direction: alternate;
}
.downloader {
width: 100%;
margin-top: 3vw;
margin-bottom: 3vw;
}
.downloadbtn, .downloadurl {
border: none;
margin: auto;
padding: 0.5em 0.5vw;
align-content: center;
font-size: 16px;
}
.downloadurl {
width: 10em;
background-color: white;
color: black;
border-radius: 15px 0px 0px 15px;
}
.downloadurl[type=text]:focus, textarea:focus {
animation: shadowColorchange 13s infinite;
animation-direction: alternate;
}
.downloadbtn {
color: black;
border-radius: 0px 15px 15px 0px;
animation: colorchange 13s infinite;
animation-direction: alternate-reverse;
}
a:link {
color: red;
}
a:visited {
color: lightblue;
}
@keyframes shadowColorchange {
0% {
box-shadow: 0 0 15px #ff2400;
border: 0px solid #ff2400;
}
10% {
box-shadow: 0 0 15px #e81d1d;
border: 0px solid #e81d1d;
}
20% {
box-shadow: 0 0 15px #e8b71d;
border: 0px solid #e8b71d;
}
30% {
box-shadow: 0 0 15px #e3e81d;
border: 0px solid #e3e81d;
}
40% {
box-shadow: 0 0 15px #1de840;
border: 0px solid #1de840;
}
50% {
box-shadow: 0 0 15px #1ddde8;
border: 0px solid #1ddde8;
}
60% {
box-shadow: 0 0 15px #2b1de8;
border: 0px solid #2b1de8;
}
70% {
box-shadow: 0 0 15px #dd00f3;
border: 0px solid #dd00f3;
}
80% {
box-shadow: 0 0 15px #dd00f3;
border: 0px solid #dd00f3;
}
90% {
box-shadow: 0 0 15px #ff2400;
border: 0px solid #ff2400;
}
100% {
box-shadow: 0 0 15px #ff2400;
border: 0px solid #ff2400;
}
}
@keyframes colorchange {
0% {
background-color: #ff2400;
color: white;
}
10% {
background-color: #e81d1d;
}
20% {
background-color: #e8b71d;
color: black;
}
30% {
background-color: #e3e81d;
}
40% {
background-color: #1de840;
color: white;
}
50% {
background-color: #1ddde8;
color: black;
}
60% {
background-color: #2b1de8;
}
70% {
background-color: #dd00f3;
}
80% {
background-color: #dd00f3;
}
90% {
background-color: #ff2400;
}
100% {
background-color: #ff2400;
}
}