Mudanças entre as edições de "Predefinição:DASH/styles.css"
Ir para navegação
Ir para pesquisar
(Criou página com '.dash-box { width: 100%; max-width: 100%; padding: 10px 15px; border: 1px dashed #cedff2; border-radius: 12px; margin: 15px auto; box-sizing: border-box; displ...') |
|||
| Linha 24: | Linha 24: | ||
text-align: left; | text-align: left; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
background-color: transparent; | |||
} | } | ||
Edição das 23h39min de 15 de maio de 2025
.dash-box {
width: 100%;
max-width: 100%;
padding: 10px 15px;
border: 1px dashed #cedff2;
border-radius: 12px;
margin: 15px auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 1em;
}
.dash-img {
flex: 0 0 auto;
text-align: center;
}
.dash-texto {
flex: 1 1 200px;
min-width: 0;
text-align: left;
word-wrap: break-word;
background-color: transparent;
}
.cor-padrao {
background-color: #e8f2f8;
border-color: #cedff2;
}
.cor-verde {
background-color: #e6f4ea;
border-color: #b6dfc1;
}
.cor-amarelo {
background-color: #fff8d2;
border-color: #f2e394;
}
.cor-vermelho {
background-color: #fde8e8;
border-color: #f5b5b5;
}
@media (max-width: 600px) {
.dash-box {
flex-direction: column;
text-align: left;
}
.dash-img,
.dash-texto {
width: 100%;
}
}