Advertisement
Guest User

Put this before </style> or after <style>

a guest
Mar 3rd, 2013
449
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.11 KB | None | 0 0
  1. /*made by sppice, tutorial at megscoding.tumblr.com*/
  2.  
  3. #sixout {
  4. position:fixed;
  5. top:444px;right:1px;
  6. text-align:center;
  7. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  8. z-index:99999999; }
  9.  
  10. #sixout_inner {
  11. position:fixed;
  12. width:230px; height:auto;
  13. top:420px; right:-250px;
  14. padding:10px;
  15. background:#FFFFFF; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  16. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  17. text-align:left;
  18. z-index:99999999; }
  19.  
  20. #sixout:hover {
  21. right:250px;
  22. z-index:99999999; }
  23.  
  24. #sixout:hover #sixout_inner {
  25. right:0px;
  26. z-index:99999999; }
  27.  
  28. .sixtitle {
  29. position:absolute;
  30. right:-11px; top:3px;
  31. font-family:arial; font-size:16px;
  32. -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
  33. z-index:99999999; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement