108 lines
1.6 KiB
CSS
108 lines
1.6 KiB
CSS
.downloadbtn {
|
|
animation: colorchange 13s infinite;
|
|
animation-direction: alternate-reverse;
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
a:link {
|
|
color: #A0FF9A;
|
|
}
|
|
|
|
a:visited {
|
|
color: #A7FF56;
|
|
}
|
|
|
|
a:hover {
|
|
color: #DCFFA5 !important;
|
|
}
|
|
|
|
.checkbox:hover, .radio:hover {
|
|
color: lightgray !important;
|
|
}
|
|
|
|
.gradientBG {
|
|
background: rgb(59,44,207);
|
|
background: linear-gradient(90deg, rgba(59,44,207,1) 0%, rgba(140,41,151,1) 100%);
|
|
}
|
|
|
|
/* Grow */
|
|
.hvr-grow {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
backface-visibility: hidden;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
transition-duration: 0.3s;
|
|
transition-property: transform;
|
|
}
|
|
|
|
.hvr-grow:hover,
|
|
.hvr-grow:focus,
|
|
.hvr-grow:active {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.fadein {
|
|
animation: fadein 2s;
|
|
}
|
|
|
|
.fadeout {
|
|
animation: fadeout 2s;
|
|
}
|
|
|
|
@keyframes fadein {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
@keyframes fadeout {
|
|
from { opacity: 1; }
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
@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;
|
|
color: white;
|
|
}
|
|
70% {
|
|
background-color: #dd00f3;
|
|
}
|
|
80% {
|
|
background-color: #dd00f3;
|
|
}
|
|
90% {
|
|
background-color: #ff2400;
|
|
}
|
|
100% {
|
|
background-color: #ff2400;
|
|
}
|
|
}
|