Template:Avviso piccolo/styles.css

.avviso-mini {
	border: 1px solid #aaa;
	background-color: #fbfbfb;
	margin-bottom: .5em;
	padding: 0 2px 0 3px;
	margin: 5px 10%;
	font-size: 90%;
}

.avviso-mini > div:first-of-type {
	margin: 2px 2px 2px 0;
}

.avviso-mini .mw-collapsible-content {
	padding: 2px 0 0 7px;
}

/* non accetta le corrispondenti classi del CSS generale */
.avviso-mini-informazioni {
  border-left: 10px solid #1e90ff; /* Blu */
}
.avviso-mini-contenuto {
  border-left: 10px solid #f28500; /* Arancio */
}
.avviso-mini-stile {
  border-left: 10px solid #f4c430; /* Giallo */
}
.avviso-mini-statico {
  border-left: 10px solid limegreen; /* Verde */
}
.avviso-mini-struttura {
  border-left: 10px solid #9932cc; /* Viola */
}
.avviso-mini-generico {
  border-left: 10px solid #bba; /* Grigio */
}

/* css per mobile, preso pari pari da Template:Tmp/styles.css */
body.skin-minerva .avviso-mini {
	border: none;
	margin-bottom: 1px;
	padding: inherit;
}

body.skin-minerva .avviso-mini .mbox-text-div {
	font-style: normal;
}

html.client-js body.skin-minerva .avviso-mini > div {
	padding: 8px 8px 8px 32px !important;
	position: relative;
}