From 5a2641603bc167c2fec6f4a6a073503c8bec7336 Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Fri, 10 May 2013 22:47:17 -0700
Subject: Achievement rounded unlocks.

---
 css/achievements.css   | 36 ++++++++++++++++++++++++++++++++++++
 pages/achievements.php | 32 +++++++++++++++++---------------
 2 files changed, 53 insertions(+), 15 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;
diff --git a/pages/achievements.php b/pages/achievements.php
index fb20f2b..bef9adb 100644
--- a/pages/achievements.php
+++ b/pages/achievements.php
@@ -57,8 +57,7 @@ foreach ($ac3 as $c3) {
 		foreach ($ac2 as $c2) {
 			$c = "#$c1$c2$c3";
 			if ($_GET['showcolor'] == 'all') {
-				//echo "<td onclick='changeWallColor(\"#$c1$c2$c3\")' title='#$c1$c2$c3' style='background-color:#$c3$c1$c2;' class='grid_td_rocks'></td>";
-				echo "<td title='$c' onClick='colorclick(this,\"$c\", \"2\")' style='background-color:$c;' class='grid_td_walls'></td>";
+				echo "<td title='$c' onClick='colorclick(this,\"$c\", \"2\")' style='background-color:$c;' class='map w'></td>";
 			}
 			//if ($c2 == 'f') break 2;
 		}
@@ -392,6 +391,8 @@ echo "
 	<div style='width:100%; height:100%; background-color:transparent; background-size:100%;' class='grid_td_rocks grid_inner'></div>
 </div>$UDisplay</h1>";
 
+
+
 function unlockItemAsTD($uType, $item) {
 
 	$aLevel = $item['aLevel'];
@@ -411,28 +412,29 @@ function unlockItemAsTD($uType, $item) {
 		$unlockTitle = "$item[name]";
 	}
 	
-	$border = 'border: 1px solid #000; border-width: 2px 0px 2px 0px;';
-	$border = 'border: 1px solid #000;';
+	//$border = 'border: 1px solid #000; border-width: 2px 0px 2px 0px;';
+	//$border = 'border: 1px solid #000;';
 	$class = 'grid_td_walls';
-	//$r .= displayUnlock($uType, $item[value], $unlockTitle);
-	//return $r;
+	$class = 'displayWallUnlock';
 	
 	switch ($uType) {
 		case UNLOCK_WALL_COLOR:
 		if ($GLOBALS['wallColor'] == $item[value]) {
-			$class = 'grid_td_active';
-			$border = 'border: 1px solid #26b;';
-		}
-		$r .= "<td class='grid_td $class' id='color_$item[id]' title='$unlockTitle' onClick='colorclick(this,\"$item[value]\", \"$item[id]\")' style='padding: 0px;background-color:$item[value];$border'></td>";
+			$class .= ' active';
+		} else $class .= ' inactive';
+		$r .= "<td class='$class' id='color_$item[id]' title='$unlockTitle' ";
+		$r .= "onClick='colorclick(this,\"$item[value]\", \"$item[id]\")' ";
+		$r .= "style='background-color:$item[value];'><div></div></td>";
+			// USE THIS? $style = "background-color:$item[value];";
 		break;
 		
 		case UNLOCK_WALL_EMBLEM:
 		if ($GLOBALS['wallEmblem'] == $item[value]) {
-			$class = 'grid_td_active';
-			$border = 'border: 1px solid #26b;';
-		}
-		$r .= "<td class='grid_td_walls' title='$unlockTitle' id='' onClick='emblemclick(this,\"$item[value]\", \"$item[id]\")' style='background: #999 url(../images/marks/$item[value]);$border' >
-			<div class='grid_inner $class grid_td_walls'></div></td>";
+			$class .= ' active';
+		} else $class .= ' inactive';
+		$r .= "<td class='$class' title='$unlockTitle' id='' onClick='emblemclick(this,\"$item[value]\", \"$item[id]\")' style='background-image: url(../images/marks/$item[value]);' >
+			<div></div></td>";
+			 // USE THIS ? $style = "background-image: url(../images/marks/$item[value]);";
 		break;
 		
 		case UNLOCK_DISPLAY_COLOR:
-- 
cgit v1.2.3