diff options
author | hawkeye116477 <hawkeye116477@gmail.com> | 2019-02-10 15:08:10 +0300 |
---|---|---|
committer | hawkeye116477 <hawkeye116477@gmail.com> | 2019-02-10 15:11:57 +0300 |
commit | 60e17fc1eac94e4203d21fe6c780fb3cc32e220a (patch) | |
tree | aba1ba2ce9c099f295a3b9f0b2e4a4968d6b8ec9 /assets | |
parent | d27fc556bc366ce9f36afe2fdb1141ba373f10d5 (diff) |
Add social sharing buttons from Sharingbuttons.io
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/style.css | 215 |
1 files changed, 215 insertions, 0 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 106c70c..17eaae5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -2096,4 +2096,219 @@ blockquote { box-shadow: 0 0 0 0.2rem rgba(0, 174, 255, 0.432); } +/*! Social sharing buttons from Sharingbuttons.io */ +.resp-sharing-button__link, +.resp-sharing-button__icon { + display: inline-block +} + +.resp-sharing-button__link { + text-decoration: none; + color: #fff; + margin: 0.5em +} + +.resp-sharing-button { + border-radius: 5px; + transition: 25ms ease-out; + padding: 0.5em 0.75em; + font-family: Helvetica Neue,Helvetica,Arial, sans-serif; +} + +.resp-sharing-button__icon svg { + width: 1em; + height: 1em; + margin-right: 0.4em; + vertical-align: top +} + +.resp-sharing-button--small svg { + margin: 0; + vertical-align: middle +} + +/* Non solid icons get a stroke */ +.resp-sharing-button__icon { + stroke: #fff; + fill: none +} + +/* Solid icons get a fill */ +.resp-sharing-button__icon--solid, +.resp-sharing-button__icon--solidcircle { + fill: #fff; + stroke: none +} + +.resp-sharing-button--twitter { + background-color: #55acee +} + +.resp-sharing-button--twitter:hover { + background-color: #2795e9 +} + +.resp-sharing-button--pinterest { + background-color: #bd081c +} + +.resp-sharing-button--pinterest:hover { + background-color: #8c0615 +} + +.resp-sharing-button--facebook { + background-color: #3b5998 +} + +.resp-sharing-button--facebook:hover { + background-color: #2d4373 +} + +.resp-sharing-button--tumblr { + background-color: #35465C +} + +.resp-sharing-button--tumblr:hover { + background-color: #222d3c +} + +.resp-sharing-button--reddit { + background-color: #5f99cf +} + +.resp-sharing-button--reddit:hover { + background-color: #3a80c1 +} + +.resp-sharing-button--google { + background-color: #dd4b39 +} + +.resp-sharing-button--google:hover { + background-color: #c23321 +} + +.resp-sharing-button--linkedin { + background-color: #0077b5 +} + +.resp-sharing-button--linkedin:hover { + background-color: #046293 +} + +.resp-sharing-button--email { + background-color: #777 +} + +.resp-sharing-button--email:hover { + background-color: #5e5e5e +} + +.resp-sharing-button--xing { + background-color: #1a7576 +} + +.resp-sharing-button--xing:hover { + background-color: #114c4c +} + +.resp-sharing-button--whatsapp { + background-color: #25D366 +} + +.resp-sharing-button--whatsapp:hover { + background-color: #1da851 +} + +.resp-sharing-button--hackernews { +background-color: #FF6600 +} +.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus { background-color: #FB6200 } + +.resp-sharing-button--vk { + background-color: #507299 +} + +.resp-sharing-button--vk:hover { + background-color: #43648c +} + +.resp-sharing-button--facebook { + background-color: #3b5998; + border-color: #3b5998; +} + +.resp-sharing-button--facebook:hover, +.resp-sharing-button--facebook:active { + background-color: #2d4373; + border-color: #2d4373; +} + +.resp-sharing-button--twitter { + background-color: #55acee; + border-color: #55acee; +} + +.resp-sharing-button--twitter:hover, +.resp-sharing-button--twitter:active { + background-color: #2795e9; + border-color: #2795e9; +} + +.resp-sharing-button--google { + background-color: #dd4b39; + border-color: #dd4b39; +} + +.resp-sharing-button--google:hover, +.resp-sharing-button--google:active { + background-color: #c23321; + border-color: #c23321; +} + + +.resp-sharing-button--email { + background-color: #777777; + border-color: #777777; +} + +.resp-sharing-button--email:hover, +.resp-sharing-button--email:active { + background-color: #5e5e5e; + border-color: #5e5e5e; +} + +.resp-sharing-button--reddit { + background-color: #5f99cf; + border-color: #5f99cf; +} + +.resp-sharing-button--reddit:hover, +.resp-sharing-button--reddit:active { + background-color: #3a80c1; + border-color: #3a80c1; +} + +.resp-sharing-button--whatsapp { + background-color: #25D366; + border-color: #25D366; +} + +.resp-sharing-button--whatsapp:hover, +.resp-sharing-button--whatsapp:active { + background-color: #1DA851; + border-color: #1DA851; +} + +.resp-sharing-button--telegram { + background-color: #54A9EB; +} + +.resp-sharing-button--telegram:hover { + background-color: #4B97D1;} + +.social-share { + padding-top: 20px; +} + /*# sourceMappingURL=maps/style.css.map */ |