JSFiddle - React, Tailwind, and code Playground
by Mbah Dinan
HTML
<div class="BB_socialwidget">
<ul>
<li><a class="rss" href="LINK">Subscribe my Feeds</a></li>
<li><a class="twitter" href="LINK">Follow me on Twitter</a></li>
<li><a class="facebook" href="LINK">Find me on Facebook</a></li>
<li><a class="google" href="LINK" rel="author">Join me on Google+</a></li>
<li><a class="linkedin" href="LINK">Connect on LinkedIn</a></li>
<li><a class="youtube" href="LINK">Watch me on YouTube</a></li>
</ul>
</div>CSS
.BB_socialwidget{width:280px}
.BB_socialwidget ul{border:1px solid #2E9AFE; margin:0; padding:0}
.BB_socialwidget ul li{list-style:none; padding:0; border-bottom:1px solid #2E9AFE; border-top:1px solid #FFF}
.BB_socialwidget ul li:first-child{border-top:0}
.BB_socialwidget ul li:last-child{border-bottom:0}
.BB_socialwidget ul li a{background-color:#0080FF !important; color:#bbb; display:block}
.BB_socialwidget ul li a:hover{background-color:#DF0101 !important; color:#bbb}
.BB_socialwidget ul li .rss{background:url("http://2.bp.blogspot.com/-NdgYDGOx2WU/UXTEcMCT-_I/AAAAAAAAAfQ/VtwyVKuNdJY/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding:17.5px 60px}
.BB_socialwidget ul li .twitter{background:url("http://4.bp.blogspot.com/-9sG2X-wrCeY/UXTEchAQ2HI/AAAAAAAAAfg/gtq9mwSHC1g/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding:17.5px 60px}
.BB_socialwidget ul li .facebook{background:url("http://4.bp.blogspot.com/-Q6uMZtVZjHo/UXTEcAQSlHI/AAAAAAAAAfY/ePt9AJoqCrE/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding:17.5px 60px}
.BB_socialwidget ul li .google{background:url("http://3.bp.blogspot.com/-57g4ooxoC6U/UXTEc0EniXI/AAAAAAAAAfk/G1HU6s-_UTM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding:17.5px 60px}
.BB_socialwidget ul li .linkedin{background:url("http://1.bp.blogspot.com/-sSNL3X-MkxE/UXTEcJxsHGI/AAAAAAAAAfU/MFYv7v3vAPo/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding:17.5px 60px}
.BB_socialwidget ul li .youtube{background:url("http://3.bp.blogspot.com/-foQvV9Mgig4/UXTEcjfOZPI/AAAAAAAAAfo/kTKqKaFiKNU/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding:17.5px 60px}
.social-about{display:none}