Mudanças entre as edições de "Predefinição:Gb/styles.css"
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ã...') |
|||
| (Uma revisão intermediária pelo mesmo usuário não está sendo mostrada) | |||
| Linha 1: | Linha 1: | ||
/* Wrapper */ | /* Wrapper */ | ||
.calc-tier { | .calc-tier { | ||
display: grid; | |||
gap: 12px; | |||
} | } | ||
/* Tabela de passos */ | /* Tabela de passos */ | ||
.calc-tier .wikitable { | .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 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 | /* Badges */ | ||
.calc-tier .gb-pill { | .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 */ | |||
.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; } | |||
} | |||
.calc-tier .gb-pill.gold { background: #fff8db; border-color: #f3e5a3; color: #7a5e00; } | |||
.calc-tier .gb-pill.green { background: #e9fbf1; border-color: #b2f0ce; color: #0f5132; } | |||
/* Responsivo */ | /* Responsivo */ | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.calc-tier .wikitable td:nth-child(1), | |||
.calc-tier .wikitable th:nth-child(1) { width: 48px; } | |||
} | } | ||
Edição atual tal como às 21h09min 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 */
.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 */
.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; }
}