<style>

@font-face {
    font-family: 'Malovely';
    src: url("http://static.tumblr.com/jgmjb9s/hgFmqzx4h/yummycupcakes.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Curly';
    src: url("http://static.tumblr.com/jgmjb9s/qXPmqyqld/curly_shirley.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}

#hova {

z-index:99999999999;
position: fixed;
right: 20px;
bottom: 8px;
height: 25px;
text-align: left;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
border-radius: 10px 10px 10px 10px;
background-image:url(BACKGROUND IMAGE URL);
border: 2px solid #CC66FF;
width: 200px;
padding: 10px;
}


#strip {
overflow-x:hidden;

    overflow-y:scroll;

border: 2px solid #CC66FF;
font-family: 'Malovely';
right: 20px;
bottom: -250px;
position: fixed;
height: 230px;
padding: 10px;
background: url('BACKGROUND IMAGE URL');
width: 200px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
text-align: center;
border-radius: 5px;}

#hova:hover {
z-index:100000000000;
bottom: 0px;}

#hova:hover #strip {
z-index:100000000000;
bottom: 42px;}

#strip:hover {
z-index:1000;
bottom: 0px;
}



.wordz {
display: block;
writing-mode: lr-tb;

position: absolute;
right: 20px;
bottom: 10px;
text-align: center;
text-shadow: 0 0 5px #0000FF; font-size: 30px;
font-family: 'Curly';
letter-spacing: -1px;}


</style>