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 a78a52fcca9b0c5cf926cf735c1f7291db1ea2c1..0c414433d2dfcb76b318d9fc671a51fa4e59c37f 100644 (file)
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -29,6 +29,37 @@ body, html {
     left: 0.5em;
 }
 
+.olControlLayerSwitcher {
+    bottom: 4em;
+    top: auto;
+    left: 13px;
+    opacity: 0.75;
+    height: 6em;
+    max-width: intrinsic;
+    max-width: -moz-max-content;
+}
+
+/* setting opacity to .olControlLayerSwitcher does not work */
+.olControlLayerSwitcher .layersDiv,
+.olControlLayerSwitcher .maximizeDiv,
+.olControlLayerSwitcher .minimizeDiv
+{
+    filter:alpha(opacity=75);
+}
+
+.olControlLayerSwitcher .dataLayersDiv, .olControlLayerSwitcher .dataLbl {
+    display: none;
+}
+.olControlLayerSwitcher .layersDiv {
+    padding: 5px 12px 5px 36px;
+}
+.olControlLayerSwitcher .maximizeDiv {
+    top: -6em;
+}
+.olControlLayerSwitcher .minimizeDiv {
+    left: 4px;
+}
+
 /*
  * main message rules
  */
@@ -83,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 {
@@ -92,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 */