1,9 → 1,13 |
@charset "UTF-8"; |
|
html, body { |
html { |
overflow:hidden; |
} |
body { |
overflow:hidden; |
padding:0; |
margin:0; |
padding:0; |
height: 100%; |
width:100%; |
height:100%; |
font-family:Arial; |
font-size:12px; |
} |
31,8 → 35,14 |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Carte */ |
#carte { |
width:100%; |
height:95%; |
padding:0; |
margin:0; |
position:absolute; |
top:35px; |
left:24px; |
right:0; |
bottom:0; |
overflow:auto; |
} |
.bouton { |
background-color:white; |
52,33 → 62,31 |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Avertissement */ |
#zone-avertissement { |
background-color:rgba(29,30,32,0.8); |
background-color:#4A4B4C !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
background-color:#4A4B4C; |
color:#CCC; |
padding:12px; |
text-align:justify; |
line-height:16px; |
} |
#zone-avertissement {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
background-color:#4A4B4C !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
background-color /*\**/:#4A4B4C\9;/*Hack CSS pour ie8 */ |
} |
#zone-avertissement h1{ |
margin:0; |
} |
#zone-avertissement a { |
border-bottom:1px dotted gainsboro; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Carte titre */ |
#zone-titre { |
background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px rgba(29,30,32,0.8); |
padding-left:24px; |
min-height:30px; |
height:5%; |
padding:0; |
margin:0; |
position:absolute; |
top:0; |
left:0; |
width:100%; |
height:35px; |
overflow:hidden; |
background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C; |
} |
#zone-titre {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
height:30px !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
height /*\**/:30px\9;/*Hack CSS pour ie8 */ |
background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
background /*\**/:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C\9;/*Hack CSS pour ie8 */ |
} |
#zone-info { |
position:absolute; |
top:0; |
88,13 → 96,13 |
} |
#zone-info img { |
display:inline; |
padding:8px; |
padding:4px; |
margin:0; |
border:none; |
} |
#carte-titre { |
display:inline-block; |
margin:0; |
margin:0 0 0 24px; |
padding:0.2em; |
color:#CCCCCC; |
} |
104,56 → 112,49 |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Panneau latéral */ |
|
#panneau-lateral { |
z-index:10; |
width:300px; |
height:100%; |
padding:0; |
margin:0; |
position:absolute; |
top:35px; |
left:0; |
bottom:0; |
width:24px; |
overflow:hidden; |
background-color:#4A4B4C; |
border-right:1px solid grey; |
} |
#pl-contenu { |
display:none; |
background-color:rgba(29,30,32,0.8); |
border-right:1px solid grey; |
box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797; |
} |
#panneau-lateral {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
background-color:#4A4B4C !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
background-color /*\**/:#4A4B4C\9;/*Hack CSS pour ie8 */ |
} |
#pl-entete { |
height:10%; |
min-height:75px; |
height:95px; |
} |
#pl-corps { |
position:relative; |
top:25px; |
height:80%; |
position:absolute; |
top:105px; |
bottom:0; |
overflow:auto; |
padding:5px; |
width:290px; |
} |
#pl-ouverture, #pl-fermeture { |
z-index:11; |
position:relative; |
position:absolute; |
top:0; |
background-color:#FFF; |
height:24px; |
width:24px; |
text-align:center; |
cursor:pointer; |
height:16px; |
width:16px; |
} |
#pl-ouverture { |
background:url(../images/ouverture.png) no-repeat top left; |
background-color:rgba(29,30,32,0.8); |
box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797; |
height:100%; |
left:0; |
background:url(../images/ouverture.png) no-repeat top left #4A4B4C; |
} |
#pl-ouverture {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
background-color:#4A4B4C !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
background-color /*\**/:#4A4B4C\9;/*Hack CSS pour ie8 */ |
} |
#pl-fermeture { |
float:right; |
height:6%; |
background:url(../images/fermeture.png) no-repeat top right; |
display:none; |
left:276px; |
background:url(../images/fermeture.png) no-repeat top right #4A4B4C; |
} |
#pl-ouverture span, #pl-fermeture span{ |
display:none; |
170,8 → 171,7 |
color:#56B80E;} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Pop-up observations */ |
#contenu { |
overflow:none; |
.info-bulle-contenu { |
margin:0; |
padding:0; |
} |
195,7 → 195,7 |
} |
#observations a { |
color:#333; |
border-bottom:1px dotted #EEE; |
border-bottom:1px dotted gainsboro; |
} |
#observations a:hover { |
color:#56B80E; |
204,7 → 204,8 |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Onglets */ |
.onglets { |
position:relative; |
position:absolute; |
top:0; |
float:left; |
height:22px; |
padding:0; |