X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=a78a52fcca9b0c5cf926cf735c1f7291db1ea2c1;hb=a0c085f9492929c7b2bd6ada5cd1186d3133a44e;hp=f50af3ed846fedff4ff941e1632199dbf448594e;hpb=ad8cda652fe828281e96e5349cab640bcd29cbf4;p=syj.git diff --git a/public/css/syj.css b/public/css/syj.css index f50af3e..a78a52f 100644 --- a/public/css/syj.css +++ b/public/css/syj.css @@ -1,5 +1,6 @@ -/* This file is part of Syj, Copyright (c) 2010 Arnaud Renevier, +/* 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%; @@ -9,18 +10,22 @@ body, html { /* * map rules */ -#map { +#map, #map-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 2em; *width: 100%; *height: 100%; } +#map-overlay { + background-color: gray; + opacity: 0.2; + filter:alpha(opacity=0.2); +} .olControlAttribution { bottom: 0.5em; *bottom: 2.5em; - _bottom: 3.0em; left: 0.5em; } @@ -33,13 +38,12 @@ body, html { bottom: 3.5em; width: 40%; margin: 0px 45% 0px 15%; - padding: 1.5em 1.5em 1.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 { + display: none; + } } /* @@ -73,17 +77,26 @@ body, html { -webkit-border-radius: 5px; border-radius: 5px; background-color: white; + cursor: pointer; } .menu-item:hover { - background-color: #BBBBFF; + background-color: #E0E0FF; +} + +.info-title { + text-decoration: underline; } #path-infos-content { - background-color: white; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - margin: 2px 10px 2px 0; + text-align: center; + padding: 4px 15px 15px 15px; +} + +#path-export-title { + margin-top: 1em; +} +#path-export-content a { + text-decoration: none; } #path-length { @@ -101,12 +114,10 @@ body, html { border-radius: 5px; background-color: white; } -#path-length-title { - text-decoration: underline; -} #data_controls { position: absolute; + z-index: 11; /* to be over login-controls */ right: 0.5em; bottom: 3em; text-align: center; @@ -165,6 +176,7 @@ body, html { background-color: white; padding: 5px 1px 5px 1px; position: relative; /* otherwise, under #map in ie */ + margin-bottom: 10px; } /* nominatim-suggestions */ @@ -243,16 +255,3 @@ body, html { opacity: 1; filter:alpha(opacity=100); } - -/* - * printing - */ -@media print { - @page { - size: landscape; - } - - #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area, .olControlPanZoom{ - display: none; - } -}