| New file |
|---|
| 0,0 → 1,275 |
|---|
| @CHARSET "UTF-8"; |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Balises */ |
| footer p{ |
| text-align:center; |
| } |
| button img { |
| display:block; |
| } |
| |
| h1 { |
| font-size: 26px; |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Générique */ |
| .discretion { |
| color:grey; |
| font-family:arial; |
| font-size:11px; |
| line-height: 13px; |
| } |
| .droite { |
| text-align:right; |
| } |
| .centre { |
| text-align:center; |
| } |
| .modal-fenetre { |
| position:fixed; |
| z-index:1000; |
| top:0; |
| left:0; |
| height:100%; |
| width:100%; |
| background:#777; |
| background:rgba(90,86,93,0.7); |
| text-align:center; |
| } |
| .modal-contenu { |
| position:relative; |
| width:30%; |
| margin:0 auto; |
| top:30%; |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Formulaire spécifique */ |
| #info-commune { |
| text-align:right; |
| } |
| .ns-retenu { |
| font-weight:bold; |
| } |
| .nn{ |
| color:#3B9D3B; |
| } |
| .nom-sci{ |
| font-size:1.5em; |
| font-weight:bold; |
| } |
| .commune, .date{ |
| font-size:1.3em; |
| font-weight:bold; |
| } |
| .obs-action{ |
| opacity:1; |
| } |
| |
| |
| #miniatures { |
| padding-top: 5px; |
| } |
| .miniature{ |
| float: left; |
| height: 130px; |
| padding-left: 15px; |
| padding-right: 15px; |
| } |
| .miniature-img { |
| height: 100px; |
| } |
| |
| .miniature img { |
| display: block; |
| } |
| |
| .miniature-chargement { |
| height:100px; |
| width: 100px; |
| } |
| |
| .defilement-miniatures-gauche, .defilement-miniatures-droite { |
| float: left; |
| font-size: 1.2em; |
| font-weight: bold; |
| height: 62px; |
| margin: 5px; |
| padding-top: 30px; |
| width: 12px; |
| } |
| .defilement-miniatures { |
| width: 210px; |
| } |
| .defilement-miniatures-cache { |
| visibility: hidden; |
| } |
| .miniature-cachee { |
| display: none; |
| } |
| .miniature-selectionnee { |
| display: block; |
| width: 90px; |
| } |
| |
| .referentiel-obs { |
| color:#3B9D3B; |
| } |
| #referentiel { |
| display: inline; |
| } |
| |
| #logo-titre { |
| position: relative; |
| top: -8px; |
| } |
| |
| #photos-conteneur { |
| height: 120px; |
| } |
| |
| #photo-placeholder { |
| background: url("../img/icones/icone-photo.png"); |
| background-size: 89px; |
| cursor: pointer; |
| margin-bottom: 15px; |
| margin-right: 15px; |
| float:left; |
| border: 5px dashed #CCCCCC; |
| border-radius: 8px 8px 8px 8px; |
| height: 100px; |
| margin: 2px 0 2px 2px; |
| text-align: center; |
| width: 98px; |
| box-sizing:border-box; |
| -moz-box-sizing:border-box; |
| -webkit-box-sizing:border-box; |
| } |
| #photo-placeholder:hover { |
| background: url("../img/icones/icone-photo-hover.png"); |
| background-size: 89px; |
| border: 5px dashed #111; |
| border-radius: 8px; |
| } |
| |
| #barre-progression-upload span { |
| color : #333333; |
| } |
| .obs-erreur { |
| background-color: #DD6E6E; |
| } |
| #barre-progression-upload span { |
| color : #333333; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Google Map*/ |
| #map-canvas { |
| height:240px; |
| } |
| #map-canvas img{ |
| max-width: none; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Form validation */ |
| /* Validation du formulaire */ |
| label.error { |
| font-weight: bold; |
| font-style: italic; |
| color: #B94A48; |
| padding: 0 8px; |
| } |
| |
| label.valid { |
| display: inline-block; |
| text-indent: -9999px; |
| color: #468847; |
| width: 0; |
| height: 0; |
| padding: 0; |
| } |
| |
| .control-group.error label { |
| font-weight: bold; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Collapse */ |
| .well .fermer-symbole { |
| position: absolute; |
| right:0; |
| } |
| .well .titre, .fermer { |
| margin:0; |
| padding: 0; |
| font-size: 20px; |
| line-height: 20px; |
| cursor:pointer; |
| } |
| .well .fermer { |
| display:block; |
| color: black; |
| } |
| .well .fermer:hover { |
| text-decoration: none; |
| } |
| .well .icone { |
| position:absolute; |
| right:5px; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /*Modal plte-description */ |
| .dsc-imgs { |
| max-width: 800px; |
| margin:0 auto; |
| } |
| .dsc-infos { |
| max-width: 800px; |
| } |
| .dsc-clean { |
| clear:both; |
| } |
| @media (min-width: 600px) and (max-width: 800px) { |
| .dsc-imgs { |
| width: 600px; |
| } |
| .dsc-imgs img { |
| width: 290px; |
| } |
| .dsc-infos { |
| width: 600px; |
| } |
| } |
| @media (min-width: 801px) and (max-width: 1359px) { |
| .modal { |
| width:800px; |
| margin-left:-400px; |
| } |
| .dsc-imgs { |
| width: 780px; |
| } |
| .dsc-infos { |
| width: 700px; |
| } |
| } |
| @media (min-width: 1360px) { |
| .modal { |
| width:1360px; |
| margin-left:-680px; |
| } |
| .dsc-imgs { |
| float:left; |
| } |
| .dsc-infos { |
| float:left; |
| max-width: 500px; |
| } |
| |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Correction style CSS Bootstrap */ |
| .well { |
| margin-bottom: 5px; |
| padding: 4px; |
| } |