| New file |
|---|
| 0,0 → 1,316 |
|---|
| @CHARSET "UTF-8"; |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Balises */ |
| footer p{ |
| text-align:center; |
| } |
| button img { |
| display:block; |
| } |
| |
| h1 { |
| font-size: 26px; |
| } |
| |
| h2 { |
| margin-top: 10px;; |
| } |
| |
| strong { |
| font-size: 14px; |
| } |
| |
| /*+-------------------------------+*/ |
| /*+ Media query test pour les écrans HD genre MacBook de Daniel +*/ |
| @media only screen and (min-device-pixel-ratio: 2), |
| only screen and (min-resolution: 192dpi) { |
| |
| .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { |
| width: 1670px; |
| } |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Générique */ |
| html { |
| background-color: black; |
| } |
| .discretion { |
| color:grey; |
| font-family:arial; |
| font-size:11px; |
| line-height: 13px; |
| } |
| |
| .droite { |
| text-align:right; |
| } |
| .centre { |
| text-align:center; |
| } |
| .pointer { |
| cursor: pointer; |
| } |
| .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%; |
| } |
| input#taxon { |
| width: 300px; |
| } |
| |
| /* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline |
| aux messages d'erreur */ |
| .control-group .error { |
| color: #b94a48; |
| display: inline-block; |
| padding-left: 5px; |
| vertical-align: middle; |
| } |
| |
| /* |
| .control-group.success label, |
| .control-group.success input, |
| .control-group.success select, |
| .control-group.success textarea { |
| color: inherit; |
| } |
| */ |
| |
| /** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */ |
| .popover-content { |
| border: 1px solid #ddd; |
| } |
| .popover-html-content { |
| display: none; |
| } |
| h3.popover-title { |
| display: none; |
| } |
| |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Formulaire spécifique */ |
| #map-canvas { |
| height:440px; |
| } |
| #info-commune { |
| text-align:right; |
| } |
| .ns-retenu { |
| font-weight:bold; |
| } |
| .nn{ |
| color:inherit; |
| } |
| .nom-sci{ |
| font-size:inherit; |
| font-style:italic; |
| font-weight:none; |
| } |
| .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; |
| background-repeat: no-repeat; |
| background-size: cover; |
| } |
| |
| .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; |
| } |
| |
| .gras { |
| font-weight: bold; |
| } |
| |
| #referentiel { |
| display: inline; |
| } |
| |
| #logo-titre { |
| position: relative; |
| } |
| |
| #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; |
| } |
| |
| #taxon-option-autre { |
| border-top:2px solid grey; |
| font-weight:bold; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Correction style CSS Bootstrap */ |
| .well { |
| margin-bottom: 5px; |
| padding: 4px; |
| } |
| |
| .page-header { |
| text-align: justify; |
| text-align: center; |
| } |
| |
| /* Supression de l'espace (à l'arrache) */ |
| #taxon-liste, |
| #taxon, |
| #identification-liste, |
| #abondance-liste, |
| #courriel |
| { |
| margin-left: -4px; |
| } |
| |
| #titre-projet { |
| float: left; |
| margin-top: 20px; |
| font-size: 20px; |
| } |
| |
| #logo-titre { |
| padding-top: 10px; |
| margin-left: 0px; |
| } |
| |
| #logo-messicoles { |
| height: 42px; |
| float: right; |
| padding-top: 10px; |
| } |
| |
| |
| |
| |
| /* Media Queries */ |
| @media (max-width: 500px) { |
| .texte-infobulle, |
| .image-infobulle { |
| max-width: 200px; |
| text-align: justify; |
| } |
| .image-verticale-infobulle { |
| max-width: 100px; |
| float: right; |
| } |
| #bord1 { |
| max-width: 200px; |
| } |
| } |
| @media (min-width: 501px) { |
| .texte-infobulle, |
| .image-infobulle { |
| max-width: 400px; |
| text-align: justify; |
| } |
| .image-verticale-infobulle { |
| max-width: 170px; |
| float: right; |
| } |
| #bord1 { |
| max-width: 230px; |
| } |
| } |
| |
| select{width: 90%;} |
| |