Return to Snippet

Revision: 67857
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
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