Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 520 → Rev 521

/trunk/widget/modules/carto/squelettes/css/carto.css
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;