New file |
0,0 → 1,245 |
@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; |
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* 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%; |
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire */ |
#map-canvas { |
height:240px; |
} |
#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; |
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Gestion des photos */ |
.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; |
} |
#fichier { |
display: none; |
} |
#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; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Correction style CSS Bootstrap */ |
.well { |
margin-bottom: 5px; |
padding: 4px; |
background: url("../img/background/noise.png") repeat scroll 0 0 white; |
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Spécifique Florilèges */ |
.page-header .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; |
} |
.page-header .intro a { |
color: #524C47; |
} |
|
/* Géolocalisation */ |
#map-canvas { |
height: 240px; |
} |
.coordonnees-geo, .lat-lon-info { |
font-size: 10px; |
} |
|
/* Observations */ |
#obs-titre { |
margin-right: 20px; |
} |
#form-date { |
margin: 10px 0; |
line-height: 40px; |
} |
|
|
/* SLIDERs */ |
.slider-on { |
display: none; |
} |
.slider-holder { |
height: 65px; |
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; |
} |
.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; |
} |