A Twitch.tv viewer reward and games system.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

207 lines
5.3 KiB

11 years ago
  1. /* basic scrollbar styling */
  2. /* vertical scrollbar */
  3. .mCSB_container{
  4. width:auto;
  5. margin-right:30px;
  6. overflow:hidden;
  7. }
  8. .mCSB_container.mCS_no_scrollbar{
  9. margin-right:0;
  10. }
  11. .mCS_disabled .mCSB_container.mCS_no_scrollbar,
  12. .mCS_destroyed .mCSB_container.mCS_no_scrollbar{
  13. margin-right:30px;
  14. }
  15. .mCustomScrollBox .mCSB_scrollTools{
  16. width:16px;
  17. height:100%;
  18. top:0;
  19. right:-5px;
  20. }
  21. .mCSB_scrollTools .mCSB_draggerContainer{
  22. height:100%;
  23. -webkit-box-sizing:border-box;
  24. -moz-box-sizing:border-box;
  25. box-sizing:border-box;
  26. }
  27. .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
  28. padding-bottom:40px;
  29. }
  30. .mCSB_scrollTools .mCSB_draggerRail{
  31. width:5px;
  32. height:100%;
  33. margin:0 auto;
  34. -webkit-border-radius:10px;
  35. -moz-border-radius:10px;
  36. border-radius:10px;
  37. }
  38. .mCSB_scrollTools .mCSB_dragger{
  39. cursor:pointer;
  40. width:100%;
  41. height:30px;
  42. }
  43. .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  44. width:5px;
  45. height:100%;
  46. margin:0 auto;
  47. -webkit-border-radius:10px;
  48. -moz-border-radius:10px;
  49. border-radius:10px;
  50. text-align:center;
  51. }
  52. .mCSB_scrollTools .mCSB_buttonUp,
  53. .mCSB_scrollTools .mCSB_buttonDown{
  54. height:20px;
  55. overflow:hidden;
  56. margin:0 auto;
  57. cursor:pointer;
  58. }
  59. .mCSB_scrollTools .mCSB_buttonDown{
  60. bottom:0;
  61. margin-top:-40px;
  62. }
  63. /* horizontal scrollbar */
  64. .mCSB_horizontal .mCSB_container{
  65. height:auto;
  66. margin-right:0;
  67. margin-bottom:30px;
  68. overflow:hidden;
  69. }
  70. .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
  71. margin-bottom:0;
  72. }
  73. .mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
  74. .mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
  75. margin-right:0;
  76. margin-bottom:30px;
  77. }
  78. .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
  79. width:100%;
  80. height:16px;
  81. top:auto;
  82. right:auto;
  83. bottom:0;
  84. left:0;
  85. overflow:hidden;
  86. }
  87. .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
  88. height:100%;
  89. width:auto;
  90. -webkit-box-sizing:border-box;
  91. -moz-box-sizing:border-box;
  92. box-sizing:border-box;
  93. overflow:hidden;
  94. }
  95. .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
  96. padding-bottom:0;
  97. padding-right:20px;
  98. }
  99. .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
  100. width:100%;
  101. height:2px;
  102. margin:7px 0;
  103. -webkit-border-radius:10px;
  104. -moz-border-radius:10px;
  105. border-radius:10px;
  106. }
  107. .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
  108. width:30px;
  109. height:100%;
  110. }
  111. .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  112. width:100%;
  113. height:4px;
  114. margin:6px auto;
  115. -webkit-border-radius:10px;
  116. -moz-border-radius:10px;
  117. border-radius:10px;
  118. }
  119. .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
  120. .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
  121. width:20px;
  122. height:100%;
  123. overflow:hidden;
  124. margin:0 auto;
  125. cursor:pointer;
  126. float:left;
  127. }
  128. .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
  129. right:0;
  130. bottom:auto;
  131. margin-left:-40px;
  132. margin-top:-16px;
  133. float:right;
  134. }
  135. /* default scrollbar colors and backgrounds */
  136. .mCustomScrollBox .mCSB_scrollTools{
  137. opacity:0.75;
  138. }
  139. .mCustomScrollBox:hover .mCSB_scrollTools{
  140. opacity:1;
  141. }
  142. .mCSB_scrollTools .mCSB_draggerRail{
  143. background:#000; /* rgba fallback */
  144. background:rgba(0,0,0,0.4);
  145. filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
  146. }
  147. .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  148. background:#fff; /* rgba fallback */
  149. background:rgba(42,255,0,0.75);
  150. filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
  151. }
  152. .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  153. background:rgba(42,255,0,0.85);
  154. filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
  155. }
  156. .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  157. .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  158. background:rgba(42,255,0,0.9);
  159. filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
  160. }
  161. .mCSB_scrollTools .mCSB_buttonUp,
  162. .mCSB_scrollTools .mCSB_buttonDown,
  163. .mCSB_scrollTools .mCSB_buttonLeft,
  164. .mCSB_scrollTools .mCSB_buttonRight{
  165. background-image:url(mCSB_buttons.png);
  166. background-repeat:no-repeat;
  167. opacity:0.4;
  168. filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
  169. }
  170. .mCSB_scrollTools .mCSB_buttonUp{
  171. background-position:0 0;
  172. /*
  173. sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
  174. */
  175. }
  176. .mCSB_scrollTools .mCSB_buttonDown{
  177. background-position:0 -20px;
  178. /*
  179. sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
  180. */
  181. }
  182. .mCSB_scrollTools .mCSB_buttonLeft{
  183. background-position:0 -40px;
  184. /*
  185. sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
  186. */
  187. }
  188. .mCSB_scrollTools .mCSB_buttonRight{
  189. background-position:0 -56px;
  190. /*
  191. sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
  192. */
  193. }
  194. .mCSB_scrollTools .mCSB_buttonUp:hover,
  195. .mCSB_scrollTools .mCSB_buttonDown:hover,
  196. .mCSB_scrollTools .mCSB_buttonLeft:hover,
  197. .mCSB_scrollTools .mCSB_buttonRight:hover{
  198. opacity:0.75;
  199. filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
  200. }
  201. .mCSB_scrollTools .mCSB_buttonUp:active,
  202. .mCSB_scrollTools .mCSB_buttonDown:active,
  203. .mCSB_scrollTools .mCSB_buttonLeft:active,
  204. .mCSB_scrollTools .mCSB_buttonRight:active{
  205. opacity:0.9;
  206. filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
  207. }