Subversion Repositories eFlore/Applications.cel

Rev

Rev 2769 | Go to most recent revision | Details | Compare with Previous | 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;
2744 aurelien 166
	margin-top: -40px;
1054 jpm 167
}
1954 jpm 168
 
2744 aurelien 169
#map-container {
170
	margin-left: 0;
171
}
172
 
1946 jpm 173
#map-canvas img {
1954 jpm 174
	max-width: none;
1946 jpm 175
}
1954 jpm 176
 
1922 jpm 177
.coordonnees-geo, .lat-lon-info {
1954 jpm 178
	font-size: 10px;
1054 jpm 179
}
1954 jpm 180
 
1922 jpm 181
#info-commune {
1954 jpm 182
	text-align: right;
183
	font-size: 10px;
1054 jpm 184
}
1954 jpm 185
 
1922 jpm 186
.afficher-coord {
1954 jpm 187
	font-size: 10px;
1054 jpm 188
}
1954 jpm 189
 
1922 jpm 190
.indication_geolocalisation {
1954 jpm 191
	color: #118811;
192
	font-style: italic;
193
	font-weight: bold;
194
	font-weight: 0.9em;
2748 aurelien 195
	height: 50px;
1054 jpm 196
}
1922 jpm 197
 
198
/*+--------------------------------------------------------------------------------------------------------+*/
199
/* Gestion des photos */
200
 
201
/* Form d'ajout des photos */
202
#form-upload .miniature {
203
	float: left;
204
	height: 130px;
205
	margin: 5px;
1054 jpm 206
}
1954 jpm 207
 
1922 jpm 208
#form-upload .miniature-img {
209
	display: block;
210
	height: 100px;
1054 jpm 211
}
1954 jpm 212
 
1922 jpm 213
#form-upload .miniature-chargement {
1954 jpm 214
	height: 100px;
1922 jpm 215
	width: 100px;
1054 jpm 216
}
1922 jpm 217
 
218
#photos-conteneur {
219
	height: 120px;
1054 jpm 220
}
1922 jpm 221
 
222
/* Images d'une observation */
223
.obs .obs-miniatures {
224
	min-width: 150px;
225
	margin-right: 5px;
1954 jpm 226
	background-color: #524C47;
1922 jpm 227
	padding: 4px 0;
1054 jpm 228
}
1954 jpm 229
 
1922 jpm 230
.obs .miniature {
231
	display: block;
232
	height: 100px;
233
	margin: 0 auto;
1054 jpm 234
}
1954 jpm 235
 
1922 jpm 236
.defilement {
237
	position: relative;
238
	padding: 8px 0;
1054 jpm 239
}
1954 jpm 240
 
1922 jpm 241
.defilement-control-zone {
242
	display: block;
1954 jpm 243
	z-index: 2;
1922 jpm 244
	position: absolute;
245
	top: 0;
246
	width: 50%;
247
	height: 116px;
1054 jpm 248
}
1954 jpm 249
 
250
.defilement-control-zone.gauche {
1922 jpm 251
	left: 0;
1054 jpm 252
}
1954 jpm 253
 
1922 jpm 254
.defilement-control-zone.droite {
255
	right: 0;
1346 aurelien 256
}
1954 jpm 257
 
1922 jpm 258
.defilement-control {
259
	display: block;
260
	position: absolute;
261
	top: 35%;
1954 jpm 262
	width: 20px;
1922 jpm 263
	height: 20px;
264
	line-height: 20px;
265
	font-size: 17px;
266
	font-weight: 100;
267
	text-align: center;
268
	vertical-align: middle;
269
	border: 3px solid white;
270
	border-radius: 20px;
271
	color: white;
272
	opacity: 1;
273
	background: none repeat scroll 0 0 #524C47;
2712 mathias 274
	cursor: pointer;
1346 aurelien 275
}
1954 jpm 276
 
1922 jpm 277
.defilement-control.gauche {
278
	left: 3%;
1346 aurelien 279
}
1954 jpm 280
 
1922 jpm 281
.defilement-control.droite {
282
	right: 3%;
1054 jpm 283
}
1922 jpm 284
 
285
.defilement-miniatures-cache {
286
	visibility: hidden;
1054 jpm 287
}
1954 jpm 288
 
1922 jpm 289
.obs .miniature-cachee {
290
	display: none;
1346 aurelien 291
}
1922 jpm 292
 
293
.defilement-indicateurs {
1954 jpm 294
	list-style: none outside none;
295
	margin: 0;
296
	position: absolute;
297
	left: 0;
298
	bottom: 2px;
299
	z-index: 5;
1346 aurelien 300
}
1954 jpm 301
 
1922 jpm 302
.defilement-indicateurs li {
1954 jpm 303
	background-color: rgba(255, 255, 255, 0.25);
304
	border-radius: 2px;
305
	border: 1px solid lightgrey;
306
	display: block;
307
	float: left;
308
	height: 4px;
309
	margin-left: 2px;
310
	text-indent: -999px;
311
	width: 4px;
1346 aurelien 312
}
1954 jpm 313
 
1922 jpm 314
.defilement-indicateurs .active {
315
	background-color: #FFFFFF;
1346 aurelien 316
}
1922 jpm 317
 
318
/*-------------------------------------------------------*/
319
/* Observations */
1954 jpm 320
#titre-liste-obs {
321
	margin-top: 0;
322
	padding-top: 0;
1946 jpm 323
}
1954 jpm 324
 
325
#zone-liste-obs {
326
	background-color: #A1CA10;
327
	padding: 5px;
1946 jpm 328
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
329
}
1954 jpm 330
 
331
#zone-liste-obs .well {
332
	background-color: #A1CA10;
333
	margin: 0 5px 5px 5px;
1946 jpm 334
}
1954 jpm 335
 
1946 jpm 336
#liste-obs .well{
1954 jpm 337
	background-color: #E0DFDE;
1946 jpm 338
}
1954 jpm 339
 
1922 jpm 340
#obs-titre {
341
	margin-right: 20px;
1346 aurelien 342
}
1954 jpm 343
 
1922 jpm 344
#form-date {
345
	margin: 10px 0;
346
	line-height: 40px;
1054 jpm 347
}
1954 jpm 348
 
1922 jpm 349
.ns-retenu {
1954 jpm 350
	font-weight: bold;
1054 jpm 351
}
1954 jpm 352
 
353
.nn {
354
	color: #3B9D3B;
1346 aurelien 355
}
1954 jpm 356
 
357
.obs .nom-sci {
1922 jpm 358
	font-size:1.5em;
359
	font-weight:bold;
1346 aurelien 360
}
1954 jpm 361
 
362
.commune,
363
.date {
364
	font-size: 1.3em;
365
	font-weight: bold;
1346 aurelien 366
}
1954 jpm 367
 
368
.obs-action {
369
	opacity: 1;
1346 aurelien 370
}
1922 jpm 371
 
1954 jpm 372
#ajouter-obs {
373
	margin-left: 407px;
374
	font-size: 20px;
375
	background: #181;
376
	color: #FFF;
377
	width: 137px;
378
}
1946 jpm 379
 
1954 jpm 380
#transmettre-obs {
381
	font-size: 20px;
382
	background: #811;
383
	color: #FFF;
1054 jpm 384
}
1922 jpm 385
 
2117 aurelien 386
#barre-progression-upload span {
387
	color : #333333;
388
}
389
 
390
#liste-obs .obs-erreur {
391
	background-color: #DD6E6E;
392
}
393
 
2612 aurelien 394
#lien-tuto-photo {
395
	color:#118811;
396
}
397
 
2744 aurelien 398
#indication-nom-rue {
399
    -moz-user-select: none;
400
    background-clip: padding-box;
401
    background-color: #fff;
2749 aurelien 402
    border: 4px solid #118811;
2744 aurelien 403
    border-bottom-left-radius: 2px;
404
    border-top-left-radius: 2px;
405
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
406
    color: #565656;
407
    direction: ltr;
408
    font-family: Roboto,Arial,sans-serif;
409
    font-size: 11px;
410
    left: 40px;
411
    min-width: 25px;
412
    overflow: hidden;
413
    padding: 1px 6px;
414
    position: relative;
415
    text-align: center;
2749 aurelien 416
    top: -8px;
417
    visibility: hidden;
418
    width: 370px;
2744 aurelien 419
    z-index: 10;
420
}
421
 
422
#indication-nom-rue-nom {
423
	display: inline-block;
2745 aurelien 424
	height: 14px;
425
    max-width: 322px;
426
    overflow: hidden;
427
    text-overflow: ellipsis;
2744 aurelien 428
}
429
 
430
.navigation-rue, .navigation-rue:active {
431
	display: inline-block;
432
	color: black;
433
	font-size: 20px;
434
    margin-top: -4px;
435
}
436
 
437
#indication-nom-rue-precedent {
438
	float: left;
439
}
440
 
441
#indication-nom-rue-suivant {
442
	float: right;
443
}
444
 
445
#indication-nom-rue img {
446
    height: 15px;
447
    margin-bottom: 2px;
448
}
449
 
1054 jpm 450
/*-------------------------------------------------------*/
451
/* Autocomplete */
1346 aurelien 452
.valeur-defaut-recherche {
1954 jpm 453
	color: #848484;
454
	font-style: italic;
455
	font-weight: 0.9em;
1346 aurelien 456
}
2687 aurelien 457
 
458
 
459
/*-------------------------------------------------------*/
460
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
461
.row-fluid .span3 {
462
    width: 23.0769%;
463
    float: left;
464
}
465