changeset 208:ce92bb3e3a02 gmap2

More work on stylesheets.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 12 Mar 2014 16:11:12 +0200
parents 9a4c4c8b98aa
children 1288e2f8d769
files css/mapstyle1.css css/mapstyle2.css
diffstat 2 files changed, 26 insertions(+), 30 deletions(-) [+]
line wrap: on
line diff
--- a/css/mapstyle1.css	Wed Mar 12 15:12:54 2014 +0200
+++ b/css/mapstyle1.css	Wed Mar 12 16:11:12 2014 +0200
@@ -217,6 +217,7 @@
 	border: 1px solid #888;
 }
 
+
 #map {
 	position: absolute;
 	left: 0px;
@@ -254,7 +255,6 @@
 }
 
 
-
 #sidecontent div div {
 	display: inline-block;
 	width: 10%;
@@ -263,7 +263,6 @@
 	box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
 }
 
-
 .c_laenor div { background: #955; }
 .c_rothikgen div { background: #595; }
 .c_lucentium div { background: #559; }
--- a/css/mapstyle2.css	Wed Mar 12 15:12:54 2014 +0200
+++ b/css/mapstyle2.css	Wed Mar 12 16:11:12 2014 +0200
@@ -197,16 +197,28 @@
 	display: inline-block;
 }
 
-#headcontent .info {
+#headcontent div.controls {
 	position: absolute;
 	right: 280px;
 	width: auto;
 }
 
-#headcontent a {
-	color: white;
+#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;
@@ -244,7 +256,6 @@
 }
 
 
-
 #sidecontent div div {
 	display: inline-block;
 	width: 10%;
@@ -253,27 +264,13 @@
 	box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
 }
 
-#sidecontent div.c_laenor div {
-	color: yellow;
-	background: yellow;
-}
-
-#sidecontent div.c_rothikgen div {
-	color: blue;
-	background: blue;
-}
-
-#sidecontent div.c_furnachia div {
-	color: red;
-	background: red;
-}
-
-#sidecontent div.c_lucentium div {
-	color: green;
-	background: green;
-}
-
-#sidecontent div.c_desolathya div {
-	color: purple;
-	background: purple;
-}
+.c_laenor div { background: #955; }
+.c_rothikgen div { background: #595; }
+.c_lucentium div { background: #559; }
+.c_desolathya div { background: #599; }
+.c_furnachia div { background: #959; }
+.c_renardy div { background: #c70; }
+.c_tormentas div { background: #7a0; }
+.c_hcbat div { background: #444; }
+.c_special div { background: #a06; }
+.c_all div { background: #0af; }