gabyschank

Updates Tab 1

Dec 14th, 2013
501
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.14 KB | None | 0 0
  1. Updates Tab and tutorial by confers
  2.  
  3. STEP 1: COPY TEXT BELOW AND PASTE IT ANYWHERE BETWEEN <style> AND </stlye>
  4.  
  5.  
  6. #tabs{
  7. color:#585858;
  8. top:10px;
  9. left:20px;
  10. position:fixed;
  11. -webkit-transition: 0.3s ease;
  12. transition: 0.3s ease;
  13. -o-transition: 0.3s ease;
  14. -moz-transition: 0.3s ease;
  15. text-transform:uppercase;
  16. letter-spacing:2px;
  17. font-family:consolas;
  18. }
  19.  
  20. #tabs:hover{
  21. color:transparent;
  22. }
  23.  
  24. #tabs #updates{
  25. letter-spacing:1px;
  26. max-width:90px;
  27. color:transparent;
  28. -webkit-transition: 0.3s ease;
  29. transition: 0.3s ease;
  30. -o-transition: 0.3s ease;
  31. -moz-transition: 0.3s ease;
  32. margin-top:-20px;
  33. }
  34.  
  35. #tabs #updates a{
  36. color:transparent;
  37. }
  38.  
  39. #tabs #updates a:hover{
  40. color:#585858;
  41. }
  42.  
  43.  
  44. #tabs:hover #updates{
  45. color:#585858;
  46. position:fixed;
  47. -webkit-transition: 0.3s ease;
  48. transition: 0.3s ease;
  49. -o-transition: 0.3s ease;
  50. -moz-transition: 0.3s ease;
  51. margin-top:-10px;}
  52.  
  53.  
  54. STEP 2: COPY TEXT BELOW AND PASTE IT AFTER <body> WHERE IT SAYS "blah blah blah" YOU CAN WRITE WHATEVER YOU WANT
  55.  
  56. <div id="tabs">updates
  57. <div id="updates">blah blah blah</div></div><a href="http://fluorescent-themes.tumblr.com/">♡</a>
  58. </div>
Advertisement
Add Comment
Please, Sign In to add comment