Subversion Repositories eFlore/Applications.cel

Rev

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;
2712 mathias 268
	cursor: pointer;
1346 aurelien 269
}
1954 jpm 270
 
1922 jpm 271
.defilement-control.gauche {
272
	left: 3%;
1346 aurelien 273
}
1954 jpm 274
 
1922 jpm 275
.defilement-control.droite {
276
	right: 3%;
1054 jpm 277
}
1922 jpm 278
 
279
.defilement-miniatures-cache {
280
	visibility: hidden;
1054 jpm 281
}
1954 jpm 282
 
1922 jpm 283
.obs .miniature-cachee {
284
	display: none;
1346 aurelien 285
}
1922 jpm 286
 
287
.defilement-indicateurs {
1954 jpm 288
	list-style: none outside none;
289
	margin: 0;
290
	position: absolute;
291
	left: 0;
292
	bottom: 2px;
293
	z-index: 5;
1346 aurelien 294
}
1954 jpm 295
 
1922 jpm 296
.defilement-indicateurs li {
1954 jpm 297
	background-color: rgba(255, 255, 255, 0.25);
298
	border-radius: 2px;
299
	border: 1px solid lightgrey;
300
	display: block;
301
	float: left;
302
	height: 4px;
303
	margin-left: 2px;
304
	text-indent: -999px;
305
	width: 4px;
1346 aurelien 306
}
1954 jpm 307
 
1922 jpm 308
.defilement-indicateurs .active {
309
	background-color: #FFFFFF;
1346 aurelien 310
}
1922 jpm 311
 
312
/*-------------------------------------------------------*/
313
/* Observations */
1954 jpm 314
#titre-liste-obs {
315
	margin-top: 0;
316
	padding-top: 0;
1946 jpm 317
}
1954 jpm 318
 
319
#zone-liste-obs {
320
	background-color: #A1CA10;
321
	padding: 5px;
1946 jpm 322
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
323
}
1954 jpm 324
 
325
#zone-liste-obs .well {
326
	background-color: #A1CA10;
327
	margin: 0 5px 5px 5px;
1946 jpm 328
}
1954 jpm 329
 
1946 jpm 330
#liste-obs .well{
1954 jpm 331
	background-color: #E0DFDE;
1946 jpm 332
}
1954 jpm 333
 
1922 jpm 334
#obs-titre {
335
	margin-right: 20px;
1346 aurelien 336
}
1954 jpm 337
 
1922 jpm 338
#form-date {
339
	margin: 10px 0;
340
	line-height: 40px;
1054 jpm 341
}
1954 jpm 342
 
1922 jpm 343
.ns-retenu {
1954 jpm 344
	font-weight: bold;
1054 jpm 345
}
1954 jpm 346
 
347
.nn {
348
	color: #3B9D3B;
1346 aurelien 349
}
1954 jpm 350
 
351
.obs .nom-sci {
1922 jpm 352
	font-size:1.5em;
353
	font-weight:bold;
1346 aurelien 354
}
1954 jpm 355
 
356
.commune,
357
.date {
358
	font-size: 1.3em;
359
	font-weight: bold;
1346 aurelien 360
}
1954 jpm 361
 
362
.obs-action {
363
	opacity: 1;
1346 aurelien 364
}
1922 jpm 365
 
1954 jpm 366
#ajouter-obs {
367
	margin-left: 407px;
368
	font-size: 20px;
369
	background: #181;
370
	color: #FFF;
371
	width: 137px;
372
}
1946 jpm 373
 
1954 jpm 374
#transmettre-obs {
375
	font-size: 20px;
376
	background: #811;
377
	color: #FFF;
1054 jpm 378
}
1922 jpm 379
 
2117 aurelien 380
#barre-progression-upload span {
381
	color : #333333;
382
}
383
 
384
#liste-obs .obs-erreur {
385
	background-color: #DD6E6E;
386
}
387
 
2612 aurelien 388
#lien-tuto-photo {
389
	color:#118811;
390
}
391
 
1054 jpm 392
/*-------------------------------------------------------*/
393
/* Autocomplete */
1346 aurelien 394
.valeur-defaut-recherche {
1954 jpm 395
	color: #848484;
396
	font-style: italic;
397
	font-weight: 0.9em;
1346 aurelien 398
}
2687 aurelien 399
 
400
 
401
/*-------------------------------------------------------*/
402
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
403
.row-fluid .span3 {
404
    width: 23.0769%;
405
    float: left;
406
}
407