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%;} |
|