-/* 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;
/*
* 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;
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
*/
bottom: 3.5em;
width: 40%;
margin: 0px 45% 0px 15%;
- padding: 1.5em 1.5em 1.5em 1.5em;
+ padding: 1.5em 1.5em 0.5em 1.5em;
text-align: center;
border-width: 2px;
border-style: solid;
-webkit-border-radius: 5px;
border-radius: 5px;
}
+@media screen and (max-width: 640px) {
+ #message.optional {
+ display: none;
+ }
+}
/*
- * controls rules
+ * menu rules
*/
+
+#menu {
+ 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;
+ cursor: pointer;
+}
+.menu-item:hover {
+ background-color: #E0E0FF;
+}
+
+.info-title {
+ text-decoration: underline;
+}
+
+#path-infos-content {
+ text-align: center;
+ 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 */
+ 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;
+ z-index: 11; /* to be over login-controls */
right: 0.5em;
bottom: 3em;
text-align: center;
background-color: white;
- padding: 25px 45px 20px 45px;
opacity: 0.85;
filter:alpha(opacity=85);
border: 1px solid gray;
+ margin: auto;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+}
+#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 */
+}
+#edit-btn {
+ margin-top: 1em;
}
#geom_title {
margin-top: 0.7em;
margin-top: 0.7em;
}
-#login_controls {
- margin-top: 8px;
- margin-left: 3em;
+#other-language {
+ opacity: 0.85;
+ filter:alpha(opacity=85);
+ background-color: white;
+ padding: 5px 1px 5px 1px;
+ position: relative; /* otherwise, under #map in ie */
+ margin-bottom: 10px;
}
-.login-anchor {
- display: block;
- float: left;
- position: relative;
+/* 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;
- margin: 0px 10px 0px 10px;
- 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);
+ position: absolute;
+ right: 8px;
}
-.login-anchor:hover {
- background-color: #BBBBFF;
+#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
+/* * login rules
*/
.modal {
background-color: white;
text-align: right;
}
+#user_control_anchor {
+ text-align: right;
+}
+
#user_email-desc {
margin: 0px 0px 12px 0px;
padding: 8px 2px 8px 2px;
#termsofusearea {
height: 50%;
-}
-
-#other-language {
- opacity: 0.85;
- filter:alpha(opacity=85);
- position: absolute;
- right: 10px;
- top: 10px;
- background-color: white;
- padding: 5px 1px 5px 1px;
- margin: 0;
+ /* override opacity defined in .modal rule */
+ opacity: 1;
+ filter:alpha(opacity=100);
}