From 22b729d697107fa7e59db509cd9f92e9605e8e02 Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Sun, 29 Jan 2012 22:43:08 -0800
Subject: css adjustments - transitions.

---
 css/maps.css | 49 +++++++++++++++++++++++++++----------------------
 1 file changed, 27 insertions(+), 22 deletions(-)

(limited to 'css/maps.css')

diff --git a/css/maps.css b/css/maps.css
index d613c98..ad787be 100644
--- a/css/maps.css
+++ b/css/maps.css
@@ -51,16 +51,16 @@
 	text-align:right;
 }
 
-.grid_img {
+.grid_inner {
+	border-spacing: 0px;
 	padding: 0px;
 	margin: 0px;
 	border: 0px;
-	border-spacing: 0px;
-	width: 36px;
+	
+	width: 35px;
 	height: 35px;
-}
-
 
+}
 .grid_table
 {
 	position:relative;
@@ -91,30 +91,35 @@
 	padding: 0px;
 	margin: 0px;
 	border: 0px;
-	border-right: 0px solid #000;
-	border-bottom: 0px solid #000;
-	
-	overflow: hidden;
-	font-size: 4px;
-	line-height:9px;
 	width: 35px;
-	/* width: 22px; */
 	height: 35px;
-	min-height: 1px;
+	line-height:3px;
 	background: url(../images/OverlayTileFaceted50b.png);
 	background-size: 100%;
-	transition:background-color 0s;
-	-webkit-transition:background-color 0s;
-	-o-transition:background-color 0s;
-	-moz-transition:background-color 0s;
+	transition:background-color .3s;
+	-webkit-transition:background-color .3s;
+	-o-transition:background-color .3s;
+	-moz-transition:background-color .3s;
 }
 .grid_td
 {
 	background: #F5FBFE url(../images/OverlayTile10.png);
+	transition:background-color .3s;
+	-webkit-transition:background-color .3s;
+	-o-transition:background-color .3s;
+	-moz-transition:background-color .3s;
 }
 .grid_td:hover
 {
-	background: #CCCCCC url(../images/OverlayTileFaceted10.png);
+	background: #CCCCCC url(../images/OverlayTileFaceted20.png);
+}
+.grid_td:click
+{
+	background: #CCCCCC url(../images/OverlayTileFaceted20.png);
+	transition:background-color 0s;
+	-webkit-transition:background-color .5s;
+	-o-transition:background-color 0s;
+	-moz-transition:background-color 0s;
 }
 .grid_td_pressed {
 	background: #111122;
@@ -134,7 +139,8 @@
 	background: inherit;
 }
 .grid_td_walls {
-	background-color:	#666666;
+
+	background-color:	#F00;
 	background:	url(../images/OverlayTileFaceted50b.png);
 	transition:background-color 1.6s ease-out;
 	-webkit-transition:background-color 1.6s ease-out;
@@ -142,13 +148,12 @@
 	-moz-transition:background-color 1.6s ease-out;
 }
 .grid_td_walls:hover {
-	background: #CCCCCC url(../images/OverlayTileFaceted30.png);
-	background-color: #999;
+	background: url(../images/OverlayTileFaceted30.png);
 }
 
 .grid_td_start {
 	background: url(../images/OverlayStart50b.png);
-	background-color: #FFF; 
+	background-color: #fbfefb; 
 }
 .grid_td_finish {
 	background: url(../images/OverlayFinish50c.png);
-- 
cgit v1.2.3