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ã...') |
|||
| 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 { | .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 para moedas */ | /* Badges para moedas */ | ||
.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.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; 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 .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 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; }
}