use <section>s for path info

[syj.git] / public / css / syj.css

diff --git a/public/css/syj.css b/public/css/syj.css
index ae8e1b67524107fde25b611e2ce6693c05a8f2ee..0c414433d2dfcb76b318d9fc671a51fa4e59c37f 100644 (file)
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -1,5 +1,6 @@
 /*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
     and is published under the AGPL license. */
+
 body, html {
     margin: 0; padding: 0;
     width: 100%;
@@ -25,7 +26,6 @@ body, html {
 .olControlAttribution {
     bottom: 0.5em;
     *bottom: 2.5em;
-    _bottom: 3.0em;
     left: 0.5em;
 }
 
@@ -69,13 +69,7 @@ body, html {
     bottom: 3.5em;
     width: 40%;
     margin: 0px 45% 0px 15%;
-    padding: 1.5em 1.5em 0.5em 1.5em;
-    text-align: center;
-    border-width: 2px;
-    border-style: solid;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
+    padding-bottom: 0.5em;
 }
 @media screen and (max-width: 640px) {
     #message.optional {
@@ -120,8 +114,16 @@ body, html {
     background-color: #E0E0FF;
 }
 
-.info-title {
+.info-section {
+    margin-bottom: 0.5em;
+}
+.info-section > h1 {
     text-decoration: underline;
+    font-size: 1em;
+    margin: 2px 0 2px 0;
+}
+.info-section a {
+    text-decoration: none;
 }
 
 #path-infos-content {
@@ -129,13 +131,6 @@ body, html {
     padding: 4px 15px 15px 15px;
 }
 
-#path-export-title {
-    margin-top: 1em;
-}
-#path-export-content a {
-    text-decoration: none;
-}
-
 #path-length {
     text-align: center;
     position: absolute; /* otherwise, under #map in ie */