Predefinição:Gb/styles.css

De Wiki Gla
< Predefinição:Gb
Revisão de 20h30min de 26 de setembro de 2025 por GhoulBlack (discussão | contribs) (Criou página com '→‎Wrapper: .calc-tier { display: grid; gap: 12px; } →‎Tabela de passos: .calc-tier .wikitable { border-collapse: collapse; background: #ffffff; /* cor do cartã...')
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
Ir para navegação Ir para pesquisar
/* Wrapper */
.calc-tier {
  display: grid;
  gap: 12px;
}

/* Tabela de passos */
.calc-tier .wikitable {
  border-collapse: collapse;
  background: #ffffff; /* cor do cartão */
  box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
  border: 1px solid #e5e7eb;
}
.calc-tier .wikitable th {
  background: #f9fafb;
  font-weight: 600;
}
.calc-tier .wikitable tr:nth-child(even) { background: #fcfcfd; }
.calc-tier .wikitable td, 
.calc-tier .wikitable th { padding: 8px 10px; }

/* Badges para moedas */
.calc-tier .gb-pill {
  display: inline-block; 
  padding: 2px 8px; 
  border-radius: 20px; 
  font-weight: 600;
  background: #f3f4f6; 
  color: #111827; 
  border: 1px solid #e5e7eb;
}
.calc-tier .gb-pill.gold { background: #fff8db; border-color: #f3e5a3; color: #7a5e00; }
.calc-tier .gb-pill.green { background: #e9fbf1; border-color: #b2f0ce; color: #0f5132; }

/* Total em destaque */
.calc-tier .calc-tier-total {
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  padding: 12px 14px; 
  border-radius: 12px; 
  border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #ffffff, #fafafa);
  box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
  font-size: 16px;
}
.calc-tier .calc-tier-total b { font-size: 18px; }

/* Responsivo */
@media (max-width: 640px) {
  .calc-tier .wikitable td:nth-child(1),
  .calc-tier .wikitable th:nth-child(1) { width: 48px; }
}