Subversion Repositories eFlore/Applications.cel

Rev

Rev 2372 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2372 Rev 2373
Line 398... Line 398...
398 
	top: 0.2em;
 398 
	top: 0.2em;
399 
}
 399 
}
Line 400... Line 400...
400 
 
 400 
 
401 
/*+--------------------------------------------------------------------------------------------------------+*/
 401 
/*+--------------------------------------------------------------------------------------------------------+*/
- 
 
 402 
/*Modal description */
- 
 
 403 
 
402 
/*Modal description */
 404 
/* Modal : projet description */
403 
.dsc-imgs {
 405 
.dsc-imgs {
404 
	max-width: 800px;
 406 
	max-width: 800px;
405 
	margin:0 auto;
 407 
	margin:0 auto;
406 
}
 408 
}
407 
.dsc-infos {
 409 
.dsc-infos {
408 
	max-width: 800px;
 410 
	max-width: 800px;
409 
}
 411 
}
410 
.dsc-clean {
 412 
.dsc-clean {
411 
	clear:both;
 413 
	clear:both;
- 
 
 414 
}
- 
 
 415 
 
- 
 
 416 
/* Modal : taille description */
- 
 
 417 
.taille-img {
- 
 
 418 
	position: relative;
- 
 
 419 
	float:left;
- 
 
 420 
	width:300px;
- 
 
 421 
	height: 450px;
- 
 
 422 
	margin-left: 10px;
- 
 
 423 
}
- 
 
 424 
.taille-img img {
- 
 
 425 
	margin: 0 auto;
- 
 
 426 
}
- 
 
 427 
.taille-img .caption {
- 
 
 428 
	position: absolute;
- 
 
 429 
	bottom:0;
- 
 
 430 
	width:300px;
- 
 
 431 
	text-align: center;
- 
 
 432 
}
412 
}
 433 
 
- 
 
 434 
@media (min-width: 600px) and (max-width: 800px) {
- 
 
 435 
	.taille-img, .taille-img .caption {
- 
 
 436 
		width: 190px;
413 
@media (min-width: 600px) and (max-width: 800px) {
 437 
	}
414 
	.dsc-imgs {
 438 
	.dsc-imgs {
415 
		width: 600px;
 439 
		width: 600px;
416 
	}
 440 
	}
417 
	.dsc-imgs img {
 441 
	.dsc-imgs img {
Line 420... Line 444...
420 
	.dsc-infos {
 444 
	.dsc-infos {
421 
		width: 600px;
 445 
		width: 600px;
422 
	}
 446 
	}
423 
}
 447 
}
424 
@media (min-width: 801px) and (max-width: 1359px) {
 448 
@media (min-width: 801px) and (max-width: 1359px) {
425 
	.modal {
 449 
	#taille-description .modal-content {
426 
		width:800px;
 450 
		width:800px;
427 
		margin-left:-400px;
 451 
		margin-left: -100px;
- 
 
 452 
	}
- 
 
 453 
	.taille-img, .taille-img .caption {
- 
 
 454 
		width: 240px;
- 
 
 455 
	}
- 
 
 456 
	#projet-description .modal-content {
- 
 
 457 
		width:800px;
- 
 
 458 
		margin-left: -100px;
428 
	}
 459 
	}
429 
	.dsc-imgs {
 460 
	.dsc-imgs {
430 
		width: 780px;
 461 
		width: 780px;
431 
	}
 462 
	}
432 
	.dsc-infos {
 463 
	.dsc-infos {
433 
		width: 700px;
 464 
		width: 750px;
434 
	}
 465 
	}
435 
}
 466 
}
436 
@media (min-width: 1360px) {
 467 
@media (min-width: 1360px) {
- 
 
 468 
	#taille-description .modal-content {
437 
	.modal {
 469 
		width:980px;
- 
 
 470 
		margin-left: -175px;
- 
 
 471 
	}
- 
 
 472 
	#projet-description .modal-content {
438 
		width:1360px;
 473 
		width:1360px;
439 
		margin-left:-680px;
 474 
		margin-left: -380px;
440 
	}
 475 
	}
441 
	.dsc-imgs {
 476 
	.dsc-imgs {
442 
		float:left;
 477 
		float:left;
443 
	}
 478 
	}
444 
	.dsc-infos {
 479 
	.dsc-infos {
445 
		float:left;
 480 
		float:left;
- 
 
 481 
		margin-left: 50px;
446 
		max-width: 500px;
 482 
		max-width: 700px;
447 
	}
 483 
	}
448 
 
 - 
 
449 
}
 484 
}
450 
/*+--------------------------------------------------------------------------------------------------------+*/
 485 
/*+--------------------------------------------------------------------------------------------------------+*/
451 
/* Correction style CSS Bootstrap */
 486 
/* Correction style CSS Bootstrap */
452 
.well {
 487 
.well {
453 
	margin-bottom: 5px;
 488 
	margin-bottom: 5px;