Changeset 398

Timestamp:

Nov 22, 2006, 5:36:29 PM (14 years ago)

Author:

David Sheldon

Message:

Itegrate more of the new style ideas.

Location:

trunk/npemap.org.uk/static/tiles

Files:

• grid.css (modified) (2 diffs)
• map.html (modified) (3 diffs)

trunk/npemap.org.uk/static/tiles/grid.css

@@ -185 +185 @@
 }
 
+div.links {
+  padding-top: 1em;
+}
+
 .links {
         clear: left;
+  margin-top:0;
 }
 
@@ -223 +228 @@
 
 
-
-
-
-div#showHideMarkers{
+h5 {
+ margin: 0 0 0.5em 0;
+ text-transform: uppercase;
+ font-family: sans-serif;
+ font-weight: normal;
+ letter-spacing: 0.4em;
+}
+
+#showHideMarkers {
+  padding-top: 1em;
+}
+
+#showHideMarkers ul,p {
         font-size: 60%;
-}
+  margin-top: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 
 ul {

trunk/npemap.org.uk/static/tiles/map.html

@@ -28 +28 @@
         <div id='marker' class="marker"><img src="../images/yellow-marker.gif" alt='Your location'/></div>
         <div id="menu" style="float:right">
+          <h5>Navigation</h5>
           <div id="movement">
                   <img src="../images/LeftUp.png" onclick="updateGrid('upleft')" alt="north-west" class="left"/>
@@ -45 +46 @@
                 </div>
 
-                <div><span style="display: none" id="permalink"></span>
+                <div class="links"><span style="display: none" id="permalink"></span>
 
+          <h5>Links</h5>
                 <ul class="links">
                         <li><a href="/" id="home">Home</a></li>
@@ -68 +70 @@
 
         <div id="showHideMarkers">
+          <h5>Key</h5>
+    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="green">our data</li></ul>
     <p><img src="../images/green-marker.gif" alt='' > <a href="javascript:setMarkersHidden()" id="setMarkers">hide markers</a><a href="javascript:unsetMarkersHidden()" id="unsetMarkers" style="display:none">show markers</a></p>
-    <ul><li class="blue"><a href="http://www.freethepostcode.org">freethepostcode.org</a> data</li><li class="green">our data</li></ul>
         </div>
   <div id="spinner" class="status">