[mapserver-commits] r8247 - in trunk/mapserver_demos/samples: . hello_world relative_positioning

svn at osgeo.org svn at osgeo.org
Tue Dec 16 23:57:22 EST 2008


Author: sdlime
Date: 2008-12-16 23:57:22 -0500 (Tue, 16 Dec 2008)
New Revision: 8247

Modified:
   trunk/mapserver_demos/samples/hello_world/index.html
   trunk/mapserver_demos/samples/relative_positioning/index.html
   trunk/mapserver_demos/samples/samples.css
Log:
Cleaned up the CSS a bit and standardized the two sample index.html pages built so far.

Modified: trunk/mapserver_demos/samples/hello_world/index.html
===================================================================
--- trunk/mapserver_demos/samples/hello_world/index.html	2008-12-16 19:46:39 UTC (rev 8246)
+++ trunk/mapserver_demos/samples/hello_world/index.html	2008-12-17 04:57:22 UTC (rev 8247)
@@ -7,16 +7,18 @@
   <body>
     <div id="samples_window">
 
-    <p>Files: <a href="sample.map">sample.map</a></p>
+      <h1>Hello World</h1>
 
-    <p>Notes:</p> 
+      <div class="content"><span class="content_label">Files:</span> <a class="file" href="sample.map">sample.map</a></div>
 
-    <p>Output:<br>
+      <div class="content"><span class="content_label">Notes:</span> The classic <em>hello world</em> example. Highlights inline features.</div> 
+
+      <div class="content"><span class="content_label">Output:</span><br/>
 <script language="javascript">
   var url = samples_mapserver + "?map=" + samples_location + "hello_world/sample.map&mode=map";
-  document.write("<a target=new href=\"" + url + "\"><img alt=\"open in new window\" src=\"" + url + "\"></a>"); 
+  document.write("<a target=new href=\"" + url + "\"><img title=\"open image in new window\" alt=\"open image in new window\" src=\"" + url + "\"></a>"); 
 </script>
-    </p>
+      </div>
 
     </div>
   </body>

Modified: trunk/mapserver_demos/samples/relative_positioning/index.html
===================================================================
--- trunk/mapserver_demos/samples/relative_positioning/index.html	2008-12-16 19:46:39 UTC (rev 8246)
+++ trunk/mapserver_demos/samples/relative_positioning/index.html	2008-12-17 04:57:22 UTC (rev 8247)
@@ -7,14 +7,18 @@
   <body>
     <div id="samples_window">
 
-    <p>Files: <a href="sample.map">sample.map</a></p>
+      <h1>Relative Positioning</h1>
 
-    <p>Notes: Relative positioning allows you to draw features (most often defined inline) relative to something other than the
-    upper left-hand corner of the image. For example, you might want to always place a copyright statement in the lower left-hand
-    corner of a map regardless of image size. A layer's TRANSFORM property is used to define relative positioning (default is UL).
-    Feature coordinates can be given in pixels, the default, or in percentages (doubles between 0 and 1).</p> 
+      <div class="content"><span class="content_label">Files:</span> <a class="file" href="sample.map">sample.map</a></div>
 
-    <p>Output:<br>
+      <div class="content"><span class="content_label">Notes:</span> 
+        Relative positioning allows you to draw features (most often defined inline) relative to something other than the
+        upper left-hand corner of the image. For example, you might want to always place a copyright statement in the lower left-hand
+        corner of a map regardless of image size. A layer's TRANSFORM property is used to define relative positioning (default is UL).
+        Feature coordinates can be given in pixels, the default, or in percentages (doubles between 0 and 1).
+      </div> 
+
+      <div class="content"><span class="content_label">Output:</span><br>
 <script language="javascript">
   var url = samples_mapserver + "?map=" + samples_location + "relative_positioning/sample.map&mode=map";
   document.write("<a target=new href=\"" + url + "\"><img alt=\"open in new window\" src=\"" + url + "\"></a>"); 
@@ -27,7 +31,7 @@
   url = samples_mapserver + "?map=" + samples_location + "relative_positioning/sample.map&mode=map&mapsize=400+250";
   document.write("<a target=new href=\"" + url + "\"><img alt=\"open in new window\" src=\"" + url + "\"></a>"); 
 </script>
-    </p>
+      </div>
 
     </div>
   </body>

Modified: trunk/mapserver_demos/samples/samples.css
===================================================================
--- trunk/mapserver_demos/samples/samples.css	2008-12-16 19:46:39 UTC (rev 8246)
+++ trunk/mapserver_demos/samples/samples.css	2008-12-17 04:57:22 UTC (rev 8247)
@@ -43,6 +43,36 @@
   background-color:#EEEECC;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  -x-system-font:none;
+  background-color:transparent;
+  color:#000000;
+  font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
+  font-size:100%;
+  font-size-adjust:none;
+  font-stretch:normal;
+  font-style:normal;
+  font-variant:normal;
+  font-weight:normal;
+  line-height:normal;
+  margin:0;
+  padding-top:0.5em;
+}
+
+h1 {
+  border-bottom: 1px solid #FCB100;
+  margin-bottom:0.5em;
+  font-size:120%;
+}
+
+.content_label {
+  font-weight:bold;
+}
+
+.content {
+  padding:0.5em;
+}
+
 form {
   padding:5px;
 }
\ No newline at end of file



More information about the mapserver-commits mailing list