Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
1537 jpm 1
@CHARSET "UTF-8";
2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Polices d'écriture*/
4
@font-face {
5
	font-family: florileges;
6
	src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
7
		url(fonts/caflisch_scriptw_web.woff) format('woff');
8
}
9
 
10
/*+--------------------------------------------------------------------------------------------------------+*/
11
/* Balises */
12
body {
13
	background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
14
}
1952 jpm 15
 
16
footer p {
17
	color: white;
18
	text-align: center;
1537 jpm 19
}
1952 jpm 20
 
1537 jpm 21
button img {
1952 jpm 22
	display: block;
1537 jpm 23
}
1952 jpm 24
 
25
h1,
26
h2 {
1537 jpm 27
	font-size: 40px;
1952 jpm 28
	font-family: florileges;
1540 jpm 29
	font-weight: normal;
1537 jpm 30
}
1952 jpm 31
 
1537 jpm 32
/*+--------------------------------------------------------------------------------------------------------+*/
33
/* Générique */
34
.discretion {
1952 jpm 35
	color: white;
36
	font-family: arial;
37
	font-size: 11px;
1537 jpm 38
	line-height: 13px;
39
}
1952 jpm 40
 
1537 jpm 41
.droite {
1952 jpm 42
	text-align: right;
1537 jpm 43
}
1952 jpm 44
 
1537 jpm 45
.centre {
1952 jpm 46
	text-align: center;
1537 jpm 47
}
1952 jpm 48
 
1537 jpm 49
.modal-fenetre {
1952 jpm 50
	position: fixed;
51
	z-index: 1000;
52
	top: 0;
53
	left: 0;
54
	height: 100%;
55
	width: 100%;
56
	background: #777;
57
	background: rgba(90,86,93,0.7);
58
	text-align: center;
1537 jpm 59
}
1952 jpm 60
 
1537 jpm 61
.modal-contenu {
1952 jpm 62
	position: relative;
63
	width: 30%;
64
	margin: 0 auto;
65
	top: 30%;
1537 jpm 66
}
1952 jpm 67
 
1540 jpm 68
.nom-sci {
69
	font-style: italic;
1537 jpm 70
}
1952 jpm 71
 
1537 jpm 72
/*+--------------------------------------------------------------------------------------------------------+*/
73
/* Gestion des photos */
1562 jpm 74
 
75
/* Form d'ajout des photos */
76
#form-upload .miniature {
1537 jpm 77
	float: left;
78
	height: 130px;
1562 jpm 79
	margin: 5px;
1537 jpm 80
}
1952 jpm 81
 
1562 jpm 82
#form-upload .miniature-img {
83
	display: block;
1537 jpm 84
	height: 100px;
85
}
1952 jpm 86
 
1562 jpm 87
#form-upload .miniature-chargement {
1952 jpm 88
	height: 100px;
1537 jpm 89
	width: 100px;
90
}
1562 jpm 91
 
1537 jpm 92
#photos-conteneur {
93
	height: 120px;
94
}
95
 
1562 jpm 96
/* Images d'une observation */
97
.obs .obs-miniatures {
98
	min-width: 150px;
99
	margin-right: 5px;
1952 jpm 100
	background-color: #524C47;
1564 jpm 101
	padding: 4px 0;
1562 jpm 102
}
1952 jpm 103
 
1562 jpm 104
.obs .miniature {
105
	display: block;
106
	height: 100px;
107
	margin: 0 auto;
108
}
1952 jpm 109
 
1562 jpm 110
.defilement {
111
	position: relative;
112
	padding: 8px 0;
113
}
1952 jpm 114
 
1562 jpm 115
.defilement-control-zone {
116
	display: block;
1952 jpm 117
	z-index: 2;
1562 jpm 118
	position: absolute;
1577 jpm 119
	top: 0;
1562 jpm 120
	width: 50%;
121
	height: 116px;
122
}
1952 jpm 123
 
124
.defilement-control-zone.gauche {
1562 jpm 125
	left: 0;
126
}
1952 jpm 127
 
1562 jpm 128
.defilement-control-zone.droite {
129
	right: 0;
130
}
1952 jpm 131
 
1562 jpm 132
.defilement-control {
1577 jpm 133
	display: block;
134
	position: absolute;
135
	top: 35%;
1952 jpm 136
	width: 20px;
1577 jpm 137
	height: 20px;
138
	line-height: 20px;
139
	font-size: 17px;
140
	font-weight: 100;
141
	text-align: center;
142
	vertical-align: middle;
143
	border: 3px solid white;
144
	border-radius: 20px;
1562 jpm 145
	color: white;
1577 jpm 146
	opacity: 1;
1562 jpm 147
	background: none repeat scroll 0 0 #524C47;
2712 mathias 148
	cursor: pointer;
1562 jpm 149
}
1952 jpm 150
 
1562 jpm 151
.defilement-control.gauche {
152
	left: 3%;
153
}
1952 jpm 154
 
1562 jpm 155
.defilement-control.droite {
156
	right: 3%;
157
}
158
 
159
.defilement-miniatures-cache {
160
	visibility: hidden;
161
}
1952 jpm 162
 
1562 jpm 163
.obs .miniature-cachee {
164
	display: none;
165
}
166
 
167
.defilement-indicateurs {
1952 jpm 168
	list-style: none outside none;
169
	margin: 0;
170
	position: absolute;
171
	left: 0;
172
	bottom: 2px;
173
	z-index: 5;
1562 jpm 174
}
1952 jpm 175
 
1562 jpm 176
.defilement-indicateurs li {
1952 jpm 177
	background-color: rgba(255, 255, 255, 0.25);
178
	border-radius: 2px;
179
	border: 1px solid lightgrey;
180
	display: block;
181
	float: left;
182
	height: 4px;
183
	margin-left: 2px;
184
	text-indent: -999px;
185
	width: 4px;
1562 jpm 186
}
1952 jpm 187
 
1562 jpm 188
.defilement-indicateurs .active {
189
	background-color: #FFFFFF;
190
}
191
 
1537 jpm 192
/*+--------------------------------------------------------------------------------------------------------+*/
193
/* Correction style CSS Bootstrap */
194
.well {
195
	margin-bottom: 5px;
196
	padding: 4px;
197
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
198
}
1952 jpm 199
 
200
@media (min-width: 575px) and (max-width: 767px) {
1540 jpm 201
	.forcer-colonne [class*="span"] {
202
		float: left;
203
		margin-left: 2.12766%;
204
	}
1952 jpm 205
 
1540 jpm 206
	.forcer-colonne .span4 {
207
		width: 31.6239%;
208
	}
1952 jpm 209
 
1540 jpm 210
	.forcer-colonne .span6 {
211
		width: 48.9362%;
212
	}
1952 jpm 213
 
1540 jpm 214
	.forcer-colonne .span8 {
215
		width: 65.9574%;
216
	}
217
}
1952 jpm 218
 
1560 jpm 219
@media (min-width: 1600px) {
220
	.container {
221
		width: 1580px;
222
	}
223
}
1952 jpm 224
 
1537 jpm 225
/*+--------------------------------------------------------------------------------------------------------+*/
226
/* Spécifique Florilèges */
1564 jpm 227
.entete .intro {
1952 jpm 228
	background-color: #689E4B;
229
	background: url("../img/background/noise.png") repeat scroll 0 0, radial-gradient(ellipse farthest-corner at center center , #A1C886 0%, #689E4B 100%) repeat scroll 0 0 transparent;
230
	color: white;
231
	padding: 5px;
1537 jpm 232
}
1952 jpm 233
 
1564 jpm 234
.entete .intro a {
1952 jpm 235
	color: #524C47;
1537 jpm 236
}
237
 
238
/* Géolocalisation */
239
#map-canvas {
1952 jpm 240
	height: 280px;
241
	margin-bottom: 5px;
2745 aurelien 242
	margin-top: -40px;
1537 jpm 243
}
1952 jpm 244
 
1946 jpm 245
#map-canvas img {
1952 jpm 246
	max-width: none;
1946 jpm 247
}
1952 jpm 248
 
1537 jpm 249
.coordonnees-geo, .lat-lon-info {
250
	font-size: 10px;
251
}
1952 jpm 252
 
1540 jpm 253
#info-commune {
1952 jpm 254
	text-align: right;
255
	font-size: 10px;
1540 jpm 256
}
1952 jpm 257
 
1540 jpm 258
.afficher-coord {
1952 jpm 259
	font-size: 10px;
1540 jpm 260
}
1537 jpm 261
 
262
/* Observations */
263
#obs-titre {
264
	margin-right: 20px;
265
}
1952 jpm 266
 
1537 jpm 267
#form-date {
268
	margin: 10px 0;
269
	line-height: 40px;
270
}
1952 jpm 271
 
1540 jpm 272
.ns-retenu {
1952 jpm 273
	font-weight: bold;
1540 jpm 274
}
1952 jpm 275
 
1540 jpm 276
.nn{
1952 jpm 277
	color: #3B9D3B;
1540 jpm 278
}
1952 jpm 279
 
280
.obs .nom-sci {
281
	font-size: 1.5em;
282
	font-weight: bold;
1540 jpm 283
}
1952 jpm 284
 
285
.commune,
286
.date {
287
	font-size: 1.3em;
288
	font-weight: bold;
1540 jpm 289
}
1952 jpm 290
 
291
.obs-action {
292
	opacity: 1;
1540 jpm 293
}
1537 jpm 294
 
1540 jpm 295
/* Validation du formulaire */
296
label.error {
297
	font-weight: bold;
1952 jpm 298
	font-style: italic;
1540 jpm 299
	color: #B94A48;
1560 jpm 300
	padding: 0 8px;
1540 jpm 301
}
1952 jpm 302
 
1922 jpm 303
label.valid {
304
	display: inline-block;
305
	text-indent: -9999px;
306
	color: #468847;
1952 jpm 307
	width: 0;
308
	height: 0;
309
	padding: 0;
1922 jpm 310
}
1952 jpm 311
 
1562 jpm 312
.control-group.error label {
313
	font-weight: bold;
314
}
1952 jpm 315
 
316
.error .horizontal-slider {
1560 jpm 317
	background: #B94A48;
318
}
1952 jpm 319
 
1560 jpm 320
.slider-holder + select + label.error {
321
	clear: both;
322
}
1952 jpm 323
 
1560 jpm 324
#form-date .input-prepend input {
1952 jpm 325
	vertical-align: top;
1560 jpm 326
}
1952 jpm 327
 
1560 jpm 328
#form-date .input-prepend  input + label.error {
329
	display: block;
330
}
1946 jpm 331
 
332
/* Liste des taxons */
1613 jpm 333
#taxon-liste optgroup + optgroup {
334
	border-top: 1px solid black;
335
}
1946 jpm 336
 
2118 aurelien 337
#liste-obs .obs-erreur {
338
	background-color: #DD6E6E;
339
}
340
 
2745 aurelien 341
 
342
#indication-nom-rue {
343
    -moz-user-select: none;
344
    background-clip: padding-box;
345
    background-color: #fff;
346
    border: 1px solid rgba(0, 0, 0, 0.15);
347
    border-bottom-left-radius: 2px;
348
    border-top-left-radius: 2px;
2749 aurelien 349
    bottom: -215px;
2745 aurelien 350
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
351
    color: #565656;
352
    direction: ltr;
353
    font-family: Roboto,Arial,sans-serif;
354
    font-size: 11px;
2749 aurelien 355
    left: 25px;
2745 aurelien 356
    min-width: 25px;
357
    overflow: hidden;
358
    padding: 1px 6px;
359
    position: relative;
360
    text-align: center;
2749 aurelien 361
    visibility: hidden;
362
    width: 288px;
2745 aurelien 363
    z-index: 10;
364
}
365
 
366
#indication-nom-rue-nom {
367
	display: inline-block;
368
    height: 14px;
369
    max-width: 240px;
370
    overflow: hidden;
371
    text-overflow: ellipsis;
372
}
373
 
374
.navigation-rue, .navigation-rue:active {
375
	display: inline-block;
376
	color: black;
377
	font-size: 20px;
378
    margin-top: -4px;
379
}
380
 
381
#indication-nom-rue-precedent {
382
	float: left;
383
}
384
 
385
#indication-nom-rue-suivant {
386
	float: right;
387
}
388
 
389
#indication-nom-rue img {
390
    height: 15px;
391
    margin-bottom: 2px;
392
}
393
 
1540 jpm 394
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 395
/* SLIDERs */
396
.slider-on {
1952 jpm 397
	display: none;
1537 jpm 398
}
399
.slider-holder {
1560 jpm 400
	height: 25px;
1537 jpm 401
	margin-left: -20px;
402
	margin-right: 20px;
403
	padding-left: 40px;
404
	padding-top: 30px;
405
}
1952 jpm 406
 
1537 jpm 407
.ui-widget-header {
408
	background: url("../img/background/noise.png") #A1C886;
409
}
1952 jpm 410
 
1537 jpm 411
.horizontal-slider {
412
	margin: 0 3%;
413
	height: 9px !important;
414
	width: 90%;
415
}
1952 jpm 416
 
1537 jpm 417
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
418
	border-radius: 5px 0 0 5px;
419
}
1952 jpm 420
 
1537 jpm 421
.slider-holder p {
422
	float: left;
423
	font-size: 10px;
424
	text-align: center;
425
	top: 10px;
426
}
1952 jpm 427
 
1537 jpm 428
.slider-holder p + p {
429
	line-height: 1.5em;
430
}
1952 jpm 431
 
1537 jpm 432
.slider-holder .slider-legend {
433
	margin: 0 3%;
434
}
1952 jpm 435
 
1537 jpm 436
.slider-holder .slider-legend p {
1560 jpm 437
	padding-top: 5px;
1537 jpm 438
	overflow: hidden;
1560 jpm 439
	word-wrap: break-word;
1537 jpm 440
}
1952 jpm 441
 
1537 jpm 442
.horizontal-slider a.ui-slider-handle {
443
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
444
	border: medium none;
445
	border-radius: 0;
446
	display: block;
447
	font-size: 14px;
448
	font-weight: bold;
449
	height: 60px;
450
	margin: 5px 5px 5px -35px;
451
	padding: 0;
452
	position: relative;
453
	text-align: center;
454
	text-decoration: none;
455
	top: -40px;
456
	width: 70px;
457
	white-space: nowrap;
458
}
1952 jpm 459
 
1537 jpm 460
.ui-slider .ui-slider-handle {
461
	font-size: 12px;
1540 jpm 462
}
1952 jpm 463
 
1540 jpm 464
.ui-datepicker {
465
	z-index: 2;
1537 jpm 466
}