Dynamic resizing of mapThumbnail.

2 files changed, 32 insertions, 5 deletions

diff --git a/css/maps.css b/css/maps.css
index 6c9b646..c6807a6 100644
--- a/css/maps.css
+++ b/css/maps.css
@@ -11,8 +11,6 @@
 	background-size: 100%;

 }

 .map_thumbnail td {

-	width:4px; 

-	height:4px;

 	border: 0px solid #000;

 	padding: 4px;

 	margin: 0px;

diff --git a/css/stats.css b/css/stats.css
index 6ddc38f..d028d0f 100644
--- a/css/stats.css
+++ b/css/stats.css
@@ -30,18 +30,47 @@
 	height: 0;
 }
 
+.mapNavBtn:hover {
+	background-color:#57a;
+}
+.mapNavCon {
+	height:200px;
+	width:900px;
+}
+.mapNavLeft {
+	float:left;
+	width:40px;
+	height:200px;
+	background-color:#358;
+}
+.mapNavRight {
+	float:right;
+	width:40px;
+	height:200px;
+	background-color:#358;
+}
+.mapNavCenter {
+	float:left;
+	height:200px;
+	height:200px;
+	width:820px;
+	background-color:#888;
+}
 #mapNavigation {
 	padding:15px;
 	background-color:#888;
 	border-radius:10px;
-	min-height:130px;
+	height:170px;
+	width:790px;
 	text-align:left;
+	white-space: nowrap;
 	overflow-x:hidden;
 	overflow-y:hidden;
-	width:1100px;
+
 }
+
 .mapThumbnail {
-	float:left;
+	display:inline-block;
 	padding: 10px;
 	background-color:#334;
 	margin: 7px;