Fixed slide hover! ♡

<style>
@font-face {
font-family: ink;
src: url(https://dl.dropbox.com/s/tyhvew6jpuzr8zm/BubblegumInk-Regular.ttf);
}

@font-face {
font-family: fingerlinger;
src: url(https://dl.dropbox.com/s/v5ks4dcr1o7k9ew/fingerlinger.ttf);
}


</style>

<!-- CR will be appericiated @Solielios on insta, not necessary though :) replace the "fixed" with "absolute" for the position of this to be modified!! -->

<body>
<div id="oneout"><span class="onetitle">

SLIDE TITLE

</span><div id="oneout_inner">
<center>

SLIDE TEXT GOES IN HERE

<br></center></div></div>
</body>

<style>

#oneout {
position:fixed;
top:64px;left:1px;
text-align:center;
-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;
z-index:99999999; }

#oneout_inner {
position:fixed;
width:230px; height:auto;
top:40px; left:-250px;
padding:10px;
background:#FFFFFF; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;
text-align:left;
z-index:99999999;
font-family: fingerlinger; }

#oneout:hover {
left:250px;
z-index:99999999; }

#oneout:hover #oneout_inner {
left:0px;
z-index:99999999; }

.onetitle {
position:absolute;
left:-11px; top:3px;
font-family:ink; font-size:16px;
-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
z-index:99999999; }

</style>