<div class="sb-soc">
<li class="twit-sb"><a title="Urmărește-ne pe Twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li class="yt-sb"><a title="Urmărește-ne pe YouTube" href="#"><i class="fa fa-youtube"></i></a></li>
<li class="fb-sb"><a title="Urmărește-ne pe Facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li class="gplus-sb"><a title="Urmărește-ne pe Google+" href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="news-sb"><a title="Abonează-te pe email" href="#"><i class="fa fa-envelope-o"></i></a></li>
<li class="rss-sb"><a title="Abonează-te prin RSS" href="#"><i class="fa fa-rss"></i></a></li>
</div>

/* flat social buttons, for a WP sidebar
   uses Font Awesome
   */
.sb-soc {list-style-type: none; margin: 0; padding: 0; overflow: hidden; width: 300px; /* can change width to smth else, like 100% */}
.sb-soc li {display: inline-block; width: 16.66%; height: 38px; line-height: 38px; text-align: center; float: left;}
.sb-soc a:link, .sb-soc a:visited {position: relative; display: block; color: #e6e6e6 !important; text-decoration: none;}
.sb-soc a:hover {background: #999;}
li.rss-sb {background: #ee802f;}
li.news-sb {background: #0b0b0b;}
li.gplus-sb {background: #dd4639;}
li.twit-sb {background: #55acee;}
li.fb-sb {background: #3b5998;}
li.yt-sb {background: #c4302b;}