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;
148
}
1952 jpm 149
 
1562 jpm 150
.defilement-control.gauche {
151
	left: 3%;
152
}
1952 jpm 153
 
1562 jpm 154
.defilement-control.droite {
155
	right: 3%;
156
}
157
 
158
.defilement-miniatures-cache {
159
	visibility: hidden;
160
}
1952 jpm 161
 
1562 jpm 162
.obs .miniature-cachee {
163
	display: none;
164
}
165
 
166
.defilement-indicateurs {
1952 jpm 167
	list-style: none outside none;
168
	margin: 0;
169
	position: absolute;
170
	left: 0;
171
	bottom: 2px;
172
	z-index: 5;
1562 jpm 173
}
1952 jpm 174
 
1562 jpm 175
.defilement-indicateurs li {
1952 jpm 176
	background-color: rgba(255, 255, 255, 0.25);
177
	border-radius: 2px;
178
	border: 1px solid lightgrey;
179
	display: block;
180
	float: left;
181
	height: 4px;
182
	margin-left: 2px;
183
	text-indent: -999px;
184
	width: 4px;
1562 jpm 185
}
1952 jpm 186
 
1562 jpm 187
.defilement-indicateurs .active {
188
	background-color: #FFFFFF;
189
}
190
 
1537 jpm 191
/*+--------------------------------------------------------------------------------------------------------+*/
192
/* Correction style CSS Bootstrap */
193
.well {
194
	margin-bottom: 5px;
195
	padding: 4px;
196
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
197
}
1952 jpm 198
 
199
@media (min-width: 575px) and (max-width: 767px) {
1540 jpm 200
	.forcer-colonne [class*="span"] {
201
		float: left;
202
		margin-left: 2.12766%;
203
	}
1952 jpm 204
 
1540 jpm 205
	.forcer-colonne .span4 {
206
		width: 31.6239%;
207
	}
1952 jpm 208
 
1540 jpm 209
	.forcer-colonne .span6 {
210
		width: 48.9362%;
211
	}
1952 jpm 212
 
1540 jpm 213
	.forcer-colonne .span8 {
214
		width: 65.9574%;
215
	}
216
}
1952 jpm 217
 
1560 jpm 218
@media (min-width: 1600px) {
219
	.container {
220
		width: 1580px;
221
	}
222
}
1952 jpm 223
 
1537 jpm 224
/*+--------------------------------------------------------------------------------------------------------+*/
225
/* Spécifique Florilèges */
1564 jpm 226
.entete .intro {
1952 jpm 227
	background-color: #689E4B;
228
	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;
229
	color: white;
230
	padding: 5px;
1537 jpm 231
}
1952 jpm 232
 
1564 jpm 233
.entete .intro a {
1952 jpm 234
	color: #524C47;
1537 jpm 235
}
236
 
237
/* Géolocalisation */
238
#map-canvas {
1952 jpm 239
	height: 280px;
240
	margin-bottom: 5px;
1537 jpm 241
}
1952 jpm 242
 
1946 jpm 243
#map-canvas img {
1952 jpm 244
	max-width: none;
1946 jpm 245
}
1952 jpm 246
 
1537 jpm 247
.coordonnees-geo, .lat-lon-info {
248
	font-size: 10px;
249
}
1952 jpm 250
 
1540 jpm 251
#info-commune {
1952 jpm 252
	text-align: right;
253
	font-size: 10px;
1540 jpm 254
}
1952 jpm 255
 
1540 jpm 256
.afficher-coord {
1952 jpm 257
	font-size: 10px;
1540 jpm 258
}
1537 jpm 259
 
260
/* Observations */
261
#obs-titre {
262
	margin-right: 20px;
263
}
1952 jpm 264
 
1537 jpm 265
#form-date {
266
	margin: 10px 0;
267
	line-height: 40px;
268
}
1952 jpm 269
 
1540 jpm 270
.ns-retenu {
1952 jpm 271
	font-weight: bold;
1540 jpm 272
}
1952 jpm 273
 
1540 jpm 274
.nn{
1952 jpm 275
	color: #3B9D3B;
1540 jpm 276
}
1952 jpm 277
 
278
.obs .nom-sci {
279
	font-size: 1.5em;
280
	font-weight: bold;
1540 jpm 281
}
1952 jpm 282
 
283
.commune,
284
.date {
285
	font-size: 1.3em;
286
	font-weight: bold;
1540 jpm 287
}
1952 jpm 288
 
289
.obs-action {
290
	opacity: 1;
1540 jpm 291
}
1537 jpm 292
 
1540 jpm 293
/* Validation du formulaire */
294
label.error {
295
	font-weight: bold;
1952 jpm 296
	font-style: italic;
1540 jpm 297
	color: #B94A48;
1560 jpm 298
	padding: 0 8px;
1540 jpm 299
}
1952 jpm 300
 
1922 jpm 301
label.valid {
302
	display: inline-block;
303
	text-indent: -9999px;
304
	color: #468847;
1952 jpm 305
	width: 0;
306
	height: 0;
307
	padding: 0;
1922 jpm 308
}
1952 jpm 309
 
1562 jpm 310
.control-group.error label {
311
	font-weight: bold;
312
}
1952 jpm 313
 
314
.error .horizontal-slider {
1560 jpm 315
	background: #B94A48;
316
}
1952 jpm 317
 
1560 jpm 318
.slider-holder + select + label.error {
319
	clear: both;
320
}
1952 jpm 321
 
1560 jpm 322
#form-date .input-prepend input {
1952 jpm 323
	vertical-align: top;
1560 jpm 324
}
1952 jpm 325
 
1560 jpm 326
#form-date .input-prepend  input + label.error {
327
	display: block;
328
}
1946 jpm 329
 
330
/* Liste des taxons */
1613 jpm 331
#taxon-liste optgroup + optgroup {
332
	border-top: 1px solid black;
333
}
1946 jpm 334
 
2118 aurelien 335
#liste-obs .obs-erreur {
336
	background-color: #DD6E6E;
337
}
338
 
1540 jpm 339
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 340
/* SLIDERs */
341
.slider-on {
1952 jpm 342
	display: none;
1537 jpm 343
}
344
.slider-holder {
1560 jpm 345
	height: 25px;
1537 jpm 346
	margin-left: -20px;
347
	margin-right: 20px;
348
	padding-left: 40px;
349
	padding-top: 30px;
350
}
1952 jpm 351
 
1537 jpm 352
.ui-widget-header {
353
	background: url("../img/background/noise.png") #A1C886;
354
}
1952 jpm 355
 
1537 jpm 356
.horizontal-slider {
357
	margin: 0 3%;
358
	height: 9px !important;
359
	width: 90%;
360
}
1952 jpm 361
 
1537 jpm 362
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
363
	border-radius: 5px 0 0 5px;
364
}
1952 jpm 365
 
1537 jpm 366
.slider-holder p {
367
	float: left;
368
	font-size: 10px;
369
	text-align: center;
370
	top: 10px;
371
}
1952 jpm 372
 
1537 jpm 373
.slider-holder p + p {
374
	line-height: 1.5em;
375
}
1952 jpm 376
 
1537 jpm 377
.slider-holder .slider-legend {
378
	margin: 0 3%;
379
}
1952 jpm 380
 
1537 jpm 381
.slider-holder .slider-legend p {
1560 jpm 382
	padding-top: 5px;
1537 jpm 383
	overflow: hidden;
1560 jpm 384
	word-wrap: break-word;
1537 jpm 385
}
1952 jpm 386
 
1537 jpm 387
.horizontal-slider a.ui-slider-handle {
388
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
389
	border: medium none;
390
	border-radius: 0;
391
	display: block;
392
	font-size: 14px;
393
	font-weight: bold;
394
	height: 60px;
395
	margin: 5px 5px 5px -35px;
396
	padding: 0;
397
	position: relative;
398
	text-align: center;
399
	text-decoration: none;
400
	top: -40px;
401
	width: 70px;
402
	white-space: nowrap;
403
}
1952 jpm 404
 
1537 jpm 405
.ui-slider .ui-slider-handle {
406
	font-size: 12px;
1540 jpm 407
}
1952 jpm 408
 
1540 jpm 409
.ui-datepicker {
410
	z-index: 2;
1537 jpm 411
}