# HG changeset patch
# User Matti Hamalainen <ccr@tnsp.org>
# Date 1394723895 -7200
# Node ID 83cd4448e20608e394c5f07a6b0584d549b759b0
# Parent  c987ff86b8ceb2adcea13e25542a5a86c7667453
Some work on alt style.

diff -r c987ff86b8ce -r 83cd4448e206 css/mapstyle4.css
--- a/css/mapstyle4.css	Wed Mar 12 20:29:13 2014 +0200
+++ b/css/mapstyle4.css	Thu Mar 13 17:18:15 2014 +0200
@@ -5,20 +5,16 @@
 
 #footer {
 	position: absolute;
-	bottom: 0px;
+	top: 0px;
 	height: 2em;
-	left: 0px;
-	right: 0px;
+	width: 40em;
+	right: 280px;
 	margin: 0px;
+	z-index: 18;
 }
 
 #footercontent {
-	position: absolute;
-
-	left: 0.2em;
-	right: 280px;
-	top: 0.25em;
-
+	text-align: right;
 	padding: 0.5em;
 
 	color: white;
@@ -150,15 +146,74 @@
 }
 
 #header {
+}
+
+#headcontent {
+	position: absolute;
+	top: 0px;
+	right: 280px;
+	left: 10em;
+	height: 5em;
+	z-index: 20;
+
+	vertical-align: top;
+	color: white;
+	padding: 8px;
+	margin-left: 2em;
+
+	text-shadow: 2px 2px 1px #000;
+	font-size: 0.7em;
+}
+
+#headlogo {
 	display: none;
 }
 
+#headcontent h1 {
+	font-size: 2em;
+	padding: 0px;
+	margin: 0px;
+}
+
+#headcontent h2 {
+	font-size: 1.5em;
+	padding: 0px;
+	margin: 0px;
+	color: red;
+}
+
+#headcontent div {
+	display: inline-block;
+}
+
+#headcontent div.controls {
+	position: absolute;
+	right: 0px;
+	width: auto;
+}
+
+#headcontent div.controls a {
+	background: rgba(0,0,0,0.5);
+	padding: 0.5em;
+	color: #ddd;
+	border-radius: 0.5em;
+	border: 1px solid white;
+	box-shadow: 2px 2px 2px #000;
+}
+
+#headcontent div.controls a:hover {
+	background: rgba(0,0,0,0.2);
+	color: #fff;
+	border: 1px solid #888;
+}
+
+
 #map {
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	right: 280px;
-	bottom: 2em;
+	bottom: 0px;
 	padding: 0px;
 	margin: 0px;
 }