Mudanças entre as edições de "Predefinição:Gb/styles.css"

De Wiki Gla
Ir para navegação Ir para pesquisar
(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ã...')
 
Linha 1: Linha 1:
/* Wrapper */
/* Wrapper */
.calc-tier {
.calc-tier {
  display: grid;
display: grid;
  gap: 12px;
gap: 12px;
}
}


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


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


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


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

Edição das 20h53min de 26 de setembro de 2025

/* Wrapper */
.calc-tier {
display: grid;
gap: 12px;
}


/* Tabela de passos */
.calc-tier .wikitable {
border-collapse: collapse;
background: #ffffff;
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 (tabela e compacto) */
.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; }
}