Template:Avviso/Sandbox/styles.css

/* 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 */
}