updates tab / 1

PLACE THIS PART BETWEEN <style type="text/css"> AND </style>.
---------------------

/*UPDATE TAB: JCGGED*/
#updatetab{background-color:white;
    position:fixed;
    margin-left:10px;
    margin-top:10px;
    color:white;
    height:20px;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    width:20px;
    overflow:hidden;
    padding:10px;
}

.plus{ padding:5px;
width:10px;
margin-bottom:12px;
margin-right:10px;
text-align:center;
display:inline-block;
color:black;
    background-color:#eee;
}

name{padding:6px;
background-color:white;
color:black;}

#updatetab p{border:solid 1px white;
padding:5px;}

#updatetab:hover{width:92px;
height:130px;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    background-color:black;
}

#updatetab:hover .plus{margin-bottom:0px;
    margin-right:0px;
}

---------------------

PLACE THIS PART BETWEEN <body> AND </body>
---------------------

<div id="updatetab"><div class="plus">+</div><name>SHAY. 16. EST</name>
    <p>DRAFT COUNT: 10</p>
    <p>MEMES COUNT: 10</p>
    <p>MSGS COUNT: 10</p>
</div>

---------------------