From c1c3bfa8d90d6e79186a25d9360d6534cdd74712 Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Mon, 19 Mar 2012 17:59:09 -0700
Subject: CSS adjustments

---
 css/maps.css |  4 +--
 css/page.css | 80 +++++++++++++++++++++++++++++++++++++++++++-----------------
 2 files changed, 59 insertions(+), 25 deletions(-)

diff --git a/css/maps.css b/css/maps.css
index ad787be..3032c34 100644
--- a/css/maps.css
+++ b/css/maps.css
@@ -129,7 +129,8 @@
 	background: #b85555 url(../images/OverlayTileFaceted50b.png);
 }
 .grid_td_gray {
-	background: #CCCCCC url(../images/OverlayTileFaceted50b.png);
+	background-color: #CCCCCC;
+	background: url(../images/OverlayTileFaceted50b.png);
 }
 .grid_td_path {
 	background: #FFFFEE url(../images/OverlayTeleport.png);
@@ -139,7 +140,6 @@
 	background: inherit;
 }
 .grid_td_walls {
-
 	background-color:	#F00;
 	background:	url(../images/OverlayTileFaceted50b.png);
 	transition:background-color 1.6s ease-out;
diff --git a/css/page.css b/css/page.css
index ef26a0a..de0d953 100644
--- a/css/page.css
+++ b/css/page.css
@@ -1,9 +1,16 @@
 html {
-	font-family: Helvetica, Arial, sans-serif;
+	font-family: Trebuchet MS1, Trebuchet MS, sans-serif; 
 }
 html.wf-active {
 	/* font-family: "Comic Sans MS", sans-serif; */
-	font-family: Cantarell, Helvetica, Arial, sans-serif;
+	/* Not websafe */
+	/* font-family: Cantarell, Helvetica, Arial, sans-serif; */
+	/* font-family: Helvetica, Arial, sans-serif; */
+	/* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
+	/*  font-family: Book Antiqua3;  */
+
+	
+
 }
 
 body {
@@ -12,6 +19,7 @@ body {
 	background-color: #121212;
 	color: #ddd;
 	margin: 0;
+	opacity: 1; 
 }
 
 p {
@@ -43,6 +51,18 @@ a:hover {
 	width: 900px;
 	margin: 0 auto;
 }
+.wrapper2 {
+	width:900px;
+	min-height:20px;
+	margin: 0 auto;
+}
+
+.hidden-maps {
+	display:none;
+}
+.shown-maps {
+}
+
 
 .float {
 	float:left;
@@ -52,6 +72,7 @@ a:hover {
 }
 
 #topbar {
+	font-weight:bold;
 	padding: 15px 15px;
 	margin: 0 auto 40px;
 	text-align: center;
@@ -127,10 +148,14 @@ table.score {
 	border: 1px solid #777;
 	background-color: #252530;
 	color: #ccc;
-	margin: 40px auto 0;
+	margin: 0px auto;
+
 }
 table.score th, table.score td {
-	padding: 5px;
+	padding: 2px 4px 1px 4px;
+}
+table.score td {
+	font-size:105%;
 }
 table.score th {
 	border: 1px solid #777;
@@ -139,6 +164,7 @@ table.score th {
 #copy {
 	text-align: center;
 	margin: 40px auto 0;
+	width: 400px;
 }
 #copy iframe {
 	border: none;
@@ -157,35 +183,35 @@ table.score th {
 
 @keyframes notifiAnimate
 {
-0%   {top:-200px;}
+0%   {top:-300px;}
 50%   {height:700px;top:-200px;}
-65% {height:200px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:300px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
 }
 @-moz-keyframes notifiAnimate /* Firefox */
 {
-0%   {top:-200px;}
+0%   {top:-300px;}
 50%   {height:700px;top:-200px;}
-65% {height:200px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:300px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
 }
 @-webkit-keyframes notifiAnimate /* Safari and Chrome */
 {
-0%   {top:-200px;}
+0%   {top:-300px;}
 45%   {height:700px;top:-200px;}
-65% {height:180px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:280px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
 }
 @-o-keyframes notifiAnimate /* Opera */
 {
-0%   {top:-200px;}
+0%   {top:-300px;}
 45%   {height:700px;top:-200px;}
-65% {height:180px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:280px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
 }
 
 .notification
@@ -196,11 +222,11 @@ table.score th {
 	-o-animation: notifiAnimate 1s;  /* Opera */
 	position:fixed;
 	left:50%;
-	margin-left: -150px;
+	margin-left: -200px;
 	top:200px;
 	text-align: center;
-	width:300px;
-	height:200px;	
+	width:400px;
+	height:300px;	
 	color: #ddd;
 	background-color: #334;
 	padding: 1px 1px;
@@ -210,6 +236,14 @@ table.score th {
 	box-shadow: 0 0 3px #445;
 
 }
+.notification_close {
+	top:276px;
+	position:absolute;
+	text-align:right;
+}
+.notification_close a {
+	color: #FF5;
+}
 
 .name_color_select span
 {
-- 
cgit v1.2.3