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