Achievement rounded unlocks.

1 files changed, 36 insertions, 0 deletions

diff --git a/css/achievements.css b/css/achievements.css
index 24fd034..e87161d 100644
--- a/css/achievements.css
+++ b/css/achievements.css
@@ -1,3 +1,39 @@
+.displayWallUnlock {
+	transition:background-color .4s;
+	-webkit-transition:background-color .4s;
+	-o-transition:background-color .4s;
+	-moz-transition:background-color .4s;
+	border-spacing: 0px;
+	background-size: 100%;
+	background-color: #999;
+	height:39px;
+	width:39px;
+	border-radius:14%;
+	border: 0px;
+	padding: 0px;
+	margin: 0px;
+}
+.displayWallUnlock.active div{
+	background-image: url(../images/OverlayTileFaceted30.png);
+}
+.displayWallUnlock.inactive div{
+	background-image: url(../images/OverlayTileFaceted50b.png);
+}
+.displayWallUnlock div {
+	width:100%;
+	height:100%;
+	border: 0px;
+	padding: 0px;
+	margin: 0px;
+	background-size: 100%;
+	background-image: url(../images/OverlayTileFaceted50b.png);
+}
+.displayWallUnlock div:hover {
+	background-image: url(../images/OverlayTileFaceted30.png);
+}
+
+
+
 
 .progressBar {
 	align:left;