Template:Achievement/styles.css

.achievement {
	border-radius: 6px;
	border: 1px solid gray;
	background-color: #E7E7E7;
}

.achievement_image {
	float: left;
	width: 49px;
	height: 49px;
}

.achievement_info {
	float: right;
	text-align: right;
	width: 49px;
	height: 49px;
}

.achievement_name {
	text-align: center;
	font-weight: bold;
}

.achievement_description {
	color: DimGray;
	text-align: justify;
	margin: 4px;
	clear: both;
}

.achievement_progress_outer {
	clear: both;
	background-color: #e7e7e7;
	overflow: hidden;
	margin: 4px;
}

.achievement_progress_inner {
	background-color: #aaaaaa;
	color: #2f2f2f;
	margin: 0;
}

@media all and (min-width:720px) {
	.achievement {
		margin: .5em 0 .5em 0;
		width: 300px;
		float: right;
		clear: right;
		margin-left: .5em;
	}
}