Template:Approfondimento/styles.css

.itwiki-template-approfondimento {
	border:1px solid #c0c0c0;
	background:#F9F9F9;
	padding: 2px;
	box-sizing: border-box;
}

@media all and ( max-width: 720px ) {
	/* Forza larghezza massima su schermi piccoli */
	.itwiki-template-approfondimento {
		width: 100% !important;
	}
}

/* Disattiva allineamento da mobile, con poco spazio non ha senso avere contenuti a fianco,
 e conflitterebbe anche con le sezioni usando la skin Minerva */
@media all and ( min-width: 720px ) {
	.itwiki-template-approfondimento-sinistra {
		clear:left;
		float:left;
		margin-right:10px;
		margin-left:0;
	}

	.itwiki-template-approfondimento-centro {
		margin-left:auto;
		margin-right:auto;
	}

	.itwiki-template-approfondimento-destra {
		clear:right;
		float:right;
		margin-left:10px;
	}
}