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