UP-06

<!-------- ESSE CÓDIGO ANTES DE </STYLE> ----------->

/*  UPDATE POR SURDADDY, DON'T COPY.  */
.sur_up {width:20;height:0px;margin-top:390px;margin-left:0px;position:fixed;}
.sur {transition:0.7s;width:83px;height:auto;text-align:left;position:fixed;margin-top:-13px; margin-left:-61px;opacity:0;background:#fff;border:2px solid #ddd;}
.sur img {width:16px;margin-left:-3px;border:1px solid #eee;}
.sur img:hover {transform: scale(1.2) rotateY(360deg);;-webkit-filter: grayscale(90%);transition: 1s;}
.sur_up:hover .sur { margin-left:0px; transition:1s;opacity:1;}

.sur_title {transition:1s;margin-top:-10px; margin-left:-1px; position:fixed;width:25px;color:#999; line-height:25px;text-align:center;font-family:'muli', sans-serif;;font-size: 10px;letter-spacing:2px;font-weight: 700;text-transform:uppercase;background:#fff;z-index:9;border:2px solid #ddd;}
.sur_up:hover .sur_title {margin-left:88px;transition:1s;}
.sur_title p {margin-top:-4px;margin:-3px}

.sur_name {text-transform:uppercase; font-family:'muli', sans-serif;font-size:8px;letter-spacing:1px;text-align:center;width:83px;height:10px;border-bottom: 1px solid #ddd;color:#999;margin-left:-5px;margin-top:1px;transition:1s;line-height:12px;opacity:1;}

<!-------- ESSE CÓDIGO DEPOIS DE </STYLE> ----------->

<div class="sur_up">
<div class="sur_title"> M<p>O<p>R<p>E </div>
<div class="sur">
<div class="sur_name" style="margin-left:0px"> THE KINGS </div>
<div style="margin-left:5px; margin-top:5px;margin-bottom:2px;">
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/" /></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/"></a>
<a href="http://surdaddy.tumblr.com" title="surdaddy"><img src="http://api.tumblr.com/v2/blog/surdaddy.tumblr.com/avatar/96/" /></a>

<div class="sur_name"> SOCIAIS </div>
<div style="margin-left:0px; margin-top:5px;margin-bottom:2px;">
<a href="https://www.instagram.com/lucgalldino/" title="SEU USER" ><img src="https://cdn1.iconfinder.com/data/icons/social-media-glyph/32/instagram_online_social_media-128.png"></a>
<a href="https://twitter.com/lucgalldino" title="SEU USER" ><img src="https://cdn2.iconfinder.com/data/icons/social-media-outline-1/32/twitter_social_media_online-128.png"></a>
<a href="https://www.facebook.com/SEU USER"><img src="https://cdn4.iconfinder.com/data/icons/liu-square-blac/60/facebook-square-social-media-128.png"></a>
<a title="SEU USER" ><img src="https://cdn2.iconfinder.com/data/icons/social-media-outline-1/32/snapchat_social_media_online-128.png"></a>
</div>
</div></div></div>