Revision: 67857
Updated Code
at October 31, 2014 03:42 by madebycrunch
Updated Code
.social nav { overflow:hidden; height:100%; position:relative; } .social nav ul { } .social nav ul li { float:left; display:block; margin-right:5px; margin-bottom:5px; } .social nav ul li.first { } .social nav ul li.last { } .social nav ul li.odd { } .social nav ul li.even { } .social nav ul li a { display:block; float:left; text-indent:-9999px; width:32px; height:32px; background-image:url('/images/icons/social.png'); background-repeat:no-repeat; } .social nav ul li.first a { } .social nav ul li.last a { } .social nav ul li.facebook a { background-position:left top; } .social nav ul li.twitter a { background-position:left -32px; } .social nav ul li.linkedin a { background-position:left -64px; } .social nav ul li.google_plus a { background-position:left -96px; } .social nav ul li.pinterest a { background-position:left -128px; } .social nav ul li.instagram a { background-position:left -160px; } .social nav ul li.flickr a { background-position:left -192px; } .social nav ul li.tumblr a { background-position:left -224px; } .social nav ul li.vimeo a { background-position:left -256px; } .social nav ul li.youtube a { background-position:left -288px; } .social nav ul li.dribble a { background-position:left -320px; } .social nav ul li.skype a { background-position:left -352px; } .social nav ul li.rss a { background-position:left -384px; }
Revision: 67856
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at October 31, 2014 03:40 by madebycrunch
Initial Code
.social nav { overflow:hidden; height:100%; position:relative; } .social nav ul { } .social nav ul li { float:left; display:block; margin-right:5px; margin-bottom:5px; } .social nav ul li.first { } .social nav ul li.last { } .social nav ul li.odd { } .social nav ul li.even { } .social nav ul li a { display:block; float:left; text-indent:-9999px; width:32px; height:32px; background-image:url('../images/icons/social.png'); background-repeat:no-repeat; } .social nav ul li.first a { } .social nav ul li.last a { } .social nav ul li.facebook a { background-position:left top; } .social nav ul li.twitter a { background-position:left -32px; } .social nav ul li.linkedin a { background-position:left -64px; } .social nav ul li.google_plus a { background-position:left -96px; } .social nav ul li.pinterest a { background-position:left -128px; } .social nav ul li.instagram a { background-position:left -160px; } .social nav ul li.flickr a { background-position:left -192px; } .social nav ul li.tumblr a { background-position:left -224px; } .social nav ul li.vimeo a { background-position:left -256px; } .social nav ul li.youtube a { background-position:left -288px; } .social nav ul li.dribble a { background-position:left -320px; } .social nav ul li.skype a { background-position:left -352px; } .social nav ul li.rss a { background-position:left -384px; }
Initial URL
Initial Description
Comment to follow
Initial Title
CSS - Navigaiton - Social
Initial Tags
Initial Language
CSS