<div class="row1">
<div class="buttonsrow1">
<div class="button online"><script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=1346001"></script> Online</div><div class="button flagcounter">Flag Counter <a style="position:absolute; top: 20px; right:3px"><img src="http://s11.flagcounter.com/count/hMr/bg_050000/txt_f3e6e6/border_CCCCCC/columns_1/maxflags_8/viewers_3/labels_0/pageviews_0/flags_0/" border="0"></a></div>
</div>
</div>
<div class="row2">
<div class="buttonsrow2">
<div class="button music">Music <embed id="player" align="right" style="position:relative; margin-top:3px;" src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=1https://dl.dropbox.com/u/59403222/Cypriot%20Vibez%20-%20The%20Drug.mp3&t0=Cypriot Vibez - The Drug&total=1" quality="high" wmode="transparent" width="200" height="12" type="application/x-shockwave-flash" />  </div>
</div>
</div>

.row1, .row2{
width: 330px;
right: 0px;
position: fixed;
z-index: 999999;
display: block;
opacity: 0.8;
font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: 600;
line-height: 20px;
margin: 0px;
padding: 0px;
background: transparent;
min-height: 22px;
opacity: 0.5;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.row1{}
.row2{margin-top: 23px;}
.row1:hover, .row2:hover{opacity: 1;}

.buttonsrow1, .buttonsrow2{
position: absolute;
margin: -100px 0 0 0;
font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: 600;
right: 0px;
animation: padding 0.6s ease-in-out 0.8s ;
animation-fill-mode: forwards;
-webkit-animation: padding 0.8s ease-in-out 1s ;
-webkit-animation-fill-mode: forwards;}
.buttonsrow1{}
.buttonsrow2{animation: padding 0.8s ease-in-out 1.2s !important;
animation-fill-mode: forwards!important;
-webkit-animation: padding 0.8s ease-in-out 1.5s !important;
-webkit-animation-fill-mode: forwards!important;}

@keyframes padding
{
from {margin-top: -100px; display: none;}
to {margin-top: 1px; display: block;}
}
@-moz-keyframes padding /* Firefox */
{
from {margin-top: -100px; display: none;}
to {margin-top: 1px; display: block;}
}
@-webkit-keyframes padding /* Safari and Chrome */
{
from {margin-top: -100px; display: none;}
to {margin-top: 1px; display: block;}
}
@-o-keyframes padding /* Opera */
{
from {margin-top: -100px; display: none;}
to {margin-top: 1px; display: block;}
}

.button{
height: 18px;
line-height: 18px;
float: right;
display: inline-block;
position: relative;
margin-right: 3px;
font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: 600;
text-overflow: ellipsis;
text-shadow: rgba(0, 0, 0, 0.08) 1px 1px 0px;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.38);
border: 1px solid rgba(0, 0, 0, 0.28);
border-radius: 2px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
padding-right: 5px;
padding-left: 20px;
transition-property: padding;
transition-duration: 0.1s;
transition-timing-function: ease;}

.button:hover{
cursor: pointer;
background-color: rgba(0, 0, 0, 0.19);
border: 1px solid rgba(0, 0, 0, 0.6);
}

.button:focus:active{
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(0, 0, 0, 0.6);
}

.online{
background-image: url(https://dl.dropbox.com/u/59403222/tumblrbuttons.png);
background-size: 13px 60px ;
background-position: 3px -20px;
background-repeat: no-repeat;
overflow: hidden;
}

.flagcounter{
width: 74px;
text-align: right;
background-image: url(https://dl.dropbox.com/u/59403222/tumblrbuttons.png);
background-size: 13px 60px ;
background-position: 3px 3px;
background-repeat: no-repeat;
overflow: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.flagcounter:hover{
height: 156px;
width: 88px;
background-position: 3px 3px;}

.music{
background-image: url(https://dl.dropbox.com/u/59403222/tumblrbuttons.png);
background-size: 15px 66px ;
background-position: 1px -50px;
background-repeat: no-repeat;
overflow: hidden;
width: 35px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.music:hover{
width: 240px;
}

#backtotop
{opacity:0.5;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
    }
#backtotop:hover
{opacity:1;
    }

<script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=1346001"></script>

<img src="http://s11.flagcounter.com/count/hMr/bg_050000/txt_f3e6e6/border_CCCCCC/columns_1/maxflags_8/viewers_3/labels_0/pageviews_0/flags_0/" border="0">

src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=1https://dl.dropbox.com/u/59403222/Cypriot%20Vibez%20-%20The%20Drug.mp3&t0=Cypriot Vibez - The Drug&total=1" quality="high" wmode="transparent" width="200" height="12" type="application/x-shockwave-flash"