Mudanças entre as edições de "Predefinição:Teste/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
.missao-aviso { | |||
background-color: #fff2f2; | |||
border: 1px solid #d44; | |||
color: #a00; | |||
padding: 12px 16px; | |||
font-weight: 600; | |||
font-size: 14px; | |||
border-radius: 6px; | |||
margin-bottom: 16px; | |||
font-family: "Noto Sans", sans-serif; | |||
} | |||
.missao-info-tabela { | |||
width: 100%; | |||
max-width: 960px; | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
font-family: "Noto Sans", sans-serif; | |||
font-size: 14px; | |||
background: #fafafa; | |||
border: 1px solid #ccc; | |||
border-radius: 8px; | |||
overflow: hidden; | |||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); | |||
} | |||
.missao-info-tabela th { | |||
text-align: left; | |||
background-color: #f0f0f0; | |||
color: #333; | |||
padding: 10px 14px; | |||
font-weight: 600; | |||
border-bottom: 1px solid #ddd; | |||
width: 25%; | |||
vertical-align: top; | |||
} | |||
.missao-info-tabela td { | |||
padding: 10px 14px; | |||
border-bottom: 1px solid #eee; | |||
vertical-align: top; | |||
} | |||
.missao-info-tabela tr:last-child th, | |||
.missao-info-tabela tr:last-child td { | |||
border-bottom: none; | |||
} | |||
/* Estilo das recompensas finais */ | |||
.introquest-items { | .introquest-items { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
align-items: flex- | align-items: flex-start; | ||
margin-top: 4px; | |||
} | } | ||
| Linha 11: | Linha 61: | ||
margin: 0 4px; | margin: 0 4px; | ||
overflow: visible; | overflow: visible; | ||
z-index: 5; | |||
} | } | ||
.introquest-item img { | .introquest-item img { | ||
vertical-align: bottom; | vertical-align: bottom; | ||
width: 36px; | |||
height: 36px; | |||
} | } | ||
| Linha 21: | Linha 74: | ||
bottom: -4px; | bottom: -4px; | ||
right: -4px; | right: -4px; | ||
font-size: | font-size: 11px; | ||
font-weight: bold; | font-weight: bold; | ||
background: rgba(0, 0, 0, 0.75); | background: rgba(0, 0, 0, 0.75); | ||
color: white; | color: white; | ||
padding: 1px | padding: 1px 5px; | ||
border-radius: 4px; | border-radius: 4px; | ||
line-height: 1; | line-height: 1; | ||
Edição das 01h16min de 9 de junho de 2025
.missao-aviso {
background-color: #fff2f2;
border: 1px solid #d44;
color: #a00;
padding: 12px 16px;
font-weight: 600;
font-size: 14px;
border-radius: 6px;
margin-bottom: 16px;
font-family: "Noto Sans", sans-serif;
}
.missao-info-tabela {
width: 100%;
max-width: 960px;
border-collapse: separate;
border-spacing: 0;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
background: #fafafa;
border: 1px solid #ccc;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.missao-info-tabela th {
text-align: left;
background-color: #f0f0f0;
color: #333;
padding: 10px 14px;
font-weight: 600;
border-bottom: 1px solid #ddd;
width: 25%;
vertical-align: top;
}
.missao-info-tabela td {
padding: 10px 14px;
border-bottom: 1px solid #eee;
vertical-align: top;
}
.missao-info-tabela tr:last-child th,
.missao-info-tabela tr:last-child td {
border-bottom: none;
}
/* Estilo das recompensas finais */
.introquest-items {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-start;
margin-top: 4px;
}
.introquest-item {
display: inline-block;
position: relative;
margin: 0 4px;
overflow: visible;
z-index: 5;
}
.introquest-item img {
vertical-align: bottom;
width: 36px;
height: 36px;
}
.introquest-count {
position: absolute;
bottom: -4px;
right: -4px;
font-size: 11px;
font-weight: bold;
background: rgba(0, 0, 0, 0.75);
color: white;
padding: 1px 5px;
border-radius: 4px;
line-height: 1;
box-shadow: 0 0 2px #000;
white-space: nowrap;
z-index: 2;
}
.introquest-item:hover .introquest-count {
background: rgba(0, 0, 0, 0.9);
}