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 {
1954 jpm 5
	font-family: Arial;
6
	font-size: 12px;
1054 jpm 7
}
1954 jpm 8
 
1054 jpm 9
h1 {
1954 jpm 10
	font-size: 1.6em;
1054 jpm 11
}
1954 jpm 12
 
1054 jpm 13
h2 {
1954 jpm 14
	font-size: 1.4em;
15
	text-transform: uppercase;
16
	letter-spacing: 0.3em;
17
	padding: 5px 10px;
18
	background: #A1CA10;
19
	margin-bottom: 0;
20
	margin-left: 2px;
1054 jpm 21
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
1954 jpm 22
	line-height: 2em;
1054 jpm 23
}
1946 jpm 24
 
25
a {
1954 jpm 26
	font-weight: bold;
1054 jpm 27
}
28
 
29
/*+--------------------------------------------------------------------------------------------------------+*/
30
/* Générique */
1346 aurelien 31
.discretion {
1954 jpm 32
	color: grey;
33
	font-family: arial;
34
	font-size: 11px;
1346 aurelien 35
}
1960 jpm 36
 
1946 jpm 37
.nom-sci {
1954 jpm 38
	font-style: italic;
1946 jpm 39
}
1960 jpm 40
 
41
.modal-fenetre {
42
	position: fixed;
43
	z-index: 1000;
44
	top: 0;
45
	left: 0;
46
	height: 100%;
47
	width: 100%;
48
	background: #777;
49
	background: rgba(90,86,93,0.7);
50
	text-align: center;
51
}
52
 
53
.modal-contenu {
54
	position: relative;
55
	width: 30%;
56
	margin: 0 auto;
57
	top: 30%;
58
}
59
 
1054 jpm 60
/*+--------------------------------------------------------------------------------------------------------+*/
1346 aurelien 61
/* Positionnement général */
62
#zone-appli {
1954 jpm 63
	margin: 0 auto;
64
	width: 600px;
1346 aurelien 65
}
66
 
67
/*+--------------------------------------------------------------------------------------------------------+*/
1054 jpm 68
/* Formulaire générique */
1946 jpm 69
legend {
1954 jpm 70
	color: #000000;
71
	font-size: 1.2em;
72
	letter-spacing: 0.2em;
73
	padding: 5px 10px;
74
	text-transform: uppercase;
75
	line-height: 1.2em;
76
	margin: 2px 2px 0;
77
	width: inherit;
1946 jpm 78
}
1954 jpm 79
 
1054 jpm 80
fieldset {
1954 jpm 81
	background-color: #A1CA10;
82
	padding: 5px;
1054 jpm 83
}
1922 jpm 84
 
85
/* Validation du formulaire */
86
label.error {
1954 jpm 87
	display: block;
88
	float: none;
89
	color: red;
90
	width: 100%;
1054 jpm 91
}
1954 jpm 92
 
1922 jpm 93
label.error.valid {
94
	text-indent: -9999px;
95
	color: #468847;
1954 jpm 96
	float: none;
97
	width: 0;
98
	height: 0;
1922 jpm 99
}
1054 jpm 100
 
1922 jpm 101
/*-------------------------------------------------------*/
102
/* Formulaire observateur */
1946 jpm 103
#titre-form-observateur {
1954 jpm 104
	width: 250px;
1946 jpm 105
}
1954 jpm 106
 
1946 jpm 107
#zone-identification {
1954 jpm 108
	margin-left: 2px;
1946 jpm 109
}
1954 jpm 110
 
111
#partie-identification {
112
	background: #A1CA10;
1946 jpm 113
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
1922 jpm 114
}
115
 
1054 jpm 116
/*+--------------------------------------------------------------------------------------------------------+*/
1922 jpm 117
/* Formulaire obs */
1954 jpm 118
#titre-form-obs {
119
	width: 250px;
1946 jpm 120
}
1954 jpm 121
 
122
#zone-fiche-terrain,
123
#zone-fiche-terrain-photo {
124
	background: #A1CA10;
125
	width: 600px;
126
	margin-left: 2px;
127
	padding-bottom: 10px;
1054 jpm 128
}
1954 jpm 129
 
130
#zone-fiche-terrain {
1054 jpm 131
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
132
}
1954 jpm 133
 
134
#zone-fiche-terrain-photo {
1054 jpm 135
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
1954 jpm 136
	margin-top: -20px;
1054 jpm 137
}
1954 jpm 138
 
139
#partie-station,
140
#partie-observation,
141
#partie-photo,
142
#partie-date {
143
	margin: 0 10px 10px;
144
	background: #E5E5E5;
1054 jpm 145
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
146
}
1954 jpm 147
 
148
#partie-station legend,
149
#partie-observation legend,
150
#partie-photo legend,
151
#partie-date legend{
152
	background: #E5E5E5;
1054 jpm 153
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
154
}
1922 jpm 155
 
1946 jpm 156
/* Liste des taxons */
157
#taxon-liste optgroup + optgroup {
158
	border-top: 1px solid black;
159
}
160
 
1054 jpm 161
/*-------------------------------------------------------*/
1922 jpm 162
/* Géolocalisation */
163
#map-canvas {
1954 jpm 164
	height: 280px;
165
	margin-bottom: 5px;
1054 jpm 166
}
1954 jpm 167
 
1946 jpm 168
#map-canvas img {
1954 jpm 169
	max-width: none;
1946 jpm 170
}
1954 jpm 171
 
1922 jpm 172
.coordonnees-geo, .lat-lon-info {
1954 jpm 173
	font-size: 10px;
1054 jpm 174
}
1954 jpm 175
 
1922 jpm 176
#info-commune {
1954 jpm 177
	text-align: right;
178
	font-size: 10px;
1054 jpm 179
}
1954 jpm 180
 
1922 jpm 181
.afficher-coord {
1954 jpm 182
	font-size: 10px;
1054 jpm 183
}
1954 jpm 184
 
1922 jpm 185
.indication_geolocalisation {
1954 jpm 186
	color: #118811;
187
	font-style: italic;
188
	font-weight: bold;
189
	font-weight: 0.9em;
1054 jpm 190
}
1922 jpm 191
 
192
/*+--------------------------------------------------------------------------------------------------------+*/
193
/* Gestion des photos */
194
 
195
/* Form d'ajout des photos */
196
#form-upload .miniature {
197
	float: left;
198
	height: 130px;
199
	margin: 5px;
1054 jpm 200
}
1954 jpm 201
 
1922 jpm 202
#form-upload .miniature-img {
203
	display: block;
204
	height: 100px;
1054 jpm 205
}
1954 jpm 206
 
1922 jpm 207
#form-upload .miniature-chargement {
1954 jpm 208
	height: 100px;
1922 jpm 209
	width: 100px;
1054 jpm 210
}
1922 jpm 211
 
212
#photos-conteneur {
213
	height: 120px;
1054 jpm 214
}
1922 jpm 215
 
216
/* Images d'une observation */
217
.obs .obs-miniatures {
218
	min-width: 150px;
219
	margin-right: 5px;
1954 jpm 220
	background-color: #524C47;
1922 jpm 221
	padding: 4px 0;
1054 jpm 222
}
1954 jpm 223
 
1922 jpm 224
.obs .miniature {
225
	display: block;
226
	height: 100px;
227
	margin: 0 auto;
1054 jpm 228
}
1954 jpm 229
 
1922 jpm 230
.defilement {
231
	position: relative;
232
	padding: 8px 0;
1054 jpm 233
}
1954 jpm 234
 
1922 jpm 235
.defilement-control-zone {
236
	display: block;
1954 jpm 237
	z-index: 2;
1922 jpm 238
	position: absolute;
239
	top: 0;
240
	width: 50%;
241
	height: 116px;
1054 jpm 242
}
1954 jpm 243
 
244
.defilement-control-zone.gauche {
1922 jpm 245
	left: 0;
1054 jpm 246
}
1954 jpm 247
 
1922 jpm 248
.defilement-control-zone.droite {
249
	right: 0;
1346 aurelien 250
}
1954 jpm 251
 
1922 jpm 252
.defilement-control {
253
	display: block;
254
	position: absolute;
255
	top: 35%;
1954 jpm 256
	width: 20px;
1922 jpm 257
	height: 20px;
258
	line-height: 20px;
259
	font-size: 17px;
260
	font-weight: 100;
261
	text-align: center;
262
	vertical-align: middle;
263
	border: 3px solid white;
264
	border-radius: 20px;
265
	color: white;
266
	opacity: 1;
267
	background: none repeat scroll 0 0 #524C47;
1346 aurelien 268
}
1954 jpm 269
 
1922 jpm 270
.defilement-control.gauche {
271
	left: 3%;
1346 aurelien 272
}
1954 jpm 273
 
1922 jpm 274
.defilement-control.droite {
275
	right: 3%;
1054 jpm 276
}
1922 jpm 277
 
278
.defilement-miniatures-cache {
279
	visibility: hidden;
1054 jpm 280
}
1954 jpm 281
 
1922 jpm 282
.obs .miniature-cachee {
283
	display: none;
1346 aurelien 284
}
1922 jpm 285
 
286
.defilement-indicateurs {
1954 jpm 287
	list-style: none outside none;
288
	margin: 0;
289
	position: absolute;
290
	left: 0;
291
	bottom: 2px;
292
	z-index: 5;
1346 aurelien 293
}
1954 jpm 294
 
1922 jpm 295
.defilement-indicateurs li {
1954 jpm 296
	background-color: rgba(255, 255, 255, 0.25);
297
	border-radius: 2px;
298
	border: 1px solid lightgrey;
299
	display: block;
300
	float: left;
301
	height: 4px;
302
	margin-left: 2px;
303
	text-indent: -999px;
304
	width: 4px;
1346 aurelien 305
}
1954 jpm 306
 
1922 jpm 307
.defilement-indicateurs .active {
308
	background-color: #FFFFFF;
1346 aurelien 309
}
1922 jpm 310
 
311
/*-------------------------------------------------------*/
312
/* Observations */
1954 jpm 313
#titre-liste-obs {
314
	margin-top: 0;
315
	padding-top: 0;
1946 jpm 316
}
1954 jpm 317
 
318
#zone-liste-obs {
319
	background-color: #A1CA10;
320
	padding: 5px;
1946 jpm 321
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
322
}
1954 jpm 323
 
324
#zone-liste-obs .well {
325
	background-color: #A1CA10;
326
	margin: 0 5px 5px 5px;
1946 jpm 327
}
1954 jpm 328
 
1946 jpm 329
#liste-obs .well{
1954 jpm 330
	background-color: #E0DFDE;
1946 jpm 331
}
1954 jpm 332
 
1922 jpm 333
#obs-titre {
334
	margin-right: 20px;
1346 aurelien 335
}
1954 jpm 336
 
1922 jpm 337
#form-date {
338
	margin: 10px 0;
339
	line-height: 40px;
1054 jpm 340
}
1954 jpm 341
 
1922 jpm 342
.ns-retenu {
1954 jpm 343
	font-weight: bold;
1054 jpm 344
}
1954 jpm 345
 
346
.nn {
347
	color: #3B9D3B;
1346 aurelien 348
}
1954 jpm 349
 
350
.obs .nom-sci {
1922 jpm 351
	font-size:1.5em;
352
	font-weight:bold;
1346 aurelien 353
}
1954 jpm 354
 
355
.commune,
356
.date {
357
	font-size: 1.3em;
358
	font-weight: bold;
1346 aurelien 359
}
1954 jpm 360
 
361
.obs-action {
362
	opacity: 1;
1346 aurelien 363
}
1922 jpm 364
 
1954 jpm 365
#ajouter-obs {
366
	margin-left: 407px;
367
	font-size: 20px;
368
	background: #181;
369
	color: #FFF;
370
	width: 137px;
371
}
1946 jpm 372
 
1954 jpm 373
#transmettre-obs {
374
	font-size: 20px;
375
	background: #811;
376
	color: #FFF;
1054 jpm 377
}
1922 jpm 378
 
2117 aurelien 379
#barre-progression-upload span {
380
	color : #333333;
381
}
382
 
383
#liste-obs .obs-erreur {
384
	background-color: #DD6E6E;
385
}
386
 
1054 jpm 387
/*-------------------------------------------------------*/
388
/* Autocomplete */
1346 aurelien 389
.valeur-defaut-recherche {
1954 jpm 390
	color: #848484;
391
	font-style: italic;
392
	font-weight: 0.9em;
1346 aurelien 393
}