/* Custom share Buttons With Floating Sidebar (C) * Author: Raghunath gurjar * */ .sbutton img {opacity:0.8;} .sbutton img:hover{opacity:1;} .csbwfs-social-widget {position: fixed;width: 50px;z-index: 99999;} .csbwfs-social-widget .csbwfs-sbutton {background: none;float: right;height: 42px;margin: 0;padding: 0;position: relative;width: 50px;} .csbwfs-sbutton img{padding:5px;} .csbwfs-sbutton a {text-align:center; display:block; width:45px; height:42px; border-bottom:1px solid rgba(255, 255, 255, 0.1)} .csbwfs-tw a{background:none repeat scroll 0 0 #2CA8D2; } .csbwfs-fb a{background:none repeat scroll 0 0 #305891;} .csbwfs-ml a{background:none repeat scroll 0 0 #738A8D;} .csbwfs-gp a{background:none repeat scroll 0 0 #DD4C39; } .csbwfs-li a{background:none repeat scroll 0 0 #007BB6;} .csbwfs-pin a{background:none repeat scroll 0 0 #ca2027;} .csbwfs-yt a{background:none repeat scroll 0 0 #d42026;} .csbwfs-re a{background:none repeat scroll 0 0 #93c3e6;} .csbwfs-st a{background:none repeat scroll 0 0 #FFF;} .csbwfs-sk a{background:none repeat scroll 0 0 #08b0f1;} /* Right Position */ #csbwfs-right #csbwfs-re,#csbwfs-right #csbwfs-st,#csbwfs-right #csbwfs-yt,#csbwfs-right #csbwfs-ml,#csbwfs-right #csbwfs-pin,#csbwfs-right #csbwfs-gp,#csbwfs-right #csbwfs-tw,#csbwfs-right #csbwfs-fb,#csbwfs-right #csbwfs-li a {position: absolute; right: 0;} #csbwfs-right a#csbwfs-hide {padding-right:33px;} #csbwfs-right a#csbwfs-show {float:right;} /* Bottom Position */ #csbwfs-bottom #re a, #csbwfs-bottom #st a ,#csbwfs-bottom #yt a , #csbwfs-bottom #ml a,#csbwfs-bottom #pin a,#csbwfs-bottom #gp a ,#csbwfs-bottom #tw a,#csbwfs-bottom #fb a ,#csbwfs-bottom #fb a { bottom: 0; height: 45px; } #csbwfs-bottom {width:100%;margin:0 auto; text-align:center; bottom: 0 !important; } #csbwfs-bottom .csbwfs-hide{display:none !important;} #csbwfs-bottom .csbwfs-sbutton{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;float: none; margin: 0 auto;position: relative;width: 45px;} #csbwfs-bottom .csbwfs-sbutton img {width: 31px;height: 30px;opacity: 0.8;} #csbwfs-bottom .csbwfs-sbutton img:hover{opacity:1;} /* Custom Share Buttons*/ #socialButtonOnPage {width:100%;display:inline-block;float:left;position: relative; } #socialButtonOnPage .csbwfs-sbutton-post img {width:31px; height:30px;opacity:1; padding-top:1%; margin:0 auto; text-align:center;border:none !important;} #socialButtonOnPage .csbwfs-sbutton-post img:hover{opacity:1;} #socialButtonOnPage .sharethis-arrow span:hover44% 19%{cursor:pointer;} #socialButtonOnPage .sharethis-arrow span{ color: #FFFFFF;display: inline-block;font-size: 16px;font-style: italic; font-weight: bold;} /* Left Position */ .leftSocialButtonOnPage .csbwfs-sbutton-post {display:inline-block; padding:5px 1px;} .leftSocialButtonOnPage .sharethis-arrow{ float: left; padding: 8px 10px 5px 1px; height: 35px; margin-top: 5px; margin-right: 25px; width: auto; vertical-align: bottom; background-color: #1ba3df; display: inline-block;position:relative;} .leftSocialButtonOnPage .sharethis-arrow:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #1ba3df; content: ""; right: -35px; margin-left: -25px; position: absolute; top: 0; z-index: 2; transform: rotate(270deg); bottom: 0; } .leftSocialButtonOnPage .sharethis-arrow span{ padding-left: 12px;} /* Right Position */ .rightSocialButtonOnPage .csbwfs-sbutton-post {float:right; padding:5px 1px;} .rightSocialButtonOnPage .sharethis-arrow{ float: right; padding: 8px 10px 5px 1px; height: 35px; margin-top: 5px; margin-left: 25px; width: auto; vertical-align: bottom; background-color: #1ba3df; display: inline-block;position:relative; } .rightSocialButtonOnPage .sharethis-arrow:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #1ba3df; content: ""; left: 0px; margin-left: -35px; position: absolute; top: 0; z-index: 2; transform: rotate(90deg); bottom: 0; } /* CSS for add to show hide button #csbwfs-hide {position:relative;} #csbwfs-hide:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #1ba3df; content: ""; left: 0px; margin-left: 0; position: absolute; top: 0; z-index: 2; transform: rotate(90deg); bottom: 0; }*/ .rightSocialButtonOnPage .sharethis-arrow span{padding-left: 12px;} #socialButtonOnPage .csbwfs-sbutton-post a{display:block;width:50px; height:auto;text-align: center;border:none !important;} #socialButtonOnPage .csbwfs-sbutton-post a:hover{display:block;width:50px; height:auto;text-align: center;border:none !important;} /** Minify Image CSS */ .csbwfs-sbutton a i ,.csbwfs-sbutton-post a i { display: inline-block; position: relative; width: 30px; height:30px; background-image: url("../images/minify-social.png"); } @media only screen and (max-width :768px){ .sharethis-arrow{} .sharethis-arrow span{font-size: 12px !important;} .sharethis-arrow:after{} #socialButtonOnPage .csbwfs-sbutton-post a { width: 40px; } } i.csbwfs_facebook {background-position: 68% 4%;} i.csbwfs_twitter {background-position: 14% 4%;} i.csbwfs_plus {background-position: 80% 4%;} i.csbwfs_linkedin {background-position: 92% 4%;} i.csbwfs_pinterest{background-position: 14% 19%;} i.csbwfs_youtube {background-position: 32% 4%;} i.csbwfs_reddit {background-position: 26% 19%;} i.csbwfs_stumbleupon {background-position: 44% 19%;} i.csbwfs_skype {background-position: 38% 20%;} i.csbwfs_mail {background-position: 9% 19%;} #socialButtonOnPage i.csbwfs_facebook {background-position: 68% 5%;} #socialButtonOnPage i.csbwfs_twitter {background-position: 14% 5%;} #socialButtonOnPage i.csbwfs_plus {background-position: 80% 5%;} #socialButtonOnPage i.csbwfs_linkedin {background-position: 92% 5%;} #socialButtonOnPage i.csbwfs_pinterest{background-position: 14% 20%;} #socialButtonOnPage i.csbwfs_youtube {background-position: 32% 5%;} #socialButtonOnPage i.csbwfs_reddit {background-position: 26% 20%;} #socialButtonOnPage i.csbwfs_stumbleupon {background-position: 44% 19%;} #socialButtonOnPage i.csbwfs_mail {background-position: 8% 20%;} #socialButtonOnPage i.csbwfs_skype {background-position: 38% 20%;}