META-INF.resources.bsf.css.jssocials.css Maven / Gradle / Ivy
The newest version!
.jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em}.jssocials-share:first-child{margin-left:0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em}img.jssocials-share-logo{width:auto;height:1em}.jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;height:1.5em;padding:0 .3em;line-height:1;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle}
// theme flat
.jssocials-share-count-box,.jssocials-share-link{-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-twitter .jssocials-share-link{background:#00aced}.jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba}.jssocials-share-facebook .jssocials-share-link{background:#3b5998}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-googleplus .jssocials-share-link{background:#dd4b39}.jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321}.jssocials-share-linkedin .jssocials-share-link{background:#007bb6}.jssocials-share-linkedin .jssocials-share-link:hover{background:#005983}.jssocials-share-pinterest .jssocials-share-link{background:#cb2027}.jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f}.jssocials-share-email .jssocials-share-link{background:#3490F3}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-stumbleupon .jssocials-share-link{background:#eb4823}.jssocials-share-stumbleupon .jssocials-share-link:hover{background:#c93412}.jssocials-share-whatsapp .jssocials-share-link{background:#29a628}.jssocials-share-whatsapp .jssocials-share-link:hover{background:#1f7d1e}.jssocials-share-telegram .jssocials-share-link{background:#2ca5e0}.jssocials-share-telegram .jssocials-share-link:hover{background:#1c88bd}.jssocials-share-line .jssocials-share-link{background:#25af00}.jssocials-share-line .jssocials-share-link:hover{background:#1a7c00}.jssocials-share-link{padding:.5em .6em;color:#fff;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover{color:#fff}.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box:hover{background:#dcdcdc}.jssocials-share-count-box:hover:after{border-color:transparent #dcdcdc transparent transparent}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:transparent #f5f5f5 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em;color:#444}