nyc-bookstores/node_modules/mapbox.js/extensions/share.css

113 lines
2.9 KiB
CSS
Raw Normal View History

2013-05-27 20:45:59 +00:00
/* ### 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;
}