Advertisement
WincestSounds

Updates Tab 1 Part 2

Sep 27th, 2014
40
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.69 KB | None | 0 0
  1. /*UPDATES TAB*/
  2.  
  3. #updatecontainer
  4. {
  5. cursor: auto;
  6. z-index: 200;
  7. position: fixed;
  8. width: 282px;
  9. margin-top: 7px; /* Vertical Positioning of the Update Box */
  10. margin-left: -13px; /* Horizontal Positioning of the Update Box */
  11. }
  12. #updatebutton
  13. {
  14. cursor: pointer;
  15. z-index: 200;
  16. position: absolute;
  17. -webkit-transition: all 0.6s ease-in-out;
  18. -moz-transition: all 0.6s ease-in-out;
  19. -o-transition: all 0.6s ease-in-out;
  20. -ms-transition: all 0.6s ease-in-out;
  21. transition: all 0.6s ease-in-out;
  22. }
  23.  
  24. .updates
  25. {
  26. cursor: text;
  27. z-index: 200;
  28. width: 176px;
  29. margin-top: 53px;
  30. margin-left: 29px;
  31. }
  32.  
  33. .menutitle
  34. {
  35. cursor: pointer;
  36. color: {color:Update Tab Category};
  37. font-size: 7px;
  38. letter-spacing: 1px;
  39. text-transform: uppercase;
  40. }
  41.  
  42. .updatefont
  43. {
  44. cursor: text;
  45. margin-top: -23px;
  46. color: {color:Update Tab Content};
  47. font-family: Geneva, Tahoma, Verdana, sans-serif;
  48. font-size: 10px;
  49. text-align: justify;
  50. letter-spacing: 1px;
  51. }
  52. .updatefont a
  53. {
  54. color: {color:Update Tab Links};
  55. text-decoration: none;
  56. -webkit-transition: all 0.6s ease-in-out;
  57. -moz-transition: all 0.6s ease-in-out;
  58. -o-transition: all 0.6s ease-in-out;
  59. -ms-transition: all 0.6s ease-in-out;
  60. transition: all 0.6s ease-in-out;
  61. }
  62. .updatefont a:hover
  63. {
  64. color: {color:Update Tab Link Hover};
  65. }
  66.  
  67. #menu1 /*About*/
  68. {
  69. height: 12px;
  70. overflow: hidden;
  71. line-height: 12px;
  72. -webkit-transition: all 0.6s ease-in-out;
  73. -moz-transition: all 0.6s ease-in-out;
  74. -o-transition: all 0.6s ease-in-out;
  75. -ms-transition: all 0.6s ease-in-out;
  76. transition: all 0.6s ease-in-out;
  77. }
  78. #menu1:hover
  79. {
  80. height: 23px; /*the height of the 'About' Category*/
  81. }
  82.  
  83. #menu2 /*Updates*/
  84. {
  85. height: 12px;
  86. overflow: hidden;
  87. line-height: 12px;
  88. -webkit-transition: all 0.6s ease-in-out;
  89. -moz-transition: all 0.6s ease-in-out;
  90. -o-transition: all 0.6s ease-in-out;
  91. -ms-transition: all 0.6s ease-in-out;
  92. transition: all 0.6s ease-in-out;
  93. }
  94. #menu2:hover
  95. {
  96. height: 23px; /*the height of the 'Updates' Category*/
  97. }
  98.  
  99. #menu3 /*Currently*/
  100. {
  101. height: 12px;
  102. overflow: hidden;
  103. line-height: 12px;
  104. -webkit-transition: all 0.6s ease-in-out;
  105. -moz-transition: all 0.6s ease-in-out;
  106. -o-transition: all 0.6s ease-in-out;
  107. -ms-transition: all 0.6s ease-in-out;
  108. transition: all 0.6s ease-in-out;
  109. }
  110. #menu3:hover
  111. {
  112. height: 23px; /*the height of the 'Currently' Category*/
  113. }
  114.  
  115. #menu4 /*Extra 1*/
  116. {
  117. height: 12px;
  118. overflow: hidden;
  119. line-height: 12px;
  120. -webkit-transition: all 0.6s ease-in-out;
  121. -moz-transition: all 0.6s ease-in-out;
  122. -o-transition: all 0.6s ease-in-out;
  123. -ms-transition: all 0.6s ease-in-out;
  124. transition: all 0.6s ease-in-out;
  125. }
  126. #menu4:hover
  127. {
  128. height: 23px; /*the height of the 'Extra 1' Category*/
  129. }
  130.  
  131. #menu5 /*Credit*/
  132. {
  133. height: 12px;
  134. overflow: hidden;
  135. line-height: 12px;
  136. -webkit-transition: all 0.6s ease-in-out;
  137. -moz-transition: all 0.6s ease-in-out;
  138. -o-transition: all 0.6s ease-in-out;
  139. -ms-transition: all 0.6s ease-in-out;
  140. transition: all 0.6s ease-in-out;
  141. }
  142. #menu5:hover
  143. {
  144. height: 76px;
  145. }
  146.  
  147. /* Image/Link Opacity */
  148.  
  149. a.linkopacity1 img
  150. {
  151. z-index: 4;
  152. filter:alpha(opacity=40);
  153. -moz-opacity: 0.4;
  154. opacity: 0.4;
  155. -khtml-opacity: 0.4;
  156. -webkit-transition: opacity 2s ease-in-out;
  157. -moz-transition: opacity 2s ease-in-out;
  158. -ms-transition: opacity 2s ease-in-out;
  159. -o-transition: opacity 2s ease-in-out;
  160. transition: opacity 2s ease-in-out;
  161. }
  162. a.linkopacity1:hover img
  163. {
  164. cursor: url('http://media.tumblr.com/e45911cddfb0879a2a76fda9032b1141/tumblr_inline_moari9afov1qz4rgp.png'), pointer;
  165. z-index: 4;
  166. filter:alpha(opacity=100);
  167. -moz-opacity: 1.0;
  168. opacity: 1.0;
  169. -khtml-opacity: 1.0;
  170. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement