roberto
4026b7fd89
git-svn-id: https://192.168.0.254/svn/Proyectos.PincelCristal_Web50metros/trunk@2 88b503a1-4b58-49db-b862-13da0b49c13b
103 lines
2.4 KiB
CSS
103 lines
2.4 KiB
CSS
#header .casaMap {
|
|
float: right;
|
|
height: 200px;
|
|
width: 430px;
|
|
background-image: url('../images/apartamento1/planocasa_antes.jpg');
|
|
background-repeat: no-repeat;
|
|
background-position: top right;
|
|
}
|
|
|
|
dl#casaMap {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: transparent url('../images/apartamento1/planocasa_despues.jpg') top left no-repeat;
|
|
height: 365px;
|
|
width: 317px;
|
|
position: relative;
|
|
}
|
|
|
|
dt{ margin: 0; padding: 0; position: absolute;display: none; }
|
|
dd{ margin: 0; padding: 0; position: absolute;}
|
|
|
|
|
|
dd#entradaDef {top: 150px; left: 165px; }
|
|
dd#entradaDef a {position: absolute; width: 120px; height: 160px; text-decoration: none; }
|
|
dd#entradaDef a span {display: none;}
|
|
dd#entradaDef a:hover {visibility: visible;}
|
|
dd#entradaDef a:hover span{
|
|
width: 250%;
|
|
top: 50%;
|
|
left: 25%;
|
|
display: block;
|
|
text-indent: 0;
|
|
color: #082C63;
|
|
background-color: #E0F5FE;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
border: 1px solid #15A7EB;
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
|
|
dd#pasilloDef {top: 80px; left: 150px;}
|
|
dd#pasilloDef a{position: absolute; width: 40px; height: 65px; text-decoration: none;}
|
|
dd#pasilloDef a span{ display: none; }
|
|
dd#pasilloDef a:hover {visibility: visible;}
|
|
dd#pasilloDef a:hover span{
|
|
width: 350%;
|
|
top: 25%;
|
|
left: -400%;
|
|
display: block;
|
|
text-indent: 0;
|
|
text-align: right;
|
|
color: #082C63;
|
|
background-color: #E0F5FE;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
border: 1px solid #15A7EB;
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
dd#bano1Def {top: 80px; left: 195px; }
|
|
dd#bano1Def a{position: absolute; width: 80px; height: 60px; text-decoration: none;}
|
|
dd#bano1Def a span{ display: none; }
|
|
dd#bano1Def a:hover {visibility: visible;}
|
|
dd#bano1Def a:hover span{
|
|
width: 250%;
|
|
top: 25%;
|
|
left: 100%;
|
|
display: block;
|
|
text-indent: 0;
|
|
color: #082C63;
|
|
background-color: #E0F5FE;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
border: 1px solid #15A7EB;
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
dd#bano2Def {top: 15px; left: 150px;}
|
|
dd#bano2Def a{position: absolute; width: 115px; height: 65px; text-decoration: none;}
|
|
dd#bano2Def a span{ display: none; }
|
|
dd#bano2Def a:hover {visibility: visible;}
|
|
dd#bano2Def a:hover span{
|
|
width: 250%;
|
|
top: 25%;
|
|
left: 70%;
|
|
display: block;
|
|
text-indent: 0;
|
|
color: #082C63;
|
|
background-color: #E0F5FE;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
border: 1px solid #15A7EB;
|
|
margin: 0;
|
|
padding: 5px;
|
|
} |