Mercurial > hg > batmud > gmap2

changeset 290:8e120dadd0a5 gmap2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Improve layout and stylesheets slightly.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 17 Nov 2016 17:18:36 +0200
parents 07530034b221
children 55999edef91d
files css/mapstyle1.css css/mapstyle2.css css/mapstyle3.css css/mapstyle4.css index.php
diffstat 5 files changed, 58 insertions(+), 27 deletions(-) [+]
line wrap: on
line diff
--- a/css/mapstyle1.css	Thu Nov 17 15:42:07 2016 +0200
+++ b/css/mapstyle1.css	Thu Nov 17 17:18:36 2016 +0200
@@ -191,24 +191,32 @@
 	margin: 0px;
 }
 
-#headcontent h2 {
+.subtitle {
 	font-size: 1.5em;
 	padding: 0px;
 	margin: 0px;
 	color: red;
 }
 
-#headcontent div {
-	display: inline-block;
+.credits {
+	font-size: 0.75em;
+	color: white;
 }
 
-#headcontent div.controls {
+.version {
+}
+
+.timestamp {
+}
+
+.controls {
 	position: absolute;
+	top: 2em;
 	right: 280px;
 	width: auto;
 }
 
-#headcontent div.controls a {
+.controls a {
 	background: rgba(0,0,0,0.5);
 	padding: 0.5em;
 	color: #ddd;
@@ -217,7 +225,7 @@
 	box-shadow: 2px 2px 2px #000;
 }
 
-#headcontent div.controls a:hover {
+.controls a:hover {
 	background: rgba(0,0,0,0.2);
 	color: #fff;
 	border: 1px solid #888;
--- a/css/mapstyle2.css	Thu Nov 17 15:42:07 2016 +0200
+++ b/css/mapstyle2.css	Thu Nov 17 17:18:36 2016 +0200
@@ -197,24 +197,31 @@
 	margin: 0px;
 }
 
-#headcontent h2 {
+.subtitle {
 	font-size: 1.5em;
 	padding: 0px;
 	margin: 0px;
 	color: red;
 }
 
-#headcontent div {
-	display: inline-block;
+.credits {
+	font-size: 0.75em;
+	color: white;
 }
 
-#headcontent div.controls {
+.version {
+}
+
+.timestamp {
+}
+
+.controls {
 	position: absolute;
 	right: 280px;
 	width: auto;
 }
 
-#headcontent div.controls a {
+.controls a {
 	background: rgba(0,0,0,0.5);
 	padding: 0.5em;
 	color: #ddd;
@@ -223,7 +230,7 @@
 	box-shadow: 2px 2px 2px #000;
 }
 
-#headcontent div.controls a:hover {
+.controls a:hover {
 	background: rgba(0,0,0,0.2);
 	color: #fff;
 	border: 1px solid #888;
--- a/css/mapstyle3.css	Thu Nov 17 15:42:07 2016 +0200
+++ b/css/mapstyle3.css	Thu Nov 17 17:18:36 2016 +0200
@@ -198,24 +198,31 @@
 	margin: 0px;
 }
 
-#headcontent h2 {
+.subtitle {
 	font-size: 1.5em;
 	padding: 0px;
 	margin: 0px;
 	color: red;
 }
 
-#headcontent div {
-	display: inline-block;
+.credits {
+	font-size: 0.75em;
+	color: white;
 }
 
-#headcontent div.controls {
+.version {
+}
+
+.timestamp {
+}
+
+.controls {
 	position: absolute;
 	right: 280px;
 	width: auto;
 }
 
-#headcontent div.controls a {
+.controls a {
 	background: rgba(0,0,0,0.5);
 	padding: 0.5em;
 	color: #ddd;
@@ -224,7 +231,7 @@
 	box-shadow: 2px 2px 2px #000;
 }
 
-#headcontent div.controls a:hover {
+.controls a:hover {
 	background: rgba(0,0,0,0.2);
 	color: #fff;
 	border: 1px solid #888;
--- a/css/mapstyle4.css	Thu Nov 17 15:42:07 2016 +0200
+++ b/css/mapstyle4.css	Thu Nov 17 17:18:36 2016 +0200
@@ -175,25 +175,36 @@
 	margin: 0px;
 }
 
-#headcontent h2 {
-	font-size: 1.5em;
+.subtitle {
 	padding: 0px;
 	margin: 0px;
 	color: red;
 }
 
+.credits {
+	color: white;
+}
+
+
+.version {
+	padding-left: 1em;
+}
+
+.timestamp {
+}
+
 #headcontent div {
 	display: inline-block;
 }
 
-#headcontent div.controls {
+.controls {
 	position: absolute;
 	top: 3em;
 	right: 0.2em;
 	width: auto;
 }
 
-#headcontent div.controls a {
+.controls a {
 	background: rgba(0,0,0,0.5);
 	padding: 0.5em;
 	color: #ddd;
@@ -202,7 +213,7 @@
 	box-shadow: 2px 2px 2px #000;
 }
 
-#headcontent div.controls a:hover {
+.controls a:hover {
 	background: rgba(0,0,0,0.2);
 	color: #fff;
 	border: 1px solid #888;
--- a/index.php	Thu Nov 17 15:42:07 2016 +0200
+++ b/index.php	Thu Nov 17 17:18:36 2016 +0200
@@ -12,7 +12,6 @@
 //
 $lastMTime = filemtime("markers.json");
 $pageCharset = "UTF-8";
-$pageVersion = " [updated ".date("D d.m.Y H:i:s T", $lastMTime)."]";
 
 $pageTitle1 = "BatMUD: The Age of Exiles";
 $pageTitle2 = "Google Maps Hack";
@@ -74,9 +73,8 @@
       <a id="headlogo" href="http://www.bat.org/"></a>
       <div id="headcontent">
         <h1><?php echo $pageTitle1 ?></h1>
-        <h2><?php echo $pageTitle2 ?></h2>
-        <div class="version"><?php echo $pageVersion ?></div>
-        <div class="credits"><?php echo $pageBy ?></div>
+        <div class="subtitle"><?php echo $pageTitle2 ?> <span class="credits"><?php echo $pageBy ?></span></div>
+        <div class="version">Updated <span class="timestamp"><?php echo date("D d.m.Y H:i:s T", $lastMTime); ?></span></div>
         <div class="controls">
 <?php
   for ($i = 1; $i <= 4; $i++)