-
Notifications
You must be signed in to change notification settings - Fork 0
/
social-bar.min.css
6 lines (6 loc) · 1.62 KB
/
social-bar.min.css
1
2
3
4
5
6
/*!
* Subtle 3D-like Flat Social Bar
*
* Copyright (c)2015, Marco Trulla <dev@marcotrulla.it>
* Licensed under MIT License
*/html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.social-bar{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.social-bar.left{float:left}.social-bar.left .social-button{border-left:0 solid rgba(0,0,0,0.3)}.social-bar.left .social-button:hover{border-left-width:0.3em}.social-bar.right{float:right}.social-bar.right .social-button{float:right;border-right:0 solid rgba(0,0,0,0.3)}.social-bar.right .social-button:hover{border-right-width:0.3em}.social-bar .social-button{display:block;width:3em;line-height:2;font-size:1.3em;text-align:center;color:#ededed;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.social-bar .social-button:hover{width:2.4em;color:#d3d3d3}.social-bar .social-button.google{background-color:#dd4b39}.social-bar .social-button.google:hover{background-color:#c23321}.social-bar .social-button.twitter{background-color:#00aced}.social-bar .social-button.twitter:hover{background-color:#0087ba}.social-bar .social-button.facebook{background-color:#3b5998}.social-bar .social-button.facebook:hover{background-color:#2d4373}.social-bar .social-button.linkedin{background-color:#007bb6}.social-bar .social-button.linkedin:hover{background-color:#005983}.social-bar .social-button.github{background-color:#555}.social-bar .social-button.github:hover{background-color:#3b3b3b}