Template:Avviso/Sandbox/styles.css
< Template:Avviso | Sandbox
/* grandezza carattere di commenti e testo secondario */
.avviso .mbox-text-div > div,
.avviso .mbox-text-full-div > div {
font-size: 90%;
}
/* larghezza fissa del contenitore immagini */
.avviso .mbox-image {
flex-basis: 52px;
flex-grow: 0;
flex-shrink: 0
}
/* visibilità del testo fuori il namespace principale */
.avviso .mbox-text-full-div .hide-when-compact {
display: block;
}
/***** Dal common.css *********/
.avviso {
margin: 5px 10%; /* Non si sovrappone ad altri elementi */
background: #fbfbfb;
border: 1px solid #aaa;
display: flex;
align-items: center;
box-sizing: border-box; /* Compatibilità con parametro 'stile' per template che si aspettano una tabella */
padding-left: 0.5em;
}
.avviso-testo { /* Corpo del messaggio */
padding: 0.25em 0.5em;
width: 100%; /* Rende tutti i template della stessa lunghezza nonostante il testo interno */
}
.avviso-immagine { /* Stile dell'immagine a sinistra */
padding: 2px 0 2px 0;
text-align: center;
}
.avviso-immaginedestra { /* Stile dell'immagine a destra */
padding: 2px 4px 2px 0;
text-align: center;
}
.avviso-informazioni {
border-left: 10px solid #1e90ff; /* Blu */
}
.avviso-cancella,
.avviso-importante {
border-left: 10px solid #b22222; /* Rosso */
}
.avviso-contenuto {
border-left: 10px solid #f28500; /* Arancio */
}
.avviso-stile {
border-left: 10px solid #f4c430; /* Giallo */
}
.avviso-statico {
border-left: 10px solid limegreen; /* Verde */
}
.avviso-struttura {
border-left: 10px solid #9932cc; /* Viola */
}
.avviso-generico {
border-left: 10px solid #bba; /* Grigio */
}