new layout

4 files changed, 137 insertions, 80 deletions

diff --git a/css/mapstyle.css b/css/maps.css
index cfaea48..035672a 100644
--- a/css/mapstyle.css
+++ b/css/maps.css
@@ -1,23 +1,15 @@
 .grid_dsp_data {

 	padding:1px;

-	font-style:italic;

 	font-weight:bold;

 }

 

-.grid_outer

-{

+.grid_outer {

 	position:relative;

-	padding: 0px;

-	margin-top: 10px;

-	margin-bottom: 1px;

-	padding-top:2px;

-	padding-bottom:1px;

-	margin-left:auto;

-	margin-right:auto;

-	border-top: 1px solid #000;

-	border-left: 1px solid #000;

-	border: 0px solid #000;

-	background-color: #333399;

+	padding: 2px 0 1px;

+	margin: 0 auto;

+	background-color: #334;

+	border-radius: 2px;

+	box-shadow: 0 0 2px #777;

 }

 .grid_outer a

 {

@@ -46,7 +38,8 @@
 .grid_dsp_mid,

 .grid_dsp_right {

 	overflow: hidden;

-	position:relative;

+	white-space: nowrap;

+	position: relative;

 	float: left;

 	padding:2px;

 	color: #FFFFFF;

diff --git a/css/page.css b/css/page.css
new file mode 100644
index 0000000..2689aec
--- /dev/null
+++ b/css/page.css
@@ -0,0 +1,119 @@
+body {

+	font-size: 16px;

+	font-family: helvetica, sans-serif;

+	text-shadow: rgba(0,0,0,.01) 0 0 1px; /* this is definitely not a webkit-specific hack to fix font aliasing */

+	background-color: #121212;

+	color: #ddd;

+	margin: 0;

+}

+

+p {

+	margin-top: 0;

+}

+

+form {

+	display: inline;

+}

+

+a:link, a:visited, a:active {

+	text-decoration: underline;

+	color: #FFFFCC;

+	transition:color .4s ease-out;

+	-webkit-transition:color .4s ease-out;

+	-o-transition:color .4s ease-out;

+	-moz-transition:color .4s ease-out;

+}

+a:hover {

+	color: #EEDDBB;

+	text-decoration: none;

+	transition:color 0s ease-out;

+	-webkit-transition:color 0s ease-out;

+	-o-transition:color 0s ease-out;

+	-moz-transition:color 0s ease-out;

+}

+

+.wrapper {

+	width: 900px;

+	margin: 0 auto;

+}

+

+.float {

+	float:left;

+}

+.lfloat {

+	float:right;

+}

+

+#topbar {

+	padding: 15px 15px;

+	margin: 0 auto 40px;

+	text-align: center;

+	position: relative; /* for #user */

+	min-width: 900px;

+	background: -moz-linear-gradient(top, #252525, #121212);

+	background: -webkit-linear-gradient(top, #252525, #121212);

+}

+#topbar a.nav {

+	background-color: #222;

+	margin-right: 15px;

+	padding: 7px 10px;

+	border-radius: 5px;

+	text-decoration: none;

+	border: 1px solid #333;

+	box-shadow: 0 0 1px #444;

+}

+#topbar a.nav.selected, #topbar a.nav:hover {

+	border: 1px solid #222;

+	background-color: #2c2c2c;

+}

+#topbar #user {

+	position: absolute;

+	right: 25px;

+	top: 5px;

+	text-align: right;

+}

+

+#difficulties {

+	width: 100%;

+	text-align: center;

+	margin-bottom: 25px;

+}

+#difficulties a {

+	margin: 0 10px;

+	color: #ddd;

+	background-color: #334;

+	padding: 3px 10px;

+	border-radius: 5px;

+	text-decoration: none;

+	border: 1px solid #446;

+	box-shadow: 0 0 1px #445;

+}

+#difficulties a.selected, #difficulties a:hover {

+	background-color: #446;

+	border: 1px solid #223;

+}

+

+table.score {

+	border: 1px solid #777;

+	background-color: #252530;

+	color: #ccc;

+	margin: 40px auto 0;

+}

+table.score th, table.score td {

+	padding: 5px;

+}

+table.score th {

+	border: 1px solid #777;

+}

+

+#copy {

+	text-align: center;

+	margin: 40px auto 0;

+}

+#copy iframe {

+	border: none;

+	width: 95px;

+	height: 21px;

+	vertical-align: text-bottom;

+	overflow: hidden;

+}

diff --git a/css/pagestyle.css b/css/pagestyle.css
deleted file mode 100644
index b882bfe..0000000
--- a/css/pagestyle.css
+++ /dev/null
@@ -1,62 +0,0 @@
-body {

-	font-size: 16px;

-	font-family: cantarell, helvetica, sans-serif;

-	text-shadow: rgba(0,0,0,.01) 0 0 1px; /* this is definitely not a webkit-specific hack to fix font aliasing */

-	background-color: #121212;

-	color: #ffffff;

-

-	min-width: 800px;

-	margin: 0;

-	padding: 6px;

-}

-

-form {

-	display: inline;

-}

-

-a:link, a:visited, a:active {

-	text-decoration: underline;

-	color: #FFFFCC;

-	transition:color .4s ease-out;

-	-webkit-transition:color .4s ease-out;

-	-o-transition:color .4s ease-out;

-	-moz-transition:color .4s ease-out;

-}

-a:hover {

-	color: #EEDDBB;

-	text-decoration: none;

-	transition:color 0s ease-out;

-	-webkit-transition:color 0s ease-out;

-	-o-transition:color 0s ease-out;

-	-moz-transition:color 0s ease-out;

-}

-

-.col1 {

-	float: left;

-	width: 25%;

-	min-width: 300px;

-	padding: 0 25px;

-}

-.col2 {

-	float: left;

-	width: 50%;

-	margin: 0 auto;

-}

-

-.float {

-	float:left;

-}

-.lfloat {

-	float:right;

-}

-

-.topbar {

-	background: #002266;

-	/*

-	background: #000044 url(../images/OverlayStart50i.png);

-	height:35px;

-	*/

-	width: 95%;

-	padding: 5px 15px;

-	margin: 0 auto;

-}

diff --git a/css/statsstyle.css b/css/stats.css
index a15636f..c36c1d0 100644
--- a/css/statsstyle.css
+++ b/css/stats.css
@@ -1,3 +1,11 @@
+.col1 {
+	float: left;
+	margin-right: 30px;
+}
+.col2 {
+	float: left;
+	width: 450px;
+}
 table {
 	border-collapse: collapse;
 }
@@ -5,7 +13,7 @@ td, th {
 	padding: 3px;
 }
 .lbrow {
-	background: #000000;
+	background: #000;
 	transition:background .5s;
 	-webkit-transition:background .5s;
 		-o-transition:color .5s;
@@ -13,7 +21,7 @@ td, th {
 	cursor: default;
 }
 .lbrow:hover {
-	background: #338899;
+	background: #356;
 	transition:background 0s;
 	-webkit-transition:background 0s;
 	-o-transition:color 0s;
@@ -22,4 +30,3 @@ td, th {
 .hidden-stats {
 	display: none;
 }
-