| /* |
| * Social media sharing module |
| */ |
| .article-share-box { |
| position: absolute; |
| display: none; |
| background: #fff; |
| -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.2); |
| box-shadow: 1px 2px 10px rgba(0,0,0,0.2); |
| -webkit-border-radius: 3px; |
| border-radius: 3px; |
| margin-left: -145px; |
| overflow: hidden; |
| z-index: 1; |
| } |
| .article-share-box.on { |
| display: block; |
| } |
| .article-share-input { |
| width: 100%; |
| background: none; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; |
| padding: 0 15px; |
| color: #555; |
| outline: none; |
| border: 1px solid #ddd; |
| -webkit-border-radius: 3px 3px 0 0; |
| border-radius: 3px 3px 0 0; |
| height: 36px; |
| line-height: 36px; |
| } |
| .article-share-links { |
| zoom: 1; |
| background: #eee; |
| line-height: normal; |
| } |
| .article-share-links:before, |
| .article-share-links:after { |
| content: ""; |
| display: table; |
| } |
| .article-share-links:after { |
| clear: both; |
| } |
| .article-share-twitter, |
| .article-share-facebook, |
| .article-share-pinterest, |
| .article-share-google { |
| width: 50px; |
| height: 36px; |
| display: block; |
| float: left; |
| position: relative; |
| color: #999; |
| text-shadow: 0 1px #fff; |
| } |
| .article-share-twitter:before, |
| .article-share-facebook:before, |
| .article-share-pinterest:before, |
| .article-share-google:before { |
| font-size: 20px; |
| font-family: FontAwesome; |
| width: 20px; |
| height: 20px; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| margin-top: -10px; |
| margin-left: -10px; |
| text-align: center; |
| } |
| .article-share-twitter:hover, |
| .article-share-facebook:hover, |
| .article-share-pinterest:hover, |
| .article-share-google:hover { |
| color: #fff; |
| } |
| .article-share-twitter:before { |
| content: "\f099"; |
| } |
| .article-share-twitter:hover { |
| background: #00aced; |
| text-shadow: 0 1px #008abe; |
| } |
| .article-share-facebook:before { |
| content: "\f09a"; |
| } |
| .article-share-facebook:hover { |
| background: #3b5998; |
| text-shadow: 0 1px #2f477a; |
| } |
| .article-share-pinterest:before { |
| content: "\f0d2"; |
| } |
| .article-share-pinterest:hover { |
| background: #cb2027; |
| text-shadow: 0 1px #a21a1f; |
| } |
| .article-share-google:before { |
| content: "\f0d5"; |
| } |
| .article-share-google:hover { |
| background: #dd4b39; |
| text-shadow: 0 1px #be3221; |
| } |