Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Share Post Buttons
/* START OF CSS SHARE POST BUTTON */
.sharepostbutton{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;padding:10px 0; }
.sharepostbutton li{float:left;margin:0 1%;width:18%;padding:0;list-style:none;position:relative;}
.sharepostbutton li a{10px 0 3px 8px;color:#fff;display:block;border-radius:2px;}
.sharepostbutton a:hover{color:white;}
.sharepostbutton li .twitter{background-color:#85c5f5;}
.sharepostbutton li .facebook{background-color:#6381c0;}
.sharepostbutton li .gplus{background-color:#ed6d5d;}
.sharepostbutton li .pinterest{background-color:#e44d52;}
.sharepostbutton li .linkedin{background-color:#2c9ad8;}
.sharepostbutton li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepostbutton li .pinterest:hover,.sharepost li .linkedin:hover{-moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
-webkit-transition: width 2s; /* Safari */}
.sharepost li:last-child{margin-right:0}
padding: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment