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; } }