slay.one - 31/8/2023, 17:38:18 by kerrdaaa

/* ==UserStyle==
@name           slay.one - 31/8/2023, 17:38:18
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://slay.one/") {
    /* Inserte el código aquí... */
}

#skin div.hero > div:hover {
    background-color: #282b10;
}

#skin div.hero > div {
    margin: 4px 0 0 4px;
    background-color: #020202;
    border: 2px solid;
    padding: 4px;
    float: left;
    width: 198px;
    height: 100px;
    display: block;
    overflow: hidden;
    position: relative;
animation: resplandor 4s infinite;}

.playerProfileView .red {
	color: #ff2000;
}

.playerProfileView .green {
	color: #73d203;
}

#skin div.hero > div.click {
    border-color: #ff0000;
 transition: border-color 0.3s;

    }
#skin div.hero > div.click {
    background: black;
    cursor: pointer;
    color: azure;
    font-weight: bold;
}

@keyframes resplandor {
  0% { border-color: #fff; }
  14% { border-color: #d5d5d5; }
  28% { border-color: #a6a69a; }
  42% { border-color: #767776; }
  57% { border-color: #45454d; }
  71% { border-color: #9e9ba0; }
  85% { border-color: #a6a69a; }
  100% { border-color: #fff; }
}

@keyframes rainbowAnimation {
  0% { border-color: #ff0000; }
  2.5% { border-color: #ff2600; }
  5% { border-color: #ff4c00; }
  7.5% { border-color: #ff7200; }
  10% { border-color: #ff9800; }
  12.5% { border-color: #ffb000; }
  15% { border-color: #ffd600; }
  17.5% { border-color: #fffc00; }
  20% { border-color: #d6ff00; }
  22.5% { border-color: #b0ff00; }
  25% { border-color: #8aff00; }
  27.5% { border-color: #64ff00; }
  30% { border-color: #3eff00; }
  32.5% { border-color: #18ff00; }
  35% { border-color: #00ff1c; }
  37.5% { border-color: #00ff42; }
  40% { border-color: #00ff68; }
  42.5% { border-color: #00ff8e; }
  45% { border-color: #00ffb4; }
  47.5% { border-color: #00ffd0; }
  50% { border-color: #00fff6; }
  52.5% { border-color: #00f6ff; }
  55% { border-color: #00d0ff; }
  57.5% { border-color: #41abff; }
  60% { border-color: #008eff; }
  62.5% { border-color: #0068ff; }
  65% { border-color: #0042ff; }
  67.5% { border-color: #001cff; }
  70% { border-color: #0000ff; }
  72.5% { border-color: #1c00ff; }
    75% { border-color: #4200ff;}
  77.5% { border-color: #6200ff; }
  80% { border-color: #80f; }
  82.5% { border-color: #a0f; }
  85% { border-color: #e0f; }
  87.5% { border-color: #ff00d4; }
  92% { border-color: #ff0095; }
  95% { border-color: #ff0048; }
  100% { border-color: #ff0019 } 
}
@keyframes rainbowAnimation {
  0% { border-color: #6200ff; }
  3.03% { border-color: #80f; }
  6.06% { border-color: #a0f; }
  9.09% { border-color: #e0f; }
  12.12% { border-color: #ff00d4; }
  15.15% { border-color: #ff0095; }
  18.18% { border-color: #ff0048; }
  21.21% { border-color: #ff0019; }
  24.24% { border-color: #ffd0d0; }
  27.27% { border-color: #ffaaaa; }
  30.30% { border-color: #ffc4c4; }
  33.33% { border-color: #ffdede; }
  36.36% { border-color: #fff8f8; }
  39.39% { border-color: #f8fff8; }
  42.42% { border-color: #deffde; }
  45.45% { border-color: #c4ffc4; }
  48.48% { border-color: #aaffaa; }
  51.51% { border-color: #90ff90; }
  54.54% { border-color: #76ff76; }
  57.57% { border-color: #5cff5c; }
  60.60% { border-color: #42ff42; }
  63.63% { border-color: #28ff28; }
  66.66% { border-color: #0eff0e; }
  69.69% { border-color: #00ff00; }
  72.72% { border-color: #00f61c; }
  75.75% { border-color: #00ec38; }
  78.78% { border-color: #00e254; }
  81.81% { border-color: #00d870; }
  84.84% { border-color: #00ce8c; }
  87.87% { border-color: #00c3a8; }
  90.90% { border-color: #00b9c4; }
  93.93% { border-color: #00afdf; }
  96.96% { border-color: #00a4fb; }
  100% { border-color: #00a4fb; } /* Volver al primer color */
}

#skin div.hero > div.selected  {
  animation: rainbowAnimation 4s infinite;
}