]> dev.renevier.net Git - syj.git/blobdiff - public/css/syj.css
path-infos simplification
[syj.git] / public / css / syj.css
index 51061b9df74b25a5e983831a06c8c26a14fb4f93..8e29c424d7b779ed54ae5d73b783f0ec43892a82 100644 (file)
@@ -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
  */
@@ -38,7 +69,7 @@ body, html {
     bottom: 3.5em;
     width: 40%;
     margin: 0px 45% 0px 15%;
-    padding: 1.5em 1.5em 0.5em 1.5em;
+    padding-bottom: 0.5em;
 }
 @media screen and (max-width: 640px) {
     #message.optional {
@@ -86,17 +117,17 @@ body, html {
 .info-title {
     text-decoration: underline;
 }
+.info-content a {
+    text-decoration: none;
+}
 
 #path-infos-content {
     text-align: center;
     padding: 4px 15px 15px 15px;
 }
 
-#path-export-title {
-    margin-top: 1em;
-}
-#path-export-content a {
-    text-decoration: none;
+.info-content {
+    margin-bottom: 0.5em;
 }
 
 #path-length {