topshopandtea

two tabs

Sep 23rd, 2013
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.79 KB | None | 0 0
  1. /*--START OF UPDATES TAB*/
  2.  
  3. #general{
  4.  
  5. left:10px;
  6.  
  7. top:-116px; /*--If you change the height of the tab, you'll have to change this--*/
  8.  
  9. font-size:8px;
  10.  
  11. letter-spacing:1px;
  12.  
  13. text-align:center;
  14.  
  15. /*--DONT TOUCH PLEASE--*/
  16. position:fixed;
  17. -webkit-transition: all .5s ease-in-out;
  18. -moz-transition: all .5s ease-in-out;
  19. -o-transition: all .5s ease-in-out;
  20. z-index:999;
  21. }
  22.  
  23.  
  24. #general:hover{
  25.  
  26. /*--THIS CONTROLS HOW FAR FROM THE TOP THE UPDATES WILL BE WHEN HOVERED--*/
  27. top:-10px;
  28.  
  29. /*--DONT TOUCH PLEASE--*/
  30. -webkit-transition: all .5s ease-in-out;
  31. -moz-transition: all .5s ease-in-out;
  32. -o-transition: all .5s ease-in-out;
  33.  
  34. z-index:999;
  35.  
  36. }
  37.  
  38. #updates {
  39.  
  40. width:120px;
  41.  
  42. height:100px;
  43.  
  44. border:solid 1px #999999; /*--This was formatted in the style of style with and colour--*/
  45.  
  46. color:#999999; /*--COLOR OF THE TEXT--*/
  47.  
  48. font-family:times new roman;
  49.  
  50. font-size:9px;
  51.  
  52. background:#fff;
  53.  
  54. font-style:none;
  55.  
  56. /*DONT TOUCH*/
  57.  
  58. padding:10px 5px 5px 5px;
  59.  
  60. z-index: 9999;
  61.  
  62. }
  63.  
  64. #updatestab{
  65.  
  66. /*--This was formatted in the style of style with and colour--*/
  67. border-right:solid 1px #999999;
  68. border-left:solid 1px #999999;
  69. border-bottom:solid 1px #999999;
  70.  
  71. color:#999999;
  72.  
  73. font-family:times;
  74.  
  75. font-size:9px;
  76.  
  77. background:#fff;
  78.  
  79. width:120px;
  80.  
  81. height:10px;
  82.  
  83. text-align:center;
  84.  
  85. /*DONT TOUCH*/
  86. padding:0px 5px 5px 5px;
  87.  
  88. }
  89.  
  90. /*--END OF UPDATES TAB--*/
  91.  
  92. /*--START OF UPDATES TAB2*/
  93.  
  94. #general2{
  95.  
  96. left:10px;
  97.  
  98. top:-116px; /*--If you change the height of the tab, you'll have to change this--*/
  99.  
  100. font-size:8px;
  101.  
  102. letter-spacing:1px;
  103.  
  104. text-align:center;
  105.  
  106. /*--DONT TOUCH PLEASE--*/
  107. position:fixed;
  108. -webkit-transition: all .5s ease-in-out;
  109. -moz-transition: all .5s ease-in-out;
  110. -o-transition: all .5s ease-in-out;
  111. z-index:999;
  112. }
  113.  
  114.  
  115. #general2:hover{
  116.  
  117. /*--THIS CONTROLS HOW FAR FROM THE TOP THE UPDATES WILL BE WHEN HOVERED--*/
  118. top:-10px;
  119.  
  120. /*--DONT TOUCH PLEASE--*/
  121. -webkit-transition: all .5s ease-in-out;
  122. -moz-transition: all .5s ease-in-out;
  123. -o-transition: all .5s ease-in-out;
  124.  
  125. z-index:999;
  126.  
  127. }
  128.  
  129. #updates2 {
  130.  
  131. width:120px;
  132.  
  133. height:100px;
  134.  
  135. border:solid 1px #999999; /*--This was formatted in the style of style with and colour--*/
  136.  
  137. color:#999999; /*--COLOR OF THE TEXT--*/
  138.  
  139. font-family:times new roman;
  140.  
  141. font-size:9px;
  142.  
  143. background:#fff;
  144.  
  145. font-style:none;
  146.  
  147. /*DONT TOUCH*/
  148.  
  149. padding:10px 5px 5px 5px;
  150.  
  151. z-index: 9999;
  152.  
  153. }
  154.  
  155. #updatestab2{
  156.  
  157. /*--This was formatted in the style of style with and colour--*/
  158. border-right:solid 1px #999999;
  159. border-left:solid 1px #999999;
  160. border-bottom:solid 1px #999999;
  161.  
  162. color:#999999;
  163.  
  164. font-family:times;
  165.  
  166. font-size:9px;
  167.  
  168. background:#fff;
  169.  
  170. width:120px;
  171.  
  172. height:10px;
  173.  
  174. text-align:center;
  175.  
  176. /*DONT TOUCH*/
  177. padding:0px 5px 5px 5px;
  178.  
  179. }
  180.  
  181. /*--END OF UPDATES TAB--*/
Advertisement
Add Comment
Please, Sign In to add comment