CSS
.sharing {
font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
padding: 10px;padding-bottom: 12px;
position: fixed;
color: #252525;
font-size: 0.8em;
background: rgba(0,0,0,0.15);
text-shadow: rgba(0,0,0,0.15) 0px 2px 3px;
/** CSS3 **/
-webkit-animation: fadein 2s 1 ease-out;-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 2px 3px, inset rgba(0,0,0,0.15) 0px -40px 50px, inset rgba(0,0,0,0.15) 0px -4px 0px;
-khtml-animation: fadein 2s 1 ease-out;-khtml-border-radius: 5px;
-khtml-box-shadow: rgba(0,0,0,0.15) 0px 2px 3px, inset rgba(0,0,0,0.15) 0px -40px 50px, inset rgba(0,0,0,0.15) 0px -4px 0px;
-moz-animation: fadein 2s 1 ease-out;-moz-border-radius: 5px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 3px, inset rgba(0,0,0,0.15) 0px -40px 50px, inset rgba(0,0,0,0.15) 0px -4px 0px;
-o-animation: fadein 2s 1 ease-out;-o-border-radius: 5px;
-o-box-shadow: rgba(0,0,0,0.15) 0px 2px 3px, inset rgba(0,0,0,0.15) 0px -40px 50px, inset rgba(0,0,0,0.15) 0px -4px 0px;
animation: fadein 2s 1 ease-out;border-radius: 5px;
box-shadow: rgba(0,0,0,0.15) 0px 2px 3px, inset rgba(0,0,0,0.15) 0px -40px 50px, inset rgba(0,0,0,0.15) 0px -4px 0px;
}
@-webkit-keyframes fadein{0% {opacity: 0;}80% {opacity: 0;}}
@-khtml-keyframes fadein{0% {opacity: 0;}80% {opacity: 0;}}
@-moz-keyframes fadein{0% {opacity: 0;}80% {opacity: 0;}}
@-o-keyframes fadein{0% {opacity: 0;}80% {opacity: 0;}}
@keyframes fadein{0% {opacity: 0;}80% {opacity: 0;}}
/********** POSITIONING **********/
.sharing.top {top: 10px;}
.sharing.bottom {bottom: 10px;}
.sharing.left {left: 10px;}
.sharing.right {right: 10px;}
/********** IGNORE JUST THE GOOGLE IFRAME **********/
body {padding: 0px;}iframe {position: relative;width: 100%;height: 500px;border: none;}