changeset 186:66f3e1a4b1ec gmap2

Cosmetics, visual cues.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 12 Mar 2014 01:44:33 +0200
parents ddef2840151e
children 8355cb076d2b
files css/mapstyle1.css markers.js
diffstat 2 files changed, 36 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/css/mapstyle1.css	Wed Mar 12 01:23:19 2014 +0200
+++ b/css/mapstyle1.css	Wed Mar 12 01:44:33 2014 +0200
@@ -91,7 +91,8 @@
 }
 
 #sidecontent a {
-	display: block;
+	display: inline-block;
+	width: 85%;
 	text-decoration: none;
 	color: black;
 	padding: 2px;
@@ -240,3 +241,36 @@
 	padding: 2px;
 	border: 1px dotted white;
 }
+
+
+#sidecontent div div {
+	display: inline-block;
+	width: 10%;
+	height: auto;
+	border-radius: 0.5em;
+}
+
+#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;
+}
--- a/markers.js	Wed Mar 12 01:23:19 2014 +0200
+++ b/markers.js	Wed Mar 12 01:44:33 2014 +0200
@@ -52,7 +52,7 @@
     pmapInfoWindow.open(pmap, this);
   });
 
-  if (mclass == "builtin") pmapSideBuiltinHTML += '<a class="c_'+continent+'" id="marker'+pmapMIndex+'" href="javascript:pmapMyClick('+ pmapMIndex +')">'+ name +'</a>';
+  if (mclass == "builtin") pmapSideBuiltinHTML += '<div id="marker'+pmapMIndex+'" class="c_'+continent.toLowerCase()+'"><div>&nbsp;</div><a href="javascript:pmapMyClick('+ pmapMIndex +')">'+ name +'</a></div>';
   if (mclass == "private") pmapSidePrivateHTML += '<a href="javascript:pmapMyClick(' + pmapMIndex + ')">' + name + '</a><br>';
   if (mclass == "public") pmapSidePublicHTML += '<a href="javascript:pmapMyClick(' + pmapMIndex + ')">' + name + '</a><br>';