Advertisement
lunors

Updates Tab 01 by Lunors

Sep 4th, 2014
5,474
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
  1. PASTE THIS AFTER <style type="text/css">:
  2. #tab{
  3. text-align:left; /*where the text will show in the entire tab*/
  4. font-size:9px; /*font size for entire tab*/
  5. text-transform:uppercase; /*what the text will look like regarding capital. to make it lowercase, switch "uppercase" with "lowercase". to make it normal, switch "uppercase" to "normal"*/
  6. border:1px solid #bbb; /* change #bbb to change the color of the border of the box*/
  7. position:fixed;
  8. background:#fff; /*background of the box*/
  9. right:14px; /*position of the box*/
  10. letter-spacing:1px;
  11. width:110px; /*width of the box*/
  12. z-index:9999;
  13. bottom:19px; /*position of the box*/
  14. }
  15.  
  16. #tab a{
  17. text-decoration:none;}
  18.  
  19. #tunes{ /*box for music player!*/
  20. padding:5px;
  21. height:18px;
  22. text-align:center;
  23. overflow:hidden;
  24. text-transform:uppercase;
  25. letter-spacing:1px;
  26. font-size:10px;
  27. font-style:normal;
  28. z-index:999999999999999999999;
  29. -webkit-transition: all 0.5s ease-in-out;
  30. -moz-transition: all 0.5s ease-in-out;
  31. -o-transition: all 0.5s ease-in-out;}
  32.  
  33. #tunes:hover{
  34. -webkit-transition: all 0.5s ease-in-out;
  35. -moz-transition: all 0.5s ease-in-out;
  36. -o-transition: all 0.5s ease-in-out;}
  37.  
  38. #stats{ /*coding for stats tab*/
  39. padding:10px;
  40. padding-top:9px;
  41. height:8px;
  42. text-align:left;
  43. overflow:hidden;
  44. text-transform:uppercase;
  45. letter-spacing:1px;
  46. font-style:normal;
  47. border-bottom:1px solid #bbb; /*change #bbb to change the border on the bottom of the stats*/
  48. z-index:999999999999999999999;
  49. -webkit-transition: all 0.5s ease-in-out;
  50. -moz-transition: all 0.5s ease-in-out;
  51. -o-transition: all 0.5s ease-in-out;}
  52.  
  53. #stats:hover{
  54. height:53px; /*to make the box bigger on hover, make the height a larger number!*/
  55. -webkit-transition: all 0.5s ease-in-out;
  56. -moz-transition: all 0.5s ease-in-out;
  57. -o-transition: all 0.5s ease-in-out;}
  58.  
  59.  
  60. PUT THIS AFTER <body>:
  61.  
  62. <div id="tab">
  63.  
  64. <div id="stats"><div style="text-align:center;">stats and stuff</div>
  65. put your stats here
  66. </div>
  67. <div id="tunes">
  68. music player
  69. </div>
  70. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement