Social Sharing Menu

social-icons-menu.css

/* 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;
}