Template:Banner/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;
}

.banner-image {
	position: relative;
	overflow: hidden;
	max-width: 1800px;
	height: auto;
	margin-bottom: .6em;
}

.banner-image img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.banner-box {
	position: absolute;
	z-index: 2;
	margin-top: 2.5em;
	color: white;
	min-width: 20em;
	text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
}

.banner-box-wide {
	width: 80%;
}

.banner-box-left {
	left: 5%;
	text-align: left;
}

.banner-box-right {
	right: 5%;
	text-align: right;
}

.banner-box .name {
	font-size: 3em;
	white-space: nowrap;
	line-height: 1.2em;
}

.banner-box .type {
	font-size: 2em;
	line-height: 1.2em;
}