/*made by sppice, tutorial at megscoding.tumblr.com*/

#oneout {
z-index:999999999999999;
position:fixed;
top:340px;
left:1px;
width:18px;
text-align:center;
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s; }

#oneout_inner {
max-height: 400px;

    overflow-x:hidden;

    overflow-y:scroll;
z-index:999999999999999;
position:fixed;
font-family: 'Your Font';
font-size: 30px;
top:150px;
left:-350px;
width:230px;height:auto;
padding:10px;
background: url('BACKGROUND URL');
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s; }

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

.onetitle {
z-index:999999999999999;
display:block;
position:absolute;
top:3px;
left:-11px;
-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);
font-family: 'Lucida Sans'; /* CHANGE "LUCIDA SANS" TO A DIFFERENT FONT NAME TO CHANGE THE FONT OF THE TAB TITLE - Use this tutorial: http://megscoding.tumblr.com/post/44443322533/custom-fonts */
font-size:20px; /* CHANGE 16 TO A SMALLER OR LARGER NUMBER TO CHANGE THE SIZE OF THE FONT OF THE TAB TITLE */
text-transform:uppercase; letter-spacing:-1px; }

/*made by sppice, tutorial at html-tutorials.tumblr.com*/

@font-face {font-family: 'hover'; src: url("http://static.tumblr.com/vxprqbq/XVkmobcd5/starsfromoureyes.ttf"); }


/*made by sppice, tutorial at html-tutorials.tumblr.com*/