| New file |
|---|
| 0,0 → 1,466 |
|---|
| @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; |
| } |
| |
| #photos-conteneur { |
| height: 120px; |
| } |
| |
| /* 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; |
| z-index: 2; |
| 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; |
| cursor: pointer; |
| } |
| |
| .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-color: #689E4B; |
| 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: 280px; |
| margin-bottom: 5px; |
| margin-top: -40px; |
| } |
| |
| #map-canvas img { |
| max-width: none; |
| } |
| |
| .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.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; |
| } |
| |
| .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; |
| } |
| |
| /* Liste des taxons */ |
| #taxon-liste optgroup + optgroup { |
| border-top: 1px solid black; |
| } |
| |
| #liste-obs .obs-erreur { |
| background-color: #DD6E6E; |
| } |
| |
| |
| #indication-nom-rue { |
| -moz-user-select: none; |
| background-clip: padding-box; |
| background-color: #fff; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-bottom-left-radius: 2px; |
| border-top-left-radius: 2px; |
| bottom: -215px; |
| box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); |
| color: #565656; |
| direction: ltr; |
| font-family: Roboto,Arial,sans-serif; |
| font-size: 11px; |
| left: 25px; |
| min-width: 25px; |
| overflow: hidden; |
| padding: 1px 6px; |
| position: relative; |
| text-align: center; |
| visibility: hidden; |
| width: 288px; |
| z-index: 10; |
| } |
| |
| #indication-nom-rue-nom { |
| display: inline-block; |
| height: 14px; |
| max-width: 240px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .navigation-rue, .navigation-rue:active { |
| display: inline-block; |
| color: black; |
| font-size: 20px; |
| margin-top: -4px; |
| } |
| |
| #indication-nom-rue-precedent { |
| float: left; |
| } |
| |
| #indication-nom-rue-suivant { |
| float: right; |
| } |
| |
| #indication-nom-rue img { |
| height: 15px; |
| margin-bottom: 2px; |
| } |
| |
| /*+--------------------------------------------------------------------------------------------------------+*/ |
| /* 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; |
| } |