| 400,6 → 400,8 |
|---|
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /*Modal description */ |
| |
| /* Modal : projet description */ |
| .dsc-imgs { |
| max-width: 800px; |
| margin:0 auto; |
| 410,7 → 412,29 |
|---|
| .dsc-clean { |
| clear:both; |
| } |
| |
| /* Modal : taille description */ |
| .taille-img { |
| position: relative; |
| float:left; |
| width:300px; |
| height: 450px; |
| margin-left: 10px; |
| } |
| .taille-img img { |
| margin: 0 auto; |
| } |
| .taille-img .caption { |
| position: absolute; |
| bottom:0; |
| width:300px; |
| text-align: center; |
| } |
| |
| @media (min-width: 600px) and (max-width: 800px) { |
| .taille-img, .taille-img .caption { |
| width: 190px; |
| } |
| .dsc-imgs { |
| width: 600px; |
| } |
| 422,21 → 446,32 |
|---|
| } |
| } |
| @media (min-width: 801px) and (max-width: 1359px) { |
| .modal { |
| #taille-description .modal-content { |
| width:800px; |
| margin-left:-400px; |
| margin-left: -100px; |
| } |
| .taille-img, .taille-img .caption { |
| width: 240px; |
| } |
| #projet-description .modal-content { |
| width:800px; |
| margin-left: -100px; |
| } |
| .dsc-imgs { |
| width: 780px; |
| } |
| .dsc-infos { |
| width: 700px; |
| width: 750px; |
| } |
| } |
| @media (min-width: 1360px) { |
| .modal { |
| #taille-description .modal-content { |
| width:980px; |
| margin-left: -175px; |
| } |
| #projet-description .modal-content { |
| width:1360px; |
| margin-left:-680px; |
| margin-left: -380px; |
| } |
| .dsc-imgs { |
| float:left; |
| 443,9 → 478,9 |
|---|
| } |
| .dsc-infos { |
| float:left; |
| max-width: 500px; |
| margin-left: 50px; |
| max-width: 700px; |
| } |
| |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Correction style CSS Bootstrap */ |