$(document).ready(function(e){
$("img[usemap]").mapify();
});
@media (max-width: 1920px) {
img#map-image {
height:620px;
width:1000px;
}
}
@media (max-width: 1680px) {
img#map-image {
height:558px;
width:900px;
}
}
@media (max-width: 1366px) {
img#map-image {
height:496px;
width:800px;
}
}
@media (max-width: 1024px) {
img#map-image {
height:496px;
width:800px;
}
}
@media (max-width: 768px) {
img#map-image {
height:297px;
width:480px;
}
}
@media (max-width: 480px) {
img#map-image {
height:223px;
width:360px;
}
}
@media (max-width: 360px) {
img#map-image {
height:198px;
width:320px;
}
}
.mapify-holder{position:relative;display:inline-block;font-size:0;max-width:100%;z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mapify-imgHolder{position:relative;z-index:1}.mapify-GPU,.mapify-holder *{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mapify-imgHolder .mapify{max-width:100%;height:auto}.mapify-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.mapify-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.mapify-polygon{transition:all .5s;fill:transparent;stroke:transparent;stroke-width:0}.mapify-hover{fill:#09f}.mapify-popOver{color:#000;position:absolute;top:0;left:0;padding:20px 30px;width:260px;background:#fff;box-shadow:rgba(0,0,0,.15) 0 0 0 2px;z-index:999;-ms-transform:translateY(-15px);transform:translateY(-15px);border-radius:5px;text-align:center;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px;z-index:-1;opacity:0}.mapify-popOver .mapify-popOver-arrow{content:"";width:15px;height:15px;z-index:-2;margin-top:-3px;box-shadow:inset #fff 0 0 0 100px;border-top:solid transparent 2px;border-left:solid transparent 2px;border-right:solid rgba(0,0,0,.15) 2px;border-bottom:solid rgba(0,0,0,.15) 2px;position:absolute;top:100%;left:50%;-ms-transform:translateX(-15px) rotate(45deg) translateY(-50%);transform:translateX(-15px) rotate(45deg) translateY(-50%)}.mapify-popOver.mapify-bottom .mapify-popOver-arrow{top:auto;bottom:100%;margin-top:auto;margin-bottom:-3px;border-bottom:solid transparent 2px;border-right:solid transparent 2px;border-top:solid rgba(0,0,0,.15) 2px;border-left:solid rgba(0,0,0,.15) 2px;-ms-transform:rotate(45deg) translateY(50%);transform:rotate(45deg) translateY(50%)}.mapify-popOver.mapify-visible{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
/*kolor podświetlenia*/
.mapify-hover{
fill:rgba(245,128,32,.5);
border: 3px solid #EC6E00;
}
Zobacz pozostałe kondygnacje:
0
1
2
3
4