Skip to content

Instantly share code, notes, and snippets.

@shemul49rmc
Last active December 28, 2015 23:49
Show Gist options
  • Save shemul49rmc/7581783 to your computer and use it in GitHub Desktop.
Save shemul49rmc/7581783 to your computer and use it in GitHub Desktop.
Flat Metro Style Social Share Buttons
/*social sharing buttons by http://iamshemul.com/?p=2514 Keep it for update*/
.social a{
width: 120px;
display: block;
padding: 5px;
margin: 5px;
float: left;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #FFF;
}
/*
* Changes the background colour for Each Button
*/
/*Facebook*/
.facebook{
background:#3B5998
}
/*Twitter*/
.twitter{
background:#7cd5fd;
}
/*Google Plus*/
.google-plus{
background:#dd4b39;
}
/*LinkedIn*/
.linkedin{
background:#0e76a8;
}
/*StumbleUpon*/
.stumbleupon{
background:#EF4916;
}
/*Reddit*/
.reddit{
background:#369;
}
/*Digg*/
.digg{
background:#1B5790;
}
/*Delicious*/
.delicious{
background:#0B79E5;
}
/*
* Changes the Background Colour for Each Button on Hover
*/
.facebook:hover {
background:#2f4679;
}
.twitter:hover {
background:#0089bd;
}
.googleplus:hover {
background:#b03b2d;
}
.pinterest:hover {
background:#9f1b23;
}
.stumbleupon:hover {
background:#c4361d;
}
.linkedin:hover {
background:#0b5e85;
}
.digg:hover {
background:#0B0B0A;
}
.reddit:hover {
background:#cb3600;
}
.delicious:hover {
background:#0058AE
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment