]> dev.renevier.net Git - syj.git/blob - public/css/syj.css
fixes exception
[syj.git] / public / css / syj.css
1 /*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
2     and is published under the AGPL license. */
3 body, html {
4     margin: 0; padding: 0;
5     width: 100%;
6     height: 100%;
7 }
8
9 /*
10  * map rules
11  */
12 #map {
13     position: absolute;
14     top: 0; left: 0; right: 0;
15     bottom: 2em;
16     *width: 100%;
17     *height: 100%;
18 }
19
20 .olControlAttribution {
21     bottom: 0.5em;
22     *bottom: 2.5em;
23     _bottom: 3.0em;
24     left: 0.5em;
25 }
26
27 /*
28  * main message rules
29  */
30
31 #message {
32     position: absolute;
33     bottom: 3.5em;
34     width: 40%;
35     margin: 0px 45% 0px 15%;
36     padding: 1.5em 1.5em 1.5em 1.5em;
37     text-align: center;
38     border-width: 2px;
39     border-style: solid;
40     -moz-border-radius: 5px;
41     -webkit-border-radius: 5px;
42     border-radius: 5px;
43 }
44
45 /*
46  * menu rules
47  */
48
49 #menu {
50     text-align: right;
51 }
52
53 .menu-group {
54     z-index: 10; /* to be over nominatim-suggestions */
55     position: relative; /* otherwise, under #map in ie */
56     float: right;
57     clear: right;
58     padding-top: 8px;
59     padding-left: 3em;
60     opacity: 0.85;
61     filter:alpha(opacity=85);
62 }
63
64 .menu-item {
65     position: relative; /* otherwise, under #map in ie */
66     min-width: 150px;
67     margin: 2px 10px 2px 0;
68     background-color: white;
69     text-decoration: none;
70     border: #1E90FF 2px solid;
71     padding: 2px 15px 2px 15px;
72     -moz-border-radius: 5px;
73     -webkit-border-radius: 5px;
74     border-radius: 5px;
75     background-color: white;
76 }
77 .menu-item:hover {
78     background-color: #E0E0FF;
79 }
80
81 .info-title {
82     text-decoration: underline;
83 }
84
85 #path-infos-content {
86     text-align: center;
87     padding: 4px 15px 15px 15px;
88 }
89
90 #path-export-title {
91     margin-top: 1em;
92 }
93 #path-export-content a {
94     text-decoration: none;
95 }
96
97 #path-length {
98     text-align: center;
99     position: absolute; /* otherwise, under #map in ie */
100     top: 1em;
101     left: 5em;
102     opacity: 0.85;
103     margin-right: 12px;
104     filter:alpha(opacity=85);
105     background-color: white;
106     padding: 2px 15px 2px 15px;
107     -moz-border-radius: 5px;
108     -webkit-border-radius: 5px;
109     border-radius: 5px;
110     background-color: white;
111 }
112
113 #data_controls {
114     position: absolute;
115     right: 0.5em;
116     bottom: 3em;
117     text-align: center;
118     background-color: white;
119     opacity: 0.85;
120     filter:alpha(opacity=85);
121     border: 1px solid gray;
122     margin: auto;
123     -moz-border-radius: 5px;
124     -webkit-border-radius: 5px;
125     border-radius: 5px;
126 }
127 #data_controls_btns {
128     padding: 5px 10px 5px 10px;
129 }
130
131 #nominatim-form {
132     text-align: left;
133     padding-bottom: 7px;
134     margin-bottom: 3px;
135     border-bottom: 1px solid black;
136 }
137 #nominatim-message {
138     max-width: 16em;
139     padding: 15px 0 15px 0;
140 }
141 #nominatim-label {
142     text-decoration: none;
143 }
144 #nominatim-search {
145     border: 1px solid black;
146 }
147 #nominatim-submit {
148     width: 26px;
149     border: 1px solid black;
150     padding: 0;
151 }
152
153 #geomform {
154     padding: 25px 45px 20px 45px;
155     *width: 40%; /* otherwise takes all screen width in ie<7 */
156 }
157 #edit-btn {
158     margin-top: 1em;
159 }
160 #geom_title {
161     margin-top: 0.7em;
162 }
163 #geom_submit {
164     margin-top: 0.7em;
165 }
166
167 #other-language {
168     opacity: 0.85;
169     filter:alpha(opacity=85);
170     background-color: white;
171     padding: 5px 1px 5px 1px;
172     position: relative; /* otherwise, under #map in ie */
173 }
174
175 /* nominatim-suggestions */
176 #nominatim-suggestions {
177     text-align: left;
178     border: 2px solid blue;
179     -moz-border-radius: 8px;
180     -webkit-border-radius: 8px;
181     border-radius: 8px;
182     max-width: 360px;
183     width: 360px\9; /* ie only */
184     background-color: white;
185     position: absolute;
186     right: 8px;
187 }
188 #nominatim-suggestions-list {
189     margin-left: 0;
190     position: relative;
191     list-style: none;
192     padding: 0 16px 0 12px;
193 }
194 #nominatim-suggestions-title {
195     text-align: center;
196     font-weight: bold;
197 }
198 #nominatim-suggestions-list li.current {
199     background-color: #D3D3D3;
200 }
201 .nominatim-suggestions-icon {
202     border: none;
203     vertical-align: middle;
204     margin-right: 4px;
205 }
206 .nominatim-suggestions-link {
207     text-decoration: none;
208 }
209
210 /* * login rules
211  */
212 .modal {
213     background-color: white;
214     text-align: center;
215     width: 50%;
216     margin-left: auto;
217     margin-right: auto;
218     padding: 21px;
219     border: 1px solid gray;
220     opacity: 0.85;
221     filter:alpha(opacity=85);
222 }
223
224 .form-table-elem {
225     display: block;
226     width: 100%;
227 }
228 .modal .message {
229     margin: 0 35px 12px 35px;
230 }
231 #login_area_create {
232     text-align: right;
233 }
234
235 #user_control_anchor {
236     text-align: right;
237 }
238
239 #user_email-desc {
240     margin: 0px 0px 12px 0px;
241     padding: 8px 2px 8px 2px;
242     background-color: #D3D3D3; /* lightgrey */
243 }
244
245 #termsofusearea {
246     height: 50%;
247     /* override opacity defined in .modal rule */
248     opacity: 1;
249     filter:alpha(opacity=100);
250 }
251
252 /*
253  * printing
254  */
255 @media print {
256     @page {
257       size: landscape;
258     }
259
260     #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
261         display: none;
262     }
263 }