Mudanças entre as edições de "Widget:Teste2"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
m
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="infobox-boss">
  <!-- HEADER: Nome -->
  <div class="infobox-header">Deathstalker</div>
  <!-- IMAGEM DO BOSS -->
  <div class="infobox-image">[[File:Deathstalker.png|center]]</div>
  <!-- INFOS BÁSICAS -->
  <div class="infobox-basics">
    <div class="infobox-row">
      <div class="infobox-cell"><b>Nível</b><br>110</div>
      <div class="infobox-cell"><b>Localização</b><br>Alabasta West</div>
    </div>
    <div class="infobox-row drop-row">
      <div class="infobox-drop-title"><b>Drop:</b></div>
      <div class="infobox-drop-list">
        {{#invoke:DropLista|formatar|Caixa de Recompensa Rara, Caixa1, Berrie, Corpiao}}
      </div>
    </div>
  </div>
  <!-- NOTAS -->
  <div class="infobox-subheader">Notas</div>
  <div class="infobox-text">
    Esse boss aparece apenas à noite. O dano da terceira habilidade ignora defesa.
  </div>
  <!-- HABILIDADES -->
  <div class="infobox-subheader">Habilidades</div>
  <div class="infobox-skills-wrapper">
    <div class="infobox-skill-icons">
      [[File:Aokiji_sk1_icon.png|class=infobox-skill-icon active|data-skill-id=1]]
      [[File:Aokiji_sk2_icon.png|class=infobox-skill-icon|data-skill-id=2]]
    </div>
    <div class="infobox-skill-tab active" data-skill-id="1">
      <div class="infobox-skill-desc">Causa dano em área e aplica lentidão.</div>
      {{#widget:infovideo|src=Deathstalker_skill1.mp4|class=infobox-skill-video}}
    </div>
    <div class="infobox-skill-tab" data-skill-id="2">
      <div class="infobox-skill-desc">Avança rapidamente no inimigo e causa sangramento.</div>
      {{#widget:infovideo|src=Deathstalker_skill2.mp4|class=infobox-skill-video}}
    </div>
  </div>
</div>
<style>
<style>
.infobox-boss {
body::before {
  background: #121a26;
content: '';
  border: 1px solid #2b2f38;
position: fixed;
  border-radius: 12px;
top: 0;
  color: #ddd;
left: 0;
  font-family: sans-serif;
width: 100%;
  overflow: hidden;
height: 100vh;
}
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
 
filter: brightness(0.6);
.infobox-header {
    
  background: linear-gradient(to right, #1e2a38, #192430);
background-attachment: fixed;
  color: #ffc107;
background-position: center;
  text-align: center;
background-repeat: no-repeat;
  font-weight: bold;
background-size: cover;
  font-size: 18px;
z-index: -1;
  padding: 12px;
}
 
.infobox-image {
  text-align: center;
  margin: 10px 0;
}
 
.infobox-basics {
  padding: 10px 20px;
  background: #101a24;
}
 
.infobox-row {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}
 
.infobox-cell {
  flex: 1;
  text-align: center;
  background: #0a0e18;
  padding: 8px;
  border-radius: 6px;
}
 
.drop-row {
  flex-direction: column;
}
 
.infobox-drop-title {
  margin-bottom: 4px;
  font-size: 14px;
}
 
.infobox-drop-list {
  font-size: 13px;
  color: #eee;
}
 
.infobox-subheader {
  background: linear-gradient(to right, #1e2a38, #192430);
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
}
 
.infobox-text {
  padding: 10px 20px;
   font-size: 13px;
  color: #aaa;
  background: #101a24;
}
 
.infobox-skills-wrapper {
  padding: 10px 20px;
  background: #101a24;
}
 
.infobox-skill-icons {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-bottom: 10px;
}
 
.infobox-skill-icon {
  width: 32px;
  height: 32px;
  cursor: pointer;
  opacity: 0.6;
}
 
.infobox-skill-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 4px #ffc107);
}
 
.infobox-skill-tab {
  display: none;
  gap: 20px;
  align-items: flex-start;
  margin-top: 10px;
}
 
.infobox-skill-tab.active {
  display: flex;
}
 
.infobox-skill-desc {
  flex: 1 1 300px;
  font-size: 14px;
  color: #ddd;
}
 
.infobox-skill-video {
  flex: 1 1 320px;
  max-width: 480px;
  border-radius: 8px;
  outline: none;
}
}
</style>
</style>

Edição atual tal como às 23h19min de 29 de agosto de 2025

<style> 

body::before {

content: ; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; filter: brightness(0.6);

background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste2&oldid=38360”