Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Social Sharing Menu
/* Social Sharing Menu
------------------------------------------------------------ */
/*This and the next selector overrides the usual header/footer widget CSS padding etc on the links just for the social icons widget*/
/* PW note: I left these alone (except for the child combinator) because I gather they're Genesis related. */
#header #menu-social-menu a {
margin: 5px;
border: none;
padding: 0px;
}
#footer-widgets ul#menu-social-menu > li {
border: none;
}
/* PW note: all these now have a higher specificity than the original */
#menu-social-menu {
overflow: hidden;
}
#menu-social-menu > li {
float: left;
border: none;
}
#menu-social-menu > li > a:link,
#menu-social-menu > li > a:visited {
background-image: url(images/social_sprite.png);
display: block;
height: 30px;
margin: 0 0 0 10px;
padding: 0;
border: none;
text-indent: -9999px;
width: 30px;
}
#menu-social-menu > li > a:hover,
#menu-social-menu > li > a:focus,
#menu-social-menu > li > a:active {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
#menu-social-menu > .facebook > a {
background-position: 0px -60px;
}
#menu-social-menu > .googleplus > a {
background-position: -60px -120px;
}
#menu-social-menu > .linkedin > a {
background-position: 0px -180px;
}
#menu-social-menu > .pinterest > a {
background-position: -60px -390px;
}
#menu-social-menu > .rss > a {
background-position: -60px -240px;
}
#menu-social-menu > .twitter > a {
background-position: 0px -330px;
}
#menu-social-menu > .instagram > a {
background-position: -30px -150px;
}
#menu-social-menu > .behance > a {
background-position: 0px -30px;
}
#menu-social-menu > .deviantart > a {
background-position: -60px 0px;
}
#menu-social-menu > .reddit > a {
background-position: -60px -240px;
}
#menu-social-menu > .digg > a {
background-position: -60px -60px;
}
#menu-social-menu > .delicious > a {
background-position: -30px -30px;
}
#menu-social-menu > .myspace > a {
background-position: -60px -180px;
}
#menu-social-menu > .evernote > a {
background-position: -30px -60px;
}
#menu-social-menu > .flickr > a {
background-position: -30px -90px;
}
#menu-social-menu > .dribble > a {
background-position: -60px -90px;
}
#menu-social-menu > .github > a {
background-position: -30px -120px;
}
#menu-social-menu > .lastfm > a {
background-position: -60px -150px;
}
#menu-social-menu > .email > a {
background-position: -60px -240px;
}
#menu-social-menu > .path > a {
background-position: 0px -210px;
}
#menu-social-menu > .picasa > a {
background-position: -60px -210px;
}
#menu-social-menu > .tumblr > a {
background-position: -30px -300px;
}
#menu-social-menu > .soundcloud > a {
background-position: -30px -270px;
}
#menu-social-menu > .grooveshark > a {
background-position: 0px -150px;
}
#menu-social-menu > .wordpress > a {
background-position: -30px -360px;
}
#menu-social-menu > .youtube > a {
background-position: 0px -390px;
}
#menu-social-menu > .spotify > a {
background-position: 0px -300px;
}
#menu-social-menu > .posterous > a {
background-position: 0px -240px;
}
#menu-social-menu > .blogger > a {
background-position: -60px -30px;
}
#menu-social-menu > .forrst > a {
background-position: 0px -120px;
}
#menu-social-menu > .dopplr > a {
background-position: 0px -90px;
}
#menu-social-menu > .stumbleupon > a {
background-position: -60px -300px;
}
#menu-social-menu > .viddler > a {
background-position: -60px -330px;
}
#menu-social-menu > .vimeo > a {
background-position: -30px -330px;
}
#menu-social-menu > .fivehundredpx > a {
background-position: 0px 0px;
}
#menu-social-menu > .skype > a {
background-position: -60px -270px;
}
#menu-social-menu > .reddit > a {
background-position: -30px -240px;
}
#menu-social-menu > .fivehundredpx > a {
background-position: 0px 0px;
}
#menu-social-menu > .zerply > a {
background-position: -30px -390px;
}
#menu-social-menu > .viggle > a {
background-position: 0px -420px;
}
#menu-social-menu > .getglue > a {
background-position: -30px -420px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment