Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1054 jpm 1
@CHARSET "UTF-8";
1922 jpm 2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Balises */
1054 jpm 4
body {
5
	font-family:Arial;
6
	font-size:12px;
7
}
8
h1 {
9
	font-size:1.6em;
10
}
11
h2 {
12
	font-size:1.4em;
13
	text-transform:uppercase;
14
	letter-spacing:0.3em;
15
	padding:5px 10px;
16
	background:#A1CA10;
17
	width:250px;
18
	margin-bottom:0;
19
	margin-left:2px;
20
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
21
	line-height:2em;
22
}
23
a, a:active, a:visited {
1922 jpm 24
	border-bottom:1px dotted;
1054 jpm 25
	text-decoration:none;
26
}
1922 jpm 27
a:active, a:focus, a:hover{
28
	border-bottom:none;
1054 jpm 29
}
30
 
31
 
32
/*+--------------------------------------------------------------------------------------------------------+*/
33
/* Générique */
1346 aurelien 34
.discretion {
35
	color:grey;
36
	font-family:arial;
37
	font-size:11px;
38
}
1054 jpm 39
 
40
/*+--------------------------------------------------------------------------------------------------------+*/
1346 aurelien 41
/* Positionnement général */
42
#zone-appli {
43
	margin:0 auto;
44
	width:600px;
45
}
46
 
47
/*+--------------------------------------------------------------------------------------------------------+*/
1054 jpm 48
/* Formulaire générique */
49
fieldset {
1922 jpm 50
	background-color:#A1CA10;
1054 jpm 51
}
1922 jpm 52
 
53
/* Validation du formulaire */
54
label.error {
55
	display:inline-block;
56
	float:left;
57
	color:red;
58
	width:150px;
1054 jpm 59
}
1922 jpm 60
label.error[for="date"] {
61
	display:block;
62
	float:none;
63
	padding-left:5px;
64
	width:100%;
65
}
66
label.error.valid {
67
	text-indent: -9999px;
68
	color: #468847;
69
	float:none;
70
	width:0;
71
	height:0;
72
}
1054 jpm 73
 
1922 jpm 74
/*-------------------------------------------------------*/
75
/* Formulaire observateur */
76
#partie-identification, #partie-identification legend{
77
	background:#A1CA10;
78
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
79
}
80
 
1054 jpm 81
/*+--------------------------------------------------------------------------------------------------------+*/
1922 jpm 82
/* Formulaire obs */
1054 jpm 83
#zone-fiche-terrain, #zone-fiche-terrain-photo{
84
	background:#A1CA10;
85
	width:600px;
86
	margin-left:2px;
87
	padding-bottom:10px;
88
}
89
#zone-fiche-terrain{
90
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
91
}
92
#zone-fiche-terrain-photo{
93
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
1922 jpm 94
	margin-top:-20px;
1054 jpm 95
}
1346 aurelien 96
#partie-station, #partie-observation, #partie-photo, #partie-date{
1054 jpm 97
	width:550px;
98
	margin-left:10px;
99
	background:#E5E5E5;
100
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
101
}
1346 aurelien 102
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
1054 jpm 103
	background:#E5E5E5;
104
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
105
}
1922 jpm 106
 
1054 jpm 107
/*-------------------------------------------------------*/
1922 jpm 108
/* Géolocalisation */
109
#map-canvas {
110
	height: 280px;
111
	margin-bottom:5px;
1054 jpm 112
}
1922 jpm 113
.coordonnees-geo, .lat-lon-info {
114
	font-size: 10px;
1054 jpm 115
}
1922 jpm 116
#info-commune {
117
	text-align:right;
118
	font-size:10px;
1054 jpm 119
}
1922 jpm 120
.afficher-coord {
121
	font-size:10px;
1054 jpm 122
}
1922 jpm 123
.indication_geolocalisation {
124
	color:#118811;
125
    font-style: italic;
126
    font-weight: bold;
127
	font-weight:0.9em;
1054 jpm 128
}
1922 jpm 129
 
130
/*+--------------------------------------------------------------------------------------------------------+*/
131
/* Gestion des photos */
132
 
133
/* Form d'ajout des photos */
134
#form-upload .miniature {
135
	float: left;
136
	height: 130px;
137
	margin: 5px;
1054 jpm 138
}
1922 jpm 139
#form-upload .miniature-img {
140
	display: block;
141
	height: 100px;
1054 jpm 142
}
1922 jpm 143
#form-upload .miniature-chargement {
144
	height:100px;
145
	width: 100px;
1054 jpm 146
}
1922 jpm 147
 
148
#photos-conteneur {
149
	height: 120px;
1054 jpm 150
}
1922 jpm 151
 
152
/* Images d'une observation */
153
.obs .obs-miniatures {
154
	min-width: 150px;
155
	margin-right: 5px;
156
	background-color:#524C47;
157
	padding: 4px 0;
1054 jpm 158
}
1922 jpm 159
.obs .miniature {
160
	display: block;
161
	height: 100px;
162
	margin: 0 auto;
1054 jpm 163
}
1922 jpm 164
.defilement {
165
	position: relative;
166
	padding: 8px 0;
1054 jpm 167
}
1922 jpm 168
.defilement-control-zone {
169
	display: block;
170
	z-index:2;
171
	position: absolute;
172
	top: 0;
173
	width: 50%;
174
	height: 116px;
1054 jpm 175
}
1922 jpm 176
.defilement-control-zone.gauche{
177
	left: 0;
1054 jpm 178
}
1922 jpm 179
.defilement-control-zone.droite {
180
	right: 0;
1346 aurelien 181
}
1922 jpm 182
.defilement-control {
183
	display: block;
184
	position: absolute;
185
	top: 35%;
186
	width:20px;
187
	height: 20px;
188
	line-height: 20px;
189
	font-size: 17px;
190
	font-weight: 100;
191
	text-align: center;
192
	vertical-align: middle;
193
	border: 3px solid white;
194
	border-radius: 20px;
195
	color: white;
196
	opacity: 1;
197
	background: none repeat scroll 0 0 #524C47;
1346 aurelien 198
}
1922 jpm 199
.defilement-control.gauche {
200
	left: 3%;
1346 aurelien 201
}
1922 jpm 202
.defilement-control.droite {
203
	right: 3%;
1054 jpm 204
}
1922 jpm 205
 
206
.defilement-miniatures-cache {
207
	visibility: hidden;
1054 jpm 208
}
1922 jpm 209
.obs .miniature-cachee {
210
	display: none;
1346 aurelien 211
}
1922 jpm 212
 
213
.defilement-indicateurs {
214
    list-style: none outside none;
215
    margin: 0;
216
    position: absolute;
217
    left: 0;
218
    bottom: 2px;
219
    z-index: 5;
1346 aurelien 220
}
1922 jpm 221
.defilement-indicateurs li {
222
    background-color: rgba(255, 255, 255, 0.25);
223
    border-radius: 2px;
224
    border: 1px solid lightgrey;
225
    display: block;
226
    float: left;
227
    height: 4px;
228
    margin-left: 2px;
229
    text-indent: -999px;
230
    width: 4px;
1346 aurelien 231
}
1922 jpm 232
.defilement-indicateurs .active {
233
	background-color: #FFFFFF;
1346 aurelien 234
}
1922 jpm 235
 
236
/*-------------------------------------------------------*/
237
/* Observations */
238
#obs-titre {
239
	margin-right: 20px;
1346 aurelien 240
}
1922 jpm 241
#form-date {
242
	margin: 10px 0;
243
	line-height: 40px;
1054 jpm 244
}
1922 jpm 245
.ns-retenu {
246
	font-weight:bold;
1054 jpm 247
}
1922 jpm 248
.nn{
249
	color:#3B9D3B;
1346 aurelien 250
}
1922 jpm 251
.obs .nom-sci{
252
	font-size:1.5em;
253
	font-weight:bold;
1346 aurelien 254
}
1922 jpm 255
.commune, .date{
256
	font-size:1.3em;
257
	font-weight:bold;
1346 aurelien 258
}
1922 jpm 259
.obs-action{
260
	opacity:1;
1346 aurelien 261
}
1922 jpm 262
 
1054 jpm 263
/*-------------------------------------------------------*/
264
/* Partie-preview */
265
#partie-preview legend, #partie-preview{
266
	background:#A1CA10;
267
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
268
}
269
#partie-preview {
270
	width:582px;
271
	border:none;
272
}
273
#ajouter-obs{
274
	margin-left:407px;
275
	margin-top:10px;
276
	font-size:20px;
277
	background:#181;
278
	color:#FFF;
279
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
280
	height:35px;
281
	width:137px;
282
}
283
#transmettre-obs{
284
	margin-left:400px;
285
	margin-top:5px;
286
	font-size:20px;
287
	background:#811;
288
	color:#FFF;
289
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
290
	height:35px;
291
}
1922 jpm 292
 
293
 
294
 
295
 
296
 
1054 jpm 297
/*-------------------------------------------------------*/
298
/* Autocomplete */
1346 aurelien 299
.valeur-defaut-recherche {
300
	color:#848484;
301
	font-style:italic;
302
	font-weight:0.9em;
303
}