Mudanças entre as edições de "Usuário:Himmel"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
{{Character
/* --- WRAPPER --- */
|nome=Miss Goldenweek
.weapon-toggle-wrapper {
|avatar=missg avatar.png
  display: flex;
|background=Water7bg.png
  align-items: center;
  gap: 10px;
  margin: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}


|skills=
/* --- SWITCH --- */
.weapon-switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 28px;
}


<!-- Botão -->
.weapon-switch input {
<div class="weapon-toggle">
  display: none;
  <button class="toggle-button active" onclick="toggleWeaponSkills('normal', this)">Sem Arma</button>
}
  <button class="toggle-button" onclick="toggleWeaponSkills('signature', this)">Com Signature</button>
</div>


<!-- Skills Normais -->
.weapon-slider {
<div id="skills-normal">
  position: absolute;
  ... todas skills normais aqui ...
  cursor: pointer;
</div>
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #555;
  transition: 0.3s;
  border-radius: 34px;
}


<!-- Skills com Arma Signature -->
.weapon-slider:before {
<div id="skills-signature" style="display:none;">
  position: absolute;
  ... skills modificadas com a signature ...
  content: "";
</div>
  height: 22px;
}}
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
 
/* LIGADO */
.weapon-switch input:checked + .weapon-slider {
  background-color: #4aa3ff; /* azul bonito */
}
 
.weapon-switch input:checked + .weapon-slider:before {
  transform: translateX(26px);
}

Edição das 11h56min de 25 de novembro de 2025

/* --- WRAPPER --- */ .weapon-toggle-wrapper { 

 display: flex;
 align-items: center;
 gap: 10px;
 margin: 15px 0;
 font-size: 16px;
 font-weight: bold;
 color: #fff;

}

/* --- SWITCH --- */ .weapon-switch { 

 position: relative;
 display: inline-block;
 width: 55px;
 height: 28px;

}

.weapon-switch input { 

 display: none;

}

.weapon-slider { 

 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #555;
 transition: 0.3s;
 border-radius: 34px;

}

.weapon-slider:before { 

 position: absolute;
 content: "";
 height: 22px;
 width: 22px;
 left: 3px;
 bottom: 3px;
 background-color: white;
 transition: 0.3s;
 border-radius: 50%;

}

/* LIGADO */ .weapon-switch input:checked + .weapon-slider { 

 background-color: #4aa3ff; /* azul bonito */

}

.weapon-switch input:checked + .weapon-slider:before { 

 transform: translateX(26px);

}

Disponível em “https://wiki.gla.com.br/index.php?title=Usuário:Himmel&oldid=40828”