Skip to content
All gists
Back to GitHub
Sign in
Sign up
Sign in
Sign up
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
{{ message }}
Instantly share code, notes, and snippets.
shemul49rmc
/
Flat Metro Style Social Share Buttons
Last active
December 28, 2015 23:49
Star
1
You must be signed in to star a gist
Fork
0
You must be signed in to fork a gist
Star
You must be signed in to star a gist
Code
Revisions
6
Stars
1
Embed
What would you like to do?
Embed
Embed this gist in your website.
Share
Copy sharable link for this gist.
Clone via HTTPS
Clone with Git or checkout with SVN using the repository’s web address.
Learn more about clone URLs
Download ZIP
Flat Metro Style Social Share Buttons
Raw
Flat Metro Style Social Share Buttons
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
/*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
You can’t perform that action at this time.