Code:
/* Thanks to clowns! */
.header-logo {
filter: hue-rotate(180deg);
}
.header-logo{
-webkit-animation: cracked-rainbow 3.5s infinite;
-moz-animation: cracked-rainbow 3.5s infinite;
-o-animation: cracked-rainbow 3.5s infinite;
-ms-animation: cracked-rainbow 3.5s infinite;
animation: cracked-rainbow 3.5s infinite;
}
@-webkit-keyframes cracked-rainbow {
0%{filter: hue-rotate(180deg);}
10%{filter: hue-rotate(18deg);}
20%{filter: hue-rotate(36deg);}
30%{filter: hue-rotate(54deg);}
40%{filter: hue-rotate(72deg);}
50%{filter: hue-rotate(90deg);}
60%{filter: hue-rotate(108deg);}
70%{filter: hue-rotate(126deg);}
80%{filter: hue-rotate(144deg);}
90%{filter: hue-rotate(162deg);}
100%{filter: hue-rotate(180deg);}
}
@-moz-keyframes cracked-rainbow {
0%{filter: hue-rotate(180deg);}
10%{filter: hue-rotate(18deg);}
20%{filter: hue-rotate(36deg);}
30%{filter: hue-rotate(54deg);}
40%{filter: hue-rotate(72deg);}
50%{filter: hue-rotate(90deg);}
60%{filter: hue-rotate(108deg);}
70%{filter: hue-rotate(126deg);}
80%{filter: hue-rotate(144deg);}
90%{filter: hue-rotate(162deg);}
100%{filter: hue-rotate(180deg);}
}
@-ms-keyframes cracked-rainbow {
0%{filter: hue-rotate(180deg);}
10%{filter: hue-rotate(18deg);}
20%{filter: hue-rotate(36deg);}
30%{filter: hue-rotate(54deg);}
40%{filter: hue-rotate(72deg);}
50%{filter: hue-rotate(90deg);}
60%{filter: hue-rotate(108deg);}
70%{filter: hue-rotate(126deg);}
80%{filter: hue-rotate(144deg);}
90%{filter: hue-rotate(162deg);}
100%{filter: hue-rotate(180deg);}
}
@-o-keyframes cracked-rainbow {
0%{filter: hue-rotate(180deg);}
10%{filter: hue-rotate(18deg);}
20%{filter: hue-rotate(36deg);}
30%{filter: hue-rotate(54deg);}
40%{filter: hue-rotate(72deg);}
50%{filter: hue-rotate(90deg);}
60%{filter: hue-rotate(108deg);}
70%{filter: hue-rotate(126deg);}
80%{filter: hue-rotate(144deg);}
90%{filter: hue-rotate(162deg);}
100%{filter: hue-rotate(180deg);}
}
@keyframes cracked-rainbow {
0%{filter: hue-rotate(180deg);}
10%{filter: hue-rotate(18deg);}
20%{filter: hue-rotate(36deg);}
30%{filter: hue-rotate(54deg);}
40%{filter: hue-rotate(72deg);}
50%{filter: hue-rotate(90deg);}
60%{filter: hue-rotate(108deg);}
70%{filter: hue-rotate(126deg);}
80%{filter: hue-rotate(144deg);}
90%{filter: hue-rotate(162deg);}
100%{filter: hue-rotate(180deg);}
}
/*Space Header Background */
.header-bg {
background-image: url(https://i.ytimg.com/vi/3rAb586Wkgs/maxresdefault.jpg) !important;
opacity: 0.7 !important;
height: 20rem !important;
}
/*Background looks like wall :D*/
body {
background: transparent url(https://www.elitepvpers.com/images/bg.jpg) fixed !important;
}
/*Background of footer a bit transparent*/
.footer-back {
background-color: rgba(21,21,21,.6);
}
/* Links get bigger if u hover*/
a:hover, a:link, .large-text {
transform: rotate(1deg) scale(1.1) !important;
}
/* Awards with glow*/
div.post-awards img {
box-shadow: 1px 1px 8px #fff !important;
}
/*Avatar rotate on hover */
.post-avatar-mobile:hover {
transform: rotate(0deg) scale(1.1);
}
/*Stats with red glow */
ul.index_stats li {
text-shadow: 2px 2px 6px #880000 !important;
}
/* Usertitle with glow */
.post-usertitle span {
text-shadow: 1px 1px 8px #50a9b2 !important;
}
/* Red glow at vouches and Credit balance */
.ml-auto a {
text-shadow: 1px 1px 8px red !important;
}
/* Rotating icons */
i:hover {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }