Jaylon Davis by nlechoppa

/* ==UserStyle==
@name         Jaylon Davis
@version      20211115.14.26
@namespace    userstyles.world/user/nlechoppa
@description  n-a
@author       nlechoppa
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://naruto-arena.net/en/selection"), url-prefix("") {
html {
    background-color: #141414;
}


.topo {
    background-image: url(https://cdn.discordapp.com/attachments/277934329147949056/884213208892706826/pagescroll.png);
}

.rodape {
    background-image: url(https://cdn.discordapp.com/attachments/277934329147949056/884213208892706826/pagescroll.png);
    
}




.pergtopo {
    background-image: url(https://cdn.discordapp.com/attachments/277934329147949056/884211368608268298/narutoreduxscroll.png);
     filter: drop-shadow(0 0 0.20rem #000);

}

.pergrodape {
    background-image: url(https://cdn.discordapp.com/attachments/277934329147949056/884211368608268298/narutoreduxscroll.png);
     filter: drop-shadow(0 0 0.20rem #000);
}

.holder {
    background-image: url("https://cdn.discordapp.com/attachments/277934329147949056/884589570564448266/chooseredux.png");
}


img[src*="../images/selection/ladder.png"]{
content:url("https://cdn.discordapp.com/attachments/722238713941327913/885774612481310780/madarabuttonl.png");
}

img[src*="../images/selection/quick.png"]{
content:url("https://cdn.discordapp.com/attachments/277934329147949056/885775463912456242/madarabuttonq.png");
}

img[src*="../images/selection/private.png"]{
content:url("https://cdn.discordapp.com/attachments/277934329147949056/885775912728166400/madarabuttonp.png");
}

img[src*="../images/selection/logout.png"]{
content:url("https://cdn.discordapp.com/attachments/722238713941327913/885777555041423420/logoutbuttonmada.png");
}






img[src*="../images/selection/ladder.png"]:hover{

    opacity:80%}

img[src*="../images/selection/quick.png"]:hover{

    opacity:80%}

img[src*="../images/selection/private.png"]:hover{

    opacity:80%}

img[src*="../images/selection/logout.png"]:hover{

opacity:80%}








.rodape ul li:hover {
        animation: float 1.0s ease alternate infinite;
}


.personagem_fundo2:hover {
    opacity:70%;
}

.listaskills li:hover {
    opacity:70%;
}


@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
    transform: translatey(-7px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
}

.btncancel:hover {
 opacity: 80%;
}

.btncancel2:hover {
        opacity:80%;
    transform: translatey(-2px);
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .3);
}
.btnok:hover {
        opacity:80%;
    transform: translatey(-2px);
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .3);
}
.btncancel:hover {
        opacity:80%;
    transform: translatey(-2px);
    
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .3);
}

.btncontinue {
    transform: translatey(-2px);
}


.energy {
    color: #000000b5;
}

.classes {
    color: #000000b5;
}

.cooldown {
    color: #000000b5;
}

.listaskills li img:active {
    box-shadow: 0px 0px 5px #00000054;
      transform: scale(0.9);

}



::-webkit-scrollbar-track {
    background: #efd1ae;
    border: thin solid #b42124;
    box-shadow: 0px 0px 3px #bc2226 inset;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background: #d09b5b;
    border: thin solid #bc2428;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#bf8b51;
}     




img[src*="../images/selection/ladder.png"]:active{
    box-shadow: 0px 0px 5px #00000054;
      transform: scale(0.9);}

img[src*="../images/selection/quick.png"]:active{
    box-shadow: 0px 0px 5px #00000054;
      transform: scale(0.9);}

img[src*="../images/selection/private.png"]:active{
    box-shadow: 0px 0px 5px #00000054;
      transform: scale(0.9);}

img[src*="../images/selection/logout.png"]:active{
    box-shadow: 0px 0px 5px #00000054;
      transform: scale(0.9);}


.personagem_fundo
{
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #ccb598;
}

.personagem_fundo2
{
    background-color: #ccb598;
}


.lds-hourglass:after {
    content: url("https://cdn.discordapp.com/attachments/881748099909967892/887105183128096808/madara_Sharingan.gif");
    display: block;
    border-radius: 50%;
    width: 252px;
    height: 143px;
    margin-left: -75px;
    margin-top: -20px;
    box-sizing: border-box;
    border: none;
    border-color: #be291100 transparent #be291100 transparent;
    animation: none;
  }

.lds-hourglass2:after {
    content: url("https://cdn.discordapp.com/attachments/881748099909967892/887105150743875594/madara_Sharinganfound.gif");
    display: block;
    border-radius: 50%;
    width: 252px;
    height: 143px;
    margin-left: -75px;
    margin-top: -20px;
    box-sizing: border-box;
    border: none;
    border-color: #be291100 transparent #be291100 transparent;
    animation: none;
  }




.btnok
{
    background-color: #ffe4c4;
}


.btncancel2
{
    background-color: #ffe4c4;
}

.btncancel
{
    background-color: #ffe4c4;
}


.rodape ul { visibility: hidden; }

.rodape ul > * { visibility: visible; }

.rodape ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }

.rodape ul:hover > * { opacity: 0.7; transform: scale(1.0); }

.rodape ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
}