New file |
0,0 → 1,422 |
@CHARSET "UTF-8"; |
/* |
Code couleurs : |
Police : ? |
Gris : |
foncé : #2B2E34 |
clair : #D7DBC5 |
Vert : |
foncé : #C4D24C / #898F5E (couverture) |
median : #CAD65E / #C0CE40 (titre) |
clair : #D9E28C / #E4E9AD / #F4F7DF |
Marron |
fonçé : #999E6C |
clair texturé : #CDBEA2 |
|
*/ |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Polices d'écriture*/ |
/* FONT : Balthazar */ |
@font-face { |
font-family: 'Balthazar'; |
font-style: normal; |
font-weight: 400; |
src: |
local('Balthazar Regular'), |
local('Balthazar-Regular'), |
url('http://resources.tela-botanica.org/fonts/balthazar/regular.woff') format('woff'); |
} |
/* FONT : Ubuntu */ |
@font-face { |
font-family: 'Ubuntu'; |
font-style: normal; |
font-weight: 400; |
src: |
local('Ubuntu'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/regular.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/regular.ttf) format('ttf'); |
} |
@font-face { |
font-family: 'Ubuntu'; |
font-style: normal; |
font-weight: 700; |
src: |
local('Ubuntu Bold'), |
local('Ubuntu-Bold'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/bold.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/bold.ttf) format('ttf'); |
} |
@font-face { |
font-family: 'Ubuntu'; |
font-style: italic; |
font-weight: 400; |
src: |
local('Ubuntu Italic'), |
local('Ubuntu-Italic'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/italic.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/italic.ttf) format('ttf'); |
} |
@font-face { |
font-family: 'Ubuntu'; |
font-style: italic; |
font-weight: 700; |
src: |
local('Ubuntu Bold Italic'), |
local('Ubuntu-BoldItalic'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/bold_italic.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/ubuntu/bold_italic.ttf) format('ttf'); |
} |
/* FONT : Muli */ |
@font-face { |
font-family: 'Muli'; |
font-style: normal; |
font-weight: 300; |
src: |
local('Muli Light'), |
local('Muli-Light'), |
url(http://resources.tela-botanica.org/fonts/muli/regular.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/muli/regular.ttf) format('ttf'); |
} |
@font-face { |
font-family: 'Muli'; |
font-style: normal; |
font-weight: 400; |
src: |
local('Muli'), |
url(http://resources.tela-botanica.org/fonts/muli/bold.woff) format('woff'); |
} |
@font-face { |
font-family: 'Muli'; |
font-style: italic; |
font-weight: 300; |
src: |
local('Muli Light Italic'), |
local('Muli-LightItalic'), |
url(http://resources.tela-botanica.org/fonts/muli/italic.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/muli/italic.ttf) format('ttf'); |
} |
@font-face { |
font-family: 'Muli'; |
font-style: italic; |
font-weight: 400; |
src: |
local('Muli Italic'), |
local('Muli-Italic'), |
url(http://resources.tela-botanica.org/fonts/muli/bold_italic.woff) format('woff'), |
url(http://resources.tela-botanica.org/fonts/muli/bold_italic.ttf) format('ttf'); |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Balises */ |
body { |
background: #d9e28c; |
background-image: url('../img/background/dessin-tetard.png'), -moz-radial-gradient(center, ellipse cover, #d9e28c 8%, #999e6c 85%); |
background-image: url('../img/background/dessin-tetard.png'), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(27%,#d9e28c), color-stop(85%,#999e6c)); |
background-image: url('../img/background/dessin-tetard.png'), -webkit-radial-gradient(center, ellipse cover, #d9e28c 27%,#999e6c 85%); |
background-image: url('../img/background/dessin-tetard.png'), -o-radial-gradient(center, ellipse cover, #d9e28c 27%,#999e6c 85%); |
background-image: url('../img/background/dessin-tetard.png'), -ms-radial-gradient(center, ellipse cover, #d9e28c 27%,#999e6c 85%); |
background-image: url('../img/background/dessin-tetard.png'), radial-gradient(ellipse at center, #d9e28c 27%,#999e6c 85%); |
background-repeat: no-repeat; |
background-attachment:fixed; |
} |
footer p{ |
text-align:center; |
} |
button img { |
display:block; |
} |
h2 { |
color: #C0CE40; |
font-family: 'Muli', sans-serif; |
border-bottom: 1px solid #2B2E34; |
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Générique */ |
.discretion { |
color:grey; |
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 spécifique */ |
.page-header { |
background-color: rgba(202, 214, 94, 0.4); |
border-radius: 10px; |
text-align: center; |
} |
.page-header h1{ |
font-size: 3em; |
line-height: 63px; |
color: #2B2E34; |
font-family: 'Muli', sans-serif; |
} |
#logo-titre { |
position: relative; |
left: 8px; |
margin-right: 1em; |
} |
|
#intro { |
|
} |
|
#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; |
} |
|
#miniatures { |
padding-top: 5px; |
} |
|
.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; |
} |
|
.referentiel-obs { |
color:#3B9D3B; |
} |
#referentiel { |
display: inline; |
} |
|
#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; |
} |
|
#barre-progression-upload span { |
color : #333333; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Form validation */ |
/* 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; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Collapse */ |
.well .fermer-symbole { |
position: absolute; |
right:0; |
} |
.well .titre, .fermer { |
margin:0; |
padding: 0; |
font-size: 20px; |
line-height: 20px; |
cursor:pointer; |
} |
.well .fermer { |
display:block; |
color: black; |
} |
.well .fermer:hover { |
text-decoration: none; |
} |
.well .icone { |
position:absolute; |
right:5px; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/*Modal plte-description */ |
.dsc-imgs { |
max-width: 800px; |
margin:0 auto; |
} |
.dsc-infos { |
max-width: 800px; |
} |
.dsc-clean { |
clear:both; |
} |
@media (min-width: 600px) and (max-width: 800px) { |
.dsc-imgs { |
width: 600px; |
} |
.dsc-imgs img { |
width: 290px; |
} |
.dsc-infos { |
width: 600px; |
} |
} |
@media (min-width: 801px) and (max-width: 1359px) { |
.modal { |
width:800px; |
margin-left:-400px; |
} |
.dsc-imgs { |
width: 780px; |
} |
.dsc-infos { |
width: 700px; |
} |
} |
@media (min-width: 1360px) { |
.modal { |
width:1360px; |
margin-left:-680px; |
} |
.dsc-imgs { |
float:left; |
} |
.dsc-infos { |
float:left; |
max-width: 500px; |
} |
|
} |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Correction style CSS Bootstrap */ |
.well { |
margin-bottom: 5px; |
padding: 4px; |
background-color: rgba(245,245,245,0.85); |
} |
.btn-primary { |
background-image: linear-gradient(to bottom, #D9E28C, #999E6C); |
background-color: #999E6C; |
font-weight: bold; |
} |
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { |
color: rgb(255, 255, 255); |
background-color: #999E6C; |
} |