X-Git-Url: https://dev.renevier.net/?p=syj.git;a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=e8b6d43d421b4f6203d20d73050709ee23cf31c9;hp=1360f7ebaf1fdf4b02e5bc817e21f0f862b1165b;hb=900d1254794c9dcd434c9fb13beac6bc1e9a6ab9;hpb=6cc4b3cd4538430770c935bd3192f1f72d75d96b diff --git a/public/css/syj.css b/public/css/syj.css index 1360f7e..e8b6d43 100644 --- a/public/css/syj.css +++ b/public/css/syj.css @@ -50,6 +50,59 @@ body, html { text-align: right; } +.menu-group { + z-index: 10; /* to be over nominatim-suggestions */ + position: relative; /* otherwise, under #map in ie */ + float: right; + clear: right; + padding-top: 8px; + padding-left: 3em; + opacity: 0.85; + filter:alpha(opacity=85); +} + +.menu-item { + position: relative; /* otherwise, under #map in ie */ + min-width: 150px; + margin: 2px 10px 2px 0; + background-color: white; + text-decoration: none; + border: #1E90FF 2px solid; + padding: 2px 15px 2px 15px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: white; +} +.menu-item:hover { + background-color: #BBBBFF; +} + +.info-title { + text-decoration: underline; +} + +#path-infos-content { + text-align: center; + padding: 4px 15px 15px 15px; +} + +#path-length { + text-align: center; + position: absolute; /* otherwise, under #map in ie */ + top: 1em; + left: 5em; + opacity: 0.85; + margin-right: 12px; + filter:alpha(opacity=85); + background-color: white; + padding: 2px 15px 2px 15px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: white; +} + #data_controls { position: absolute; right: 0.5em; @@ -67,6 +120,29 @@ body, html { #data_controls_btns { padding: 5px 10px 5px 10px; } + +#nominatim-form { + text-align: left; + padding-bottom: 7px; + margin-bottom: 3px; + border-bottom: 1px solid black; +} +#nominatim-message { + max-width: 16em; + padding: 15px 0 15px 0; +} +#nominatim-label { + text-decoration: none; +} +#nominatim-search { + border: 1px solid black; +} +#nominatim-submit { + width: 26px; + border: 1px solid black; + padding: 0; +} + #geomform { padding: 25px 45px 20px 45px; *width: 40%; /* otherwise takes all screen width in ie<7 */ @@ -81,34 +157,6 @@ body, html { margin-top: 0.7em; } -#login_controls { - padding-top: 8px; - padding-left: 3em; - clear: right; - position: relative; /* otherwise, under #map in ie */ -} - -.login-anchor { - float: right; - clear: right; - min-width: 150px; - margin: 2px 10px 2px 0; - background-color: white; - text-decoration: none; - color: #0000EE; - border: #1E90FF 2px solid; - padding: 2px 15px 2px 15px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: white; - opacity: 0.85; - filter:alpha(opacity=85); -} -.login-anchor:hover { - background-color: #BBBBFF; -} - #other-language { opacity: 0.85; filter:alpha(opacity=85); @@ -117,8 +165,42 @@ body, html { position: relative; /* otherwise, under #map in ie */ } -/* - * login rules +/* nominatim-suggestions */ +#nominatim-suggestions { + text-align: left; + border: 2px solid blue; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + max-width: 360px; + width: 360px\9; /* ie only */ + background-color: white; + position: absolute; + right: 8px; +} +#nominatim-suggestions-list { + margin-left: 0; + position: relative; + list-style: none; + padding: 0 16px 0 12px; +} +#nominatim-suggestions-title { + text-align: center; + font-weight: bold; +} +#nominatim-suggestions-list li.current { + background-color: #D3D3D3; +} +.nominatim-suggestions-icon { + border: none; + vertical-align: middle; + margin-right: 4px; +} +.nominatim-suggestions-link { + text-decoration: none; +} + +/* * login rules */ .modal { background-color: white;