113 lines
2.9 KiB
CSS
113 lines
2.9 KiB
CSS
|
/* ### General control styles ### */
|
||
|
|
.map-share div,
|
||
|
|
.map-share .twitter,
|
||
|
|
.map-share .facebook {
|
||
|
|
display:block;
|
||
|
|
position:absolute;
|
||
|
|
border:1px solid #ccc;
|
||
|
|
background:#fff;
|
||
|
|
border-radius:3px;
|
||
|
|
-moz-border-radius:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
-moz-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ### Zoomer, close buttons, share ### */
|
||
|
|
.map-share .close {
|
||
|
|
position: absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAeCAYAAADO4udXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHFSURBVHic7dpBbsIwEAXQoZpbwKKz8Bm66EFyjUicI1KuwUF6Ci/cBbmFJbqoLbluJezgMSn8JyGhJMRAvmZiw+5yuRBAay/3fgPwmBAsUIFggQoEC1QgWKACwQIVCBaoQLCgiIiMIjKWHo9gbVy4oJ/po9e42fPiUBERcemBxpiD935i5qO19ly6rzUR+SAics69a46zFc65WUSIKi9sA2MYN449O+fm0hcXVyzv/UREb977kzHmELeHUJ3Cvqn0fDfYhwfoi5WqKlREFRWLmY8hQPsQroGIKG4jooWZjzWDw3VJG4oXtnflWqU4WNbaszFmSMMVdsVQDdpt8NmkoYoVI2lPPY0iQjVVa1f774ak9cV2pBqqcE91rfUtre+57jGuiIxJgFa3oS0orljQxU03zGv8NeNzzr3eet6qipVVqyVs7toK43S7xYffmmwpoVulysPV4rstnhXmoWLmgZkH+g7YPp8twnOrXW74UZ2stecsXD2WG55F1Ur3Wtmss1mFrF1u+LUImswWp07LDcv1Q/6n3u1dc9ZZPSuExxErosa9HIIFKvAjNKhAsEAFggUqECxQgWCBCgQLVCBYoALBAhVfpi7sxwlEhWYAAAAASUVORK5CYII=);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
overflow:hidden;
|
||
|
|
background-position:-6px -6px;
|
||
|
|
top:4px;
|
||
|
|
right:4px;
|
||
|
|
width:18px;
|
||
|
|
height:18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share .close:active {
|
||
|
|
border-color:#bbb;
|
||
|
|
background-color:#ddd;
|
||
|
|
box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
-moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.share {
|
||
|
|
clear:left;
|
||
|
|
left:10px;
|
||
|
|
top:10px;
|
||
|
|
width:57px;
|
||
|
|
height:18px;
|
||
|
|
font:bold 10px/18px Arial,sans-serif;
|
||
|
|
text-align:center;
|
||
|
|
text-transform:uppercase;
|
||
|
|
background:#333;
|
||
|
|
background:rgba(32,32,32,0.75);
|
||
|
|
border-color:#666;
|
||
|
|
border-color:rgba(128,128,128,0.75);
|
||
|
|
border-radius: 3px;
|
||
|
|
color:#fff;
|
||
|
|
position: absolute;
|
||
|
|
left: 11px;
|
||
|
|
top: 45px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* ### Share ### */
|
||
|
|
.map-share {
|
||
|
|
background:#666;
|
||
|
|
background:rgba(32,32,32,0.75);
|
||
|
|
position:absolute;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
top:0px; left:0px; right:0px; bottom:0px;
|
||
|
|
z-index:999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share div {
|
||
|
|
right:50%;
|
||
|
|
top:50%;
|
||
|
|
margin:-120px -180px 0px 0px;
|
||
|
|
padding:19px;
|
||
|
|
width:320px;
|
||
|
|
height:200px;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share small { color:#999; }
|
||
|
|
|
||
|
|
.map-share textarea {
|
||
|
|
display:block;
|
||
|
|
font:normal 10px/15px Arial,sans-serif;
|
||
|
|
resize:none;
|
||
|
|
border:1px solid #ccc;
|
||
|
|
padding:4px;
|
||
|
|
width:310px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share .twitter,
|
||
|
|
.map-share .facebook {
|
||
|
|
display:inline-block;
|
||
|
|
position:relative;
|
||
|
|
padding:2px 18px;
|
||
|
|
margin-right:10px;
|
||
|
|
background:#fff;
|
||
|
|
color:#fff;
|
||
|
|
font-weight:bold;
|
||
|
|
border:2px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share .twitter {
|
||
|
|
background:#0ac;
|
||
|
|
border-color:#4ce;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-share .facebook {
|
||
|
|
background:#359;
|
||
|
|
border-color:#68c;
|
||
|
|
}
|