Template:Shadowbox/styles.css

.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
	color: white;
	border:none;
	font-family: sans-serif;
	line-height: 1.2em;
	margin:0;
	padding: 0; /* was previously set only for h3, and skin styles would do the same for h2. however, cannot rely on skin to do this on mobile */
}
.mainpage-shadowbox a {
    color: white;
    font-weight: bold;
}

@media screen and ( min-width: 720px ) { /* greater than or equal to */
	.mainpage-shadowbox h2 {
		font-size: 190%;
	}
	.mainpage-shadowbox h3 {
		font-size: 150%;
	}
}
@media screen and ( max-width: 720px ) {
	.mainpage-shadowbox .quote > a:after {
		content: '\ATocca per saperne di più.';
		white-space: pre; /* needed to make content work. if content is disabled, this can be, too */
	}
}