Template:Avviso/styles.css

.avviso {
	background-color: #d8e8ee;
	display: flex;
	align-items: flex-start;
	position: relative;
	border: 1px solid #18589e;
	padding: 1em;
	margin: 6px auto;
}

.avviso.stretto {
	padding: 4px 1em;
	margin: 4px auto;
}

.avviso > .avviso--content {
	line-height: 1.6;
	word-wrap: break-word;
	/*hyphens: auto;*/
	flex-grow: 1;
	width: 0;
	margin-left: .5em;
}

.avviso > .avviso--icon, .avviso > .avviso--content {
	align-self: center;
}

@media screen and (min-width: 640px) {
	.avviso {
		padding: 1em 1.5em;
	}
}

/* gli stili avviso vanno qui sotto */
.avviso.avviso-warning {
	background-color: #fff9d9;
	border-color: #f0c000;
}

.avviso.avviso-danger {
	background-color: #ffd0d6;
	border-color: #f03000;
}

.avviso.avviso-tip {
    background-color: #e0ffe0;
    border-color: #30f060;
}