Subversion Repositories eFlore/Applications.cel

Rev

Rev 2745 | Go to most recent revision | Details | Compare with Previous | 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 
}