Updates Tab 2

Updates Tab 2 and tutorial by confers

STEP 1: COPY TEXT BELOW AND PASTE IT ANYWHERE BETWEEN <style> AND </stlye>

#tabs{
margin-top:10px;
text-align:left;
color:#585858;
top:10px;
padding:5px;
left:20px;
position:fixed;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
text-transform:uppercase;
letter-spacing:2px;
font-family:consolas;
}

#tabs #updates{
opacity:0;
letter-spacing:1px;
text-transform:lowercase;
width:90px;
text-align:center;
padding:5px;
border:1px solid transparent;
color:transparent;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
margin-left:-70px;
}

#tabs:hover #updates{
opacity:1;
border:1px solid #ccc;
color:#585858;
position:fixed;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
margin-left:-30px;}
.audioplayer{
margin-top:5px;
margin-bottom:25px;
margin-left:10px;
opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
width:28px;
height:28px;
overflow:hidden;
}



STEP 2: COPY TEXT BELOW AND PASTE IT AFTER <body> WHERE IT SAYS "blah blah blah" YOU CAN WRITE WHATEVER YOU WANT

<div id="tabs"><a href="http://fluorescent-themes.tumblr.com">updates</a>
<div id="updates">blah blah blah</div></div>