/* ==UserStyle==
@name           spriters_resource_plus
@namespace      spriters_resource.com
@author         lavender software, akira division
@version        i forgor
==/UserStyle== */
 /*
warning: contains flashing lights! (*someone* found out about the animation property in css)*/

.recent-uploads{
    transition: 0s
}






/*icons*/

.iconheader{
   color: white!important;
   border: 0px!important;
   border-radius: 4px;
   outline: 0px!important;
   background-color: #a34d4d22;
}

.iconheadertext{
   text-shadow: 0px 2px 5px #fff!important;
   color: black;
   font-size: 13px!important;
}
.iconheadertext:active{
   text-shadow: 0px 2px 5px #000!important;
   color: white;
   font-size: 13px!important;
}

.iconbody{
    border: none!important;
    border-radius: 4px!important;
    margin-left: 4px!important;
}
.iconbody:hover{
    transition: 0.1s;
    box-shadow: inset 0px 0px 50px #fff;
}
.iconcontainer{
    box-shadow: 0px 3px 4px #5f1c1caa;
    border-radius: 4px!important;
    border:none!important;
    background-image: linear-gradient(#fff, #ebbebe, #fff);
    transition: all ease-out 0.6s;
}
.iconcontainer:hover{
    box-shadow: 0px 3px 1px #5f1c1caa, 0px 3px 5px #ff8484, inset 0px 7px 50px #fff, inset 0px 7px 17px #fff;
    background-image: linear-gradient(#fff, #fff);
    transition: all ease-in-out 0s;
    transform: translate(0px, -4px);
}
.iconcontainer:active{
    animation: flash 0.3s;
    transform: translate(0px, 4px);
    box-shadow: inset 0px -2px 5px #000;
    transition: all ease-out 0s;
    background-image: linear-gradient(#ff8e8e, #ebbebe, #fff);
}

@keyframes flash{
    0% {
    background-image: linear-gradient(#fff, #fff);
    }
    10% {
    background-image: linear-gradient(#4a2828, #4a2828);
    }
    20% {
    background-image: linear-gradient(#fff, #fff);
    }
    30% {
    background-image: linear-gradient(#4a2828, #4a2828);
    }
    40% {
    background-image: linear-gradient(#fff, #fff);
    }
    50% {
    background-image: linear-gradient(#4a2828, #4a2828);
    }
    60% {
    background-image: linear-gradient(#fff, #fff);
    }
    70% {
    background-image: linear-gradient(#4a2828, #4a2828);
    }
    80% {
    background-image: linear-gradient(#fff, #fff);
    }
    90% {
    background-image: linear-gradient(#4a2828, #4a2828);
    }
    100% {
    background-image: linear-gradient(#fff, #fff);
    }
}