Mudanças entre as edições de "Predefinição:Questlog/styles.css"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
.questlog-container { | |||
display: flex; | |||
gap: 12px; | |||
background-color: #1d1d1d; | |||
border-radius: 8px; | |||
box-shadow: 0 0 6px #000; | |||
color: #f0f0f0; | |||
padding: 12px; | |||
position: relative; | |||
max-width: 100%; | |||
font-family: sans-serif; | |||
} | |||
.questlog-container::after { | |||
content: ""; | |||
position: absolute; | |||
left: 32px; | |||
bottom: -12px; | |||
width: 0; | |||
height: 0; | |||
border: 12px solid transparent; | |||
border-top-color: #1d1d1d; | |||
} | |||
.questlog-img { | |||
width: 64px; | |||
height: 64px; | |||
object-fit: contain; | |||
flex-shrink: 0; | |||
} | |||
.questlog-dialog { | |||
flex: 1; | |||
max-height: 220px; | |||
overflow-y: auto; | |||
line-height: 1.5; | |||
} | |||
.questlog-resp { | |||
margin-top: 8px; | |||
background: rgba(255, 255, 255, 0.08); | |||
padding: 8px; | |||
border-radius: 6px; | |||
font-weight: bold; | |||
color: #aef; | |||
} | |||
.questlog-itens { | |||
margin-top: 8px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 4px; | |||
} | |||
.questlog-itens img { | |||
width: 32px; | |||
height: 32px; | |||
} | |||
Edição das 21h11min de 20 de maio de 2025
.questlog-container {
display: flex;
gap: 12px;
background-color: #1d1d1d;
border-radius: 8px;
box-shadow: 0 0 6px #000;
color: #f0f0f0;
padding: 12px;
position: relative;
max-width: 100%;
font-family: sans-serif;
}
.questlog-container::after {
content: "";
position: absolute;
left: 32px;
bottom: -12px;
width: 0;
height: 0;
border: 12px solid transparent;
border-top-color: #1d1d1d;
}
.questlog-img {
width: 64px;
height: 64px;
object-fit: contain;
flex-shrink: 0;
}
.questlog-dialog {
flex: 1;
max-height: 220px;
overflow-y: auto;
line-height: 1.5;
}
.questlog-resp {
margin-top: 8px;
background: rgba(255, 255, 255, 0.08);
padding: 8px;
border-radius: 6px;
font-weight: bold;
color: #aef;
}
.questlog-itens {
margin-top: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.questlog-itens img {
width: 32px;
height: 32px;
}