added vertical borders

ncsu-geoforall-lab · Sep 7, 2014 · 15dfd3a · 15dfd3a
1 parent e7f9bbb
commit 15dfd3a
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/grassdocs.css b/grassdocs.css
@@ -16,6 +16,24 @@ body{
     font-family: arial,sans-serif;
 }
 
+#container
+{
+    position: relative;
+    margin: 0 auto;
+    padding-left: 10px;
+    padding-right: 10px;
+    width: 760px;
+    background-color: white;
+    height:auto !important;
+    min-height:100%;
+    border-style:solid;
+    border-bottom-width:1px;
+    border-top-width:1px;
+    border-left-width:10px;
+    border-right-width:10px;
+    border-color: #DDDDDD;
+}
+
 hr.header {
     height: 3px;
     color: gray;
@@ -120,6 +138,7 @@ div.toc{
     width: 17%;
     font-size: small;
     border-radius: 10px;
+    z-index: 1;
 }
 
 li.toc {
@@ -173,3 +192,7 @@ div.toc:hover {
 div.toc {
   background-color: rgba(255, 255, 255, 0.7);
 }
+
+img {
+    max-width: 100%;
+}
diff --git a/index.html b/index.html
@@ -36,6 +36,8 @@
 
 <body>
 
+<div id="container">
+
 <h1>Spatio-temporal data handling and visualization in GRASS GIS</h1>
 <h2 class="notoc">FOSS4G 2014 workshop</h2>
 <p>
@@ -45,12 +47,14 @@ <h2 class="notoc">FOSS4G 2014 workshop</h2>
 Markus Neteler
 </p>
 
-<p>
+
+<p style="border-top-style: solid; border-bottom-style: solid; border-width: 5px; border-color: rgb(130, 130, 130); padding-top: 5px; padding_bottom: 5px;">
   <a href="https://2014.foss4g.org" title="FOSS4G 2014"><img src="foss4g-2014.png" alt="FOSS4G 2014 logo"></a>
   <a href="http://grass.osgeo.org" title="GRASS GIS"><img src="grass-large.png" alt="GRASS GIS logo"></a>
   <a href="#terrain-time-series-visualization" title="See instructions to create this animation"><img style="width: 150px; padding-left:20px" src="NagsHead.gif" alt="NagsHead DEM animation"></a>
 </p>
 
+
 <p>
 Workshop URL:
 <ul><li><a href="http://fatra.cnr.ncsu.edu/temporal-grass-workshop/">http://fatra.cnr.ncsu.edu/temporal-grass-workshop/</a></li>
@@ -956,5 +960,8 @@ <h2>References</h2>
 
 </p>
   <script src="codetabs.js"></script>
+
+</div>
+
 </body>
 </html>