Updates Tab 3

Updates Tab 3 and tutorial by confers

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

#tabs{
background:#fff;
border-radius:0px 0px 4px 4px;
top:-118px;
border:1px solid #ccc;
text-align:left;
color:#585858;
padding:5px;
left:20px;
position:fixed;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-o-transition: 0.6s ease;
-moz-transition: 0.6s ease;
text-transform:uppercase;
letter-spacing:2px;
font-family:consolas;
z-index:99999999999;
}

#tabs:hover{
top:-1px;
}

#tabs #updates{
z-index:99999999999;
height:100px;
background:#E6E6E6;
border-radius:4px;
letter-spacing:1px;
text-transform:lowercase;
max-width:150px;
text-align:center;
padding:5px;
border:1px solid #ccc;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-o-transition: 0.6s ease;
-moz-transition: 0.6s ease;
overflow:hidden;
}

#tabs:hover #updates{
border:1px solid #ccc;
color:#585858;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-o-transition: 0.6s ease;
-moz-transition: 0.6s ease;}


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

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