Subversion Repositories eFlore/Applications.cel

Rev

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;
1537 jpm 242
}
1952 jpm 243
 
1946 jpm 244
#map-canvas img {
1952 jpm 245
	max-width: none;
1946 jpm 246
}
1952 jpm 247
 
1537 jpm 248
.coordonnees-geo, .lat-lon-info {
249
	font-size: 10px;
250
}
1952 jpm 251
 
1540 jpm 252
#info-commune {
1952 jpm 253
	text-align: right;
254
	font-size: 10px;
1540 jpm 255
}
1952 jpm 256
 
1540 jpm 257
.afficher-coord {
1952 jpm 258
	font-size: 10px;
1540 jpm 259
}
1537 jpm 260
 
261
/* Observations */
262
#obs-titre {
263
	margin-right: 20px;
264
}
1952 jpm 265
 
1537 jpm 266
#form-date {
267
	margin: 10px 0;
268
	line-height: 40px;
269
}
1952 jpm 270
 
1540 jpm 271
.ns-retenu {
1952 jpm 272
	font-weight: bold;
1540 jpm 273
}
1952 jpm 274
 
1540 jpm 275
.nn{
1952 jpm 276
	color: #3B9D3B;
1540 jpm 277
}
1952 jpm 278
 
279
.obs .nom-sci {
280
	font-size: 1.5em;
281
	font-weight: bold;
1540 jpm 282
}
1952 jpm 283
 
284
.commune,
285
.date {
286
	font-size: 1.3em;
287
	font-weight: bold;
1540 jpm 288
}
1952 jpm 289
 
290
.obs-action {
291
	opacity: 1;
1540 jpm 292
}
1537 jpm 293
 
1540 jpm 294
/* Validation du formulaire */
295
label.error {
296
	font-weight: bold;
1952 jpm 297
	font-style: italic;
1540 jpm 298
	color: #B94A48;
1560 jpm 299
	padding: 0 8px;
1540 jpm 300
}
1952 jpm 301
 
1922 jpm 302
label.valid {
303
	display: inline-block;
304
	text-indent: -9999px;
305
	color: #468847;
1952 jpm 306
	width: 0;
307
	height: 0;
308
	padding: 0;
1922 jpm 309
}
1952 jpm 310
 
1562 jpm 311
.control-group.error label {
312
	font-weight: bold;
313
}
1952 jpm 314
 
315
.error .horizontal-slider {
1560 jpm 316
	background: #B94A48;
317
}
1952 jpm 318
 
1560 jpm 319
.slider-holder + select + label.error {
320
	clear: both;
321
}
1952 jpm 322
 
1560 jpm 323
#form-date .input-prepend input {
1952 jpm 324
	vertical-align: top;
1560 jpm 325
}
1952 jpm 326
 
1560 jpm 327
#form-date .input-prepend  input + label.error {
328
	display: block;
329
}
1946 jpm 330
 
331
/* Liste des taxons */
1613 jpm 332
#taxon-liste optgroup + optgroup {
333
	border-top: 1px solid black;
334
}
1946 jpm 335
 
2118 aurelien 336
#liste-obs .obs-erreur {
337
	background-color: #DD6E6E;
338
}
339
 
1540 jpm 340
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 341
/* SLIDERs */
342
.slider-on {
1952 jpm 343
	display: none;
1537 jpm 344
}
345
.slider-holder {
1560 jpm 346
	height: 25px;
1537 jpm 347
	margin-left: -20px;
348
	margin-right: 20px;
349
	padding-left: 40px;
350
	padding-top: 30px;
351
}
1952 jpm 352
 
1537 jpm 353
.ui-widget-header {
354
	background: url("../img/background/noise.png") #A1C886;
355
}
1952 jpm 356
 
1537 jpm 357
.horizontal-slider {
358
	margin: 0 3%;
359
	height: 9px !important;
360
	width: 90%;
361
}
1952 jpm 362
 
1537 jpm 363
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
364
	border-radius: 5px 0 0 5px;
365
}
1952 jpm 366
 
1537 jpm 367
.slider-holder p {
368
	float: left;
369
	font-size: 10px;
370
	text-align: center;
371
	top: 10px;
372
}
1952 jpm 373
 
1537 jpm 374
.slider-holder p + p {
375
	line-height: 1.5em;
376
}
1952 jpm 377
 
1537 jpm 378
.slider-holder .slider-legend {
379
	margin: 0 3%;
380
}
1952 jpm 381
 
1537 jpm 382
.slider-holder .slider-legend p {
1560 jpm 383
	padding-top: 5px;
1537 jpm 384
	overflow: hidden;
1560 jpm 385
	word-wrap: break-word;
1537 jpm 386
}
1952 jpm 387
 
1537 jpm 388
.horizontal-slider a.ui-slider-handle {
389
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
390
	border: medium none;
391
	border-radius: 0;
392
	display: block;
393
	font-size: 14px;
394
	font-weight: bold;
395
	height: 60px;
396
	margin: 5px 5px 5px -35px;
397
	padding: 0;
398
	position: relative;
399
	text-align: center;
400
	text-decoration: none;
401
	top: -40px;
402
	width: 70px;
403
	white-space: nowrap;
404
}
1952 jpm 405
 
1537 jpm 406
.ui-slider .ui-slider-handle {
407
	font-size: 12px;
1540 jpm 408
}
1952 jpm 409
 
1540 jpm 410
.ui-datepicker {
411
	z-index: 2;
1537 jpm 412
}