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
}
15
footer p{
16
	color:white;
17
	text-align:center;
18
}
19
button img {
20
	display:block;
21
}
22
h1, h2 {
23
	font-size: 40px;
24
	font-family:florileges;
1540 jpm 25
	font-weight: normal;
1537 jpm 26
}
27
/*+--------------------------------------------------------------------------------------------------------+*/
28
/* Générique */
29
.discretion {
30
	color:white;
31
	font-family:arial;
32
	font-size:11px;
33
	line-height: 13px;
34
}
35
.droite {
36
	text-align:right;
37
}
38
.centre {
39
	text-align:center;
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
.modal-contenu {
53
	position:relative;
54
	width:30%;
55
	margin:0 auto;
56
	top:30%;
57
}
1540 jpm 58
.nom-sci {
59
	font-style: italic;
1537 jpm 60
}
61
/*+--------------------------------------------------------------------------------------------------------+*/
62
/* Gestion des photos */
1562 jpm 63
 
64
/* Form d'ajout des photos */
65
#form-upload .miniature {
1537 jpm 66
	float: left;
67
	height: 130px;
1562 jpm 68
	margin: 5px;
1537 jpm 69
}
1562 jpm 70
#form-upload .miniature-img {
71
	display: block;
1537 jpm 72
	height: 100px;
73
}
1562 jpm 74
#form-upload .miniature-chargement {
1537 jpm 75
	height:100px;
76
	width: 100px;
77
}
1562 jpm 78
 
79
/* Bouton de sélection des fichiers */
1577 jpm 80
/*#fichier {
1537 jpm 81
	visibility: hidden;
1562 jpm 82
	height:0;
83
	width:0;
1577 jpm 84
}*/
1537 jpm 85
#photos-conteneur {
86
	height: 120px;
87
}
88
 
1562 jpm 89
/* Images d'une observation */
90
.obs .obs-miniatures {
91
	min-width: 150px;
92
	margin-right: 5px;
1564 jpm 93
	background-color:#524C47;
94
	padding: 4px 0;
1562 jpm 95
}
96
.obs .miniature {
97
	display: block;
98
	height: 100px;
99
	margin: 0 auto;
100
}
101
.defilement {
102
	position: relative;
103
	padding: 8px 0;
104
}
105
.defilement-control-zone {
106
	display: block;
1577 jpm 107
	z-index:2;
1562 jpm 108
	position: absolute;
1577 jpm 109
	top: 0;
1562 jpm 110
	width: 50%;
111
	height: 116px;
112
}
113
.defilement-control-zone.gauche{
114
	left: 0;
115
}
116
.defilement-control-zone.droite {
117
	right: 0;
118
}
119
.defilement-control {
1577 jpm 120
	display: block;
121
	position: absolute;
122
	top: 35%;
123
	width:20px;
124
	height: 20px;
125
	line-height: 20px;
126
	font-size: 17px;
127
	font-weight: 100;
128
	text-align: center;
129
	vertical-align: middle;
130
	border: 3px solid white;
131
	border-radius: 20px;
1562 jpm 132
	color: white;
1577 jpm 133
	opacity: 1;
1562 jpm 134
	background: none repeat scroll 0 0 #524C47;
135
}
136
.defilement-control.gauche {
137
	left: 3%;
138
}
139
.defilement-control.droite {
140
	right: 3%;
141
}
142
 
143
.defilement-miniatures-cache {
144
	visibility: hidden;
145
}
146
.obs .miniature-cachee {
147
	display: none;
148
}
149
 
150
.defilement-indicateurs {
151
    list-style: none outside none;
152
    margin: 0;
153
    position: absolute;
154
    left: 0;
155
    bottom: 2px;
156
    z-index: 5;
157
}
158
.defilement-indicateurs li {
159
    background-color: rgba(255, 255, 255, 0.25);
160
    border-radius: 2px;
161
    border: 1px solid lightgrey;
162
    display: block;
163
    float: left;
164
    height: 4px;
165
    margin-left: 2px;
166
    text-indent: -999px;
167
    width: 4px;
168
}
169
.defilement-indicateurs .active {
170
	background-color: #FFFFFF;
171
}
172
 
1537 jpm 173
/*+--------------------------------------------------------------------------------------------------------+*/
174
/* Correction style CSS Bootstrap */
175
.well {
176
	margin-bottom: 5px;
177
	padding: 4px;
178
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
179
}
1540 jpm 180
@media (min-width: 575px) and (max-width: 767px){
181
	.forcer-colonne [class*="span"] {
182
		float: left;
183
		margin-left: 2.12766%;
184
	}
185
	.forcer-colonne .span4 {
186
		width: 31.6239%;
187
	}
188
	.forcer-colonne .span6 {
189
		width: 48.9362%;
190
	}
191
	.forcer-colonne .span8 {
192
		width: 65.9574%;
193
	}
194
}
1560 jpm 195
@media (min-width: 1600px) {
196
	.container {
197
		width: 1580px;
198
	}
199
}
1537 jpm 200
/*+--------------------------------------------------------------------------------------------------------+*/
201
/* Spécifique Florilèges */
1564 jpm 202
.entete .intro {
1577 jpm 203
	background-color: #689E4B;
1537 jpm 204
	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;
205
	color: white;
206
	padding:5px;
207
}
1564 jpm 208
.entete .intro a {
1537 jpm 209
	color: #524C47;
210
}
211
 
212
/* Géolocalisation */
213
#map-canvas {
1577 jpm 214
	height: 280px;
1540 jpm 215
	margin-bottom:5px;
1537 jpm 216
}
217
.coordonnees-geo, .lat-lon-info {
218
	font-size: 10px;
219
}
1540 jpm 220
#info-commune {
221
	text-align:right;
222
	font-size:10px;
223
}
224
.afficher-coord {
225
	font-size:10px;
226
}
1537 jpm 227
 
228
/* Observations */
229
#obs-titre {
230
	margin-right: 20px;
231
}
232
#form-date {
233
	margin: 10px 0;
234
	line-height: 40px;
235
}
1540 jpm 236
.ns-retenu {
237
	font-weight:bold;
238
}
239
.nn{
240
	color:#3B9D3B;
241
}
242
.obs .nom-sci{
243
	font-size:1.5em;
244
	font-weight:bold;
245
}
246
.commune, .date{
247
	font-size:1.3em;
248
	font-weight:bold;
249
}
250
.obs-action{
251
	opacity:1;
252
}
1537 jpm 253
 
1540 jpm 254
/* Validation du formulaire */
255
label.valid {
256
	display: inline-block;
257
	text-indent: -9999px;
258
	color: #468847;
259
}
260
label.error {
261
	font-weight: bold;
1562 jpm 262
	font-style:italic;
1540 jpm 263
	color: #B94A48;
1560 jpm 264
	padding: 0 8px;
1540 jpm 265
}
1562 jpm 266
.control-group.error label {
267
	font-weight: bold;
268
}
1560 jpm 269
.error .horizontal-slider{
270
	background: #B94A48;
271
}
272
.slider-holder + select + label.error {
273
	clear: both;
274
}
275
#form-date .input-prepend input {
276
	vertical-align:top;
277
}
278
#form-date .input-prepend  input + label.error {
279
	display: block;
280
}
1613 jpm 281
#taxon-liste optgroup + optgroup {
282
	border-top: 1px solid black;
283
}
1540 jpm 284
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 285
/* SLIDERs */
286
.slider-on {
1562 jpm 287
	display:none;
1537 jpm 288
}
289
.slider-holder {
1560 jpm 290
	height: 25px;
1537 jpm 291
	margin-left: -20px;
292
	margin-right: 20px;
293
	padding-left: 40px;
294
	padding-top: 30px;
295
}
296
.ui-widget-header {
297
	background: url("../img/background/noise.png") #A1C886;
298
}
299
.horizontal-slider {
300
	margin: 0 3%;
301
	height: 9px !important;
302
	width: 90%;
303
}
304
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
305
	border-radius: 5px 0 0 5px;
306
}
307
.slider-holder p {
308
	float: left;
309
	font-size: 10px;
310
	text-align: center;
311
	top: 10px;
312
}
313
.slider-holder p + p {
314
	line-height: 1.5em;
315
}
316
.slider-holder .slider-legend {
317
	margin: 0 3%;
318
}
319
.slider-holder .slider-legend p {
1560 jpm 320
	padding-top: 5px;
1537 jpm 321
	overflow: hidden;
1560 jpm 322
	word-wrap: break-word;
1537 jpm 323
}
324
.horizontal-slider a.ui-slider-handle {
325
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
326
	border: medium none;
327
	border-radius: 0;
328
	display: block;
329
	font-size: 14px;
330
	font-weight: bold;
331
	height: 60px;
332
	margin: 5px 5px 5px -35px;
333
	padding: 0;
334
	position: relative;
335
	text-align: center;
336
	text-decoration: none;
337
	top: -40px;
338
	width: 70px;
339
	white-space: nowrap;
340
}
341
.ui-slider .ui-slider-handle {
342
	font-size: 12px;
1540 jpm 343
}
344
.ui-datepicker {
345
	z-index: 2;
1537 jpm 346
}