You are here

responsive_share_buttons.css in Responsive Share Buttons 8

Same filename and directory in other branches
  1. 7 css/responsive_share_buttons.css
.buttons-sprite,.buttons-delicious,.block-responsive-share-buttons .delicious:after,.buttons-digg,.block-responsive-share-buttons .digg:after,.buttons-facebook,.block-responsive-share-buttons .facebook:after,.buttons-google,.block-responsive-share-buttons .google:after,.buttons-linkedin,.block-responsive-share-buttons .linkedin:after,.buttons-pinterest,.block-responsive-share-buttons .pinterest:after,.buttons-stumbleupon,.block-responsive-share-buttons .stumbleupon:after,.buttons-twitter,.block-responsive-share-buttons .twitter:after{background-image:url('../images/buttons-s710f2366df.png');background-repeat:no-repeat}.buttons-delicious,.block-responsive-share-buttons .delicious:after{background-position:0 0;height:32px;width:32px}.buttons-digg,.block-responsive-share-buttons .digg:after{background-position:0 -32px;height:32px;width:32px}.buttons-facebook,.block-responsive-share-buttons .facebook:after{background-position:0 -64px;height:32px;width:32px}.buttons-google,.block-responsive-share-buttons .google:after{background-position:0 -96px;height:32px;width:32px}.buttons-linkedin,.block-responsive-share-buttons .linkedin:after{background-position:0 -128px;height:32px;width:32px}.buttons-pinterest,.block-responsive-share-buttons .pinterest:after{background-position:0 -160px;height:32px;width:32px}.buttons-stumbleupon,.block-responsive-share-buttons .stumbleupon:after{background-position:0 -192px;height:32px;width:32px}.buttons-twitter,.block-responsive-share-buttons .twitter:after{background-position:0 -224px;height:32px;width:32px}.block-responsive-share-buttons{top:155px;position:fixed;left:0;z-index:100}.block-responsive-share-buttons .share-inner-wrp{list-style:none;margin:0;padding:0}.block-responsive-share-buttons .share-inner-wrp li{background:#E4EFF0;padding:0 0 0 10px;display:block;width:140px;margin:0 0 1px -117px}.block-responsive-share-buttons .share-inner-wrp li a{height:32px;width:auto;display:block;line-height:32px;font-weight:bold;color:#444;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;position:relative}.block-responsive-share-buttons .share-inner-wrp li a:after{content:'';display:inline-block;position:absolute;top:0;right:0;width:32px;height:32px}.block-responsive-share-buttons .contextual-links{left:0;right:auto}@media all and (max-width: 699px){.block-responsive-share-buttons{top:auto;bottom:0;position:fixed;padding:5px 5px 0 5px;background:#EBEBEB;width:100%;margin:0;-webkit-box-shadow:0 -1px 4px rgba(0,0,0,0.15);-moz-box-shadow:0 -1px 4px rgba(0,0,0,0.15);-o-box-shadow:0 -1px 4px rgba(0,0,0,0.15);box-shadow:0 -1px 4px rgba(0,0,0,0.15)}.block-responsive-share-buttons .share-inner-wrp{list-style:none;margin:0 auto;padding:0;text-align:center;overflow:auto}.block-responsive-share-buttons .share-inner-wrp li{display:inline-block;width:32px !important;margin:0;padding:0;margin-left:0 !important}.block-responsive-share-buttons .share-inner-wrp li a{height:32px;display:inline-block;text-indent:-10000px;width:32px;padding-right:0;float:left}}

File

css/responsive_share_buttons.css
View source
  1. .buttons-sprite,.buttons-delicious,.block-responsive-share-buttons .delicious:after,.buttons-digg,.block-responsive-share-buttons .digg:after,.buttons-facebook,.block-responsive-share-buttons .facebook:after,.buttons-google,.block-responsive-share-buttons .google:after,.buttons-linkedin,.block-responsive-share-buttons .linkedin:after,.buttons-pinterest,.block-responsive-share-buttons .pinterest:after,.buttons-stumbleupon,.block-responsive-share-buttons .stumbleupon:after,.buttons-twitter,.block-responsive-share-buttons .twitter:after{background-image:url('../images/buttons-s710f2366df.png');background-repeat:no-repeat}.buttons-delicious,.block-responsive-share-buttons .delicious:after{background-position:0 0;height:32px;width:32px}.buttons-digg,.block-responsive-share-buttons .digg:after{background-position:0 -32px;height:32px;width:32px}.buttons-facebook,.block-responsive-share-buttons .facebook:after{background-position:0 -64px;height:32px;width:32px}.buttons-google,.block-responsive-share-buttons .google:after{background-position:0 -96px;height:32px;width:32px}.buttons-linkedin,.block-responsive-share-buttons .linkedin:after{background-position:0 -128px;height:32px;width:32px}.buttons-pinterest,.block-responsive-share-buttons .pinterest:after{background-position:0 -160px;height:32px;width:32px}.buttons-stumbleupon,.block-responsive-share-buttons .stumbleupon:after{background-position:0 -192px;height:32px;width:32px}.buttons-twitter,.block-responsive-share-buttons .twitter:after{background-position:0 -224px;height:32px;width:32px}.block-responsive-share-buttons{top:155px;position:fixed;left:0;z-index:100}.block-responsive-share-buttons .share-inner-wrp{list-style:none;margin:0;padding:0}.block-responsive-share-buttons .share-inner-wrp li{background:#E4EFF0;padding:0 0 0 10px;display:block;width:140px;margin:0 0 1px -117px}.block-responsive-share-buttons .share-inner-wrp li a{height:32px;width:auto;display:block;line-height:32px;font-weight:bold;color:#444;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;position:relative}.block-responsive-share-buttons .share-inner-wrp li a:after{content:'';display:inline-block;position:absolute;top:0;right:0;width:32px;height:32px}.block-responsive-share-buttons .contextual-links{left:0;right:auto}@media all and (max-width: 699px){.block-responsive-share-buttons{top:auto;bottom:0;position:fixed;padding:5px 5px 0 5px;background:#EBEBEB;width:100%;margin:0;-webkit-box-shadow:0 -1px 4px rgba(0,0,0,0.15);-moz-box-shadow:0 -1px 4px rgba(0,0,0,0.15);-o-box-shadow:0 -1px 4px rgba(0,0,0,0.15);box-shadow:0 -1px 4px rgba(0,0,0,0.15)}.block-responsive-share-buttons .share-inner-wrp{list-style:none;margin:0 auto;padding:0;text-align:center;overflow:auto}.block-responsive-share-buttons .share-inner-wrp li{display:inline-block;width:32px !important;margin:0;padding:0;margin-left:0 !important}.block-responsive-share-buttons .share-inner-wrp li a{height:32px;display:inline-block;text-indent:-10000px;width:32px;padding-right:0;float:left}}