X-Git-Url: https://dev.renevier.net/?p=syj.git;a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=3a286c805e576d20b397a4a41356dd9a5de63446;hp=b5151ae42799231bec92545d07e4e1f9c6bfbdfb;hb=3a13b1e8cf6d091776856f67b1cf6d6ff6362025;hpb=591799b685ba18b84ad5230a5d84a11daa380136 diff --git a/public/css/syj.css b/public/css/syj.css index b5151ae..3a286c8 100644 --- 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,10 +26,40 @@ body, html { .olControlAttribution { bottom: 0.5em; *bottom: 2.5em; - _bottom: 3.0em; 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,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 { @@ -89,20 +114,22 @@ 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 { text-align: center; padding: 4px 15px 15px 15px; -} - -#path-export-title { - margin-top: 1em; -} -#path-export-content a { - text-decoration: none; + cursor: auto; } #path-length {