| New file |
|---|
| 0,0 → 1,364 |
|---|
| @CHARSET "UTF-8"; |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Polices d'écriture*/ |
| @font-face { |
| font-family: florileges; |
| src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'), |
| url(fonts/caflisch_scriptw_web.woff) format('woff'); |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Balises */ |
| body { |
| background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47; |
| } |
| footer p{ |
| color:white; |
| text-align:center; |
| } |
| button img { |
| display:block; |
| } |
| h1, h2 { |
| font-size: 40px; |
| font-family:florileges; |
| font-weight: normal; |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Générique */ |
| .discretion { |
| color:white; |
| 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%; |
| } |
| .nom-sci { |
| font-style: italic; |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Gestion des photos */ |
| |
| /* Form d'ajout des photos */ |
| #form-upload .miniature { |
| float: left; |
| height: 130px; |
| margin: 5px; |
| } |
| #form-upload .miniature-img { |
| display: block; |
| height: 100px; |
| } |
| #form-upload .miniature-chargement { |
| height:100px; |
| width: 100px; |
| } |
| |
| /* Bouton de sélection des fichiers */ |
| #fichier { |
| visibility: hidden; |
| height:0; |
| width:0; |
| } |
| #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; |
| } |
| |
| /* Images d'une observation */ |
| .obs .obs-miniatures { |
| min-width: 150px; |
| margin-right: 5px; |
| background-color:#524C47; |
| padding: 4px 0; |
| } |
| .obs .miniature { |
| display: block; |
| height: 100px; |
| margin: 0 auto; |
| } |
| .defilement { |
| position: relative; |
| padding: 8px 0; |
| } |
| .defilement-control-zone { |
| display: block; |
| position: absolute; |
| top: 0; |
| width: 50%; |
| height: 116px; |
| } |
| .defilement-control-zone.gauche{ |
| left: 0; |
| } |
| .defilement-control-zone.droite { |
| right: 0; |
| } |
| .defilement-control { |
| display: block; |
| position: absolute; |
| top: 35%; |
| width:20px; |
| height: 20px; |
| line-height: 20px; |
| font-size: 17px; |
| font-weight: 100; |
| text-align: center; |
| vertical-align: middle; |
| border: 3px solid white; |
| border-radius: 20px; |
| color: white; |
| opacity: 1; |
| background: none repeat scroll 0 0 #524C47; |
| } |
| .defilement-control.gauche { |
| left: 3%; |
| } |
| .defilement-control.droite { |
| right: 3%; |
| } |
| |
| .defilement-miniatures-cache { |
| visibility: hidden; |
| } |
| .obs .miniature-cachee { |
| display: none; |
| } |
| |
| .defilement-indicateurs { |
| list-style: none outside none; |
| margin: 0; |
| position: absolute; |
| left: 0; |
| bottom: 2px; |
| z-index: 5; |
| } |
| .defilement-indicateurs li { |
| background-color: rgba(255, 255, 255, 0.25); |
| border-radius: 2px; |
| border: 1px solid lightgrey; |
| display: block; |
| float: left; |
| height: 4px; |
| margin-left: 2px; |
| text-indent: -999px; |
| width: 4px; |
| } |
| .defilement-indicateurs .active { |
| background-color: #FFFFFF; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Correction style CSS Bootstrap */ |
| .well { |
| margin-bottom: 5px; |
| padding: 4px; |
| background: url("../img/background/noise.png") repeat scroll 0 0 white; |
| } |
| @media (min-width: 575px) and (max-width: 767px){ |
| .forcer-colonne [class*="span"] { |
| float: left; |
| margin-left: 2.12766%; |
| } |
| .forcer-colonne .span4 { |
| width: 31.6239%; |
| } |
| .forcer-colonne .span6 { |
| width: 48.9362%; |
| } |
| .forcer-colonne .span8 { |
| width: 65.9574%; |
| } |
| } |
| @media (min-width: 1600px) { |
| .container { |
| width: 1580px; |
| } |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* Spécifique Florilèges */ |
| .entete .intro { |
| 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; |
| color: white; |
| padding:5px; |
| } |
| .entete .intro a { |
| color: #524C47; |
| } |
| |
| /* Géolocalisation */ |
| #map-canvas { |
| height: 240px; |
| margin-bottom:5px; |
| } |
| .coordonnees-geo, .lat-lon-info { |
| font-size: 10px; |
| } |
| #info-commune { |
| text-align:right; |
| font-size:10px; |
| } |
| .afficher-coord { |
| font-size:10px; |
| } |
| |
| /* Observations */ |
| #obs-titre { |
| margin-right: 20px; |
| } |
| #form-date { |
| margin: 10px 0; |
| line-height: 40px; |
| } |
| .ns-retenu { |
| font-weight:bold; |
| } |
| .nn{ |
| color:#3B9D3B; |
| } |
| .obs .nom-sci{ |
| font-size:1.5em; |
| font-weight:bold; |
| } |
| .commune, .date{ |
| font-size:1.3em; |
| font-weight:bold; |
| } |
| .obs-action{ |
| opacity:1; |
| } |
| |
| /* Validation du formulaire */ |
| label.valid { |
| display: inline-block; |
| text-indent: -9999px; |
| color: #468847; |
| } |
| label.error { |
| font-weight: bold; |
| font-style:italic; |
| color: #B94A48; |
| padding: 0 8px; |
| } |
| .control-group.error label { |
| font-weight: bold; |
| } |
| .error .horizontal-slider{ |
| background: #B94A48; |
| } |
| .slider-holder + select + label.error { |
| clear: both; |
| } |
| #form-date .input-prepend input { |
| vertical-align:top; |
| } |
| #form-date .input-prepend input + label.error { |
| display: block; |
| } |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* SLIDERs */ |
| .slider-on { |
| display:none; |
| } |
| .slider-holder { |
| height: 25px; |
| margin-left: -20px; |
| margin-right: 20px; |
| padding-left: 40px; |
| padding-top: 30px; |
| } |
| .ui-widget-header { |
| background: url("../img/background/noise.png") #A1C886; |
| } |
| .horizontal-slider { |
| margin: 0 3%; |
| height: 9px !important; |
| width: 90%; |
| } |
| .horizontal-slider.ui-slider-horizontal .ui-slider-range-min { |
| border-radius: 5px 0 0 5px; |
| } |
| .slider-holder p { |
| float: left; |
| font-size: 10px; |
| text-align: center; |
| top: 10px; |
| } |
| .slider-holder p + p { |
| line-height: 1.5em; |
| } |
| .slider-holder .slider-legend { |
| margin: 0 3%; |
| } |
| .slider-holder .slider-legend p { |
| padding-top: 5px; |
| overflow: hidden; |
| word-wrap: break-word; |
| } |
| .horizontal-slider a.ui-slider-handle { |
| background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent; |
| border: medium none; |
| border-radius: 0; |
| display: block; |
| font-size: 14px; |
| font-weight: bold; |
| height: 60px; |
| margin: 5px 5px 5px -35px; |
| padding: 0; |
| position: relative; |
| text-align: center; |
| text-decoration: none; |
| top: -40px; |
| width: 70px; |
| white-space: nowrap; |
| } |
| .ui-slider .ui-slider-handle { |
| font-size: 12px; |
| } |
| .ui-datepicker { |
| z-index: 2; |
| } |