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.

190 lines
6.0 KiB

11 years ago
  1. @font-face{font-family:"Korolev-Bold";
  2. src:url("/webfonts/22AE77_0_0.eot");
  3. src:url("/webfonts/22AE77_0_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/22AE77_0_0.woff") format("woff"), url("/webfonts/22AE77_0_0.ttf") format("truetype");}
  4. *{margin:0;
  5. padding:0;}
  6. html{overflow-y:scroll;}
  7. body{color:#000;
  8. font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  9. line-height:1.5;
  10. text-rendering:optimizeLegibility;
  11. background:#262626;
  12. background-image:url('/images/background.jpg');}
  13. a{text-decoration:none;}
  14. a:hover{text-decoration:underline;}
  15. img{border:0;
  16. vertical-align:top;}
  17. li{list-style-position:inside;}
  18. h4{font-size:16px;
  19. line-height:1.25;
  20. font-weight:bold;}
  21. h5{font-size:14px;
  22. line-height:1.286;
  23. font-weight:bold;}
  24. button:focus{outline:none;}
  25. input[type="submit"]:focus, input[type="button"]:focus, input[type="cancel"]:focus, input[type="reset"]:focus{outline:none;}
  26. .bar{height:35px;
  27. line-height:35px;
  28. padding:0 10px 0 40px;
  29. color:#666;
  30. font-size:13px;
  31. text-shadow:1px 1px 0 rgba(255, 255, 255, .8);
  32. box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1);
  33. background:url('/images/icons.png') no-repeat -4px -408px #e9e9e9;}
  34. .bar h4{float:left;
  35. width:130px;
  36. margin:0;
  37. padding:0;
  38. font-size:13px;
  39. line-height:35px;
  40. text-overflow:ellipsis;
  41. overflow:hidden;}
  42. .bar span{float:right;
  43. font-style:italic;
  44. opacity:.7;}
  45. .clear{clear:both;}
  46. .nick{text-transform:capitalize;}
  47. .main, .footer{width:980px;}
  48. .main{margin:40px auto 20px;
  49. padding:20px 0;
  50. border:1px solid #fff;
  51. border-bottom:1px solid #fff;
  52. background:transparent url(/images/transparent_pxl_white-90.png);
  53. background:rgba(255, 255, 255, 0.9);
  54. box-shadow:0 0 5px rgba(0, 0, 0, 0.35);
  55. -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.35);
  56. -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.35);}
  57. .wrapper{width:940px;
  58. margin:0 auto;
  59. padding:0 20px;
  60. position:relative;}
  61. .primary_button, .normal_button{border-radius:3px;
  62. -moz-border-radius:3px;
  63. -webkit-border-radius:3px;
  64. display:inline-block;
  65. position:relative;
  66. vertical-align:baseline;
  67. font-size:inherit;
  68. font-weight:500;
  69. border:1px solid #000;
  70. background:none;
  71. cursor:pointer;
  72. font-family:inherit;
  73. font-weight:bold;
  74. width:1;
  75. overflow:visible;}
  76. .primary_button span, .normal_button span{display:inline-block;
  77. height:18px;
  78. padding:5px 9px;
  79. white-space:nowrap;
  80. line-height:18px;}
  81. .primary_button{background:-webkit-gradient(linear, left top, left bottom, from(#8266b6), to(#533787));
  82. background:-moz-linear-gradient(top, #8266b6, #533787);
  83. background:-o-linear-gradient(top, #8266b6, #533787);
  84. background:linear-gradient(top, #8266b6, #533787);
  85. background-color:#6a4e9e;
  86. border-top:1px solid #5b3f8f;
  87. border-left:1px solid #412771;
  88. border-right:1px solid #412771;
  89. border-bottom:1px solid #2a1453;
  90. box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
  91. -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
  92. -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
  93. text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
  94. -moz-text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
  95. -webkit-text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
  96. color:#fff;}
  97. .normal_button{background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ddd));
  98. background:-moz-linear-gradient(top, #f5f5f5, #ddd);
  99. background:-o-linear-gradient(top, #f5f5f5, #ddd);
  100. background:linear-gradient(top, #f5f5f5, #ddd);
  101. background-color:#e9e9e9;
  102. border-top:1px solid rgba(0, 0, 0, 0.2);
  103. border-left:1px solid rgba(0, 0, 0, 0.3);
  104. border-right:1px solid rgba(0, 0, 0, 0.3);
  105. border-bottom:1px solid rgba(0, 0, 0, 0.35);
  106. box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
  107. -moz-box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
  108. -webkit-box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
  109. text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
  110. -moz-text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
  111. -webkit-text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);}
  112. a.button:hover, a.primary_button:hover, a.normal_button:hover{text-decoration:none;}
  113. .form_submit{float:right;
  114. margin-top:0;
  115. margin-right:5px}
  116. .auction_status{display:block;
  117. float:right;
  118. margin:-8px -8px 5px 0;
  119. padding:0;
  120. width:55px;
  121. height:50px;
  122. font-size:12px;
  123. line-height:40px;
  124. color:#E3DAF2;
  125. background:url('/images/vector-web-icons.png') no-repeat 0 0 transparent;
  126. border:0;
  127. opacity:.2;
  128. text-indent:100%;
  129. overflow:hidden;
  130. background-position:-160px -268px;}
  131. .section_header{margin-bottom:10px;
  132. color:#666;}
  133. .bottom_box{border:1px solid #ccc;
  134. border-top:none;
  135. border-radius:0;
  136. -moz-border-radius:0;
  137. -webkit-border-radius:0;
  138. background:#f1f1f1;}
  139. #mantle_skin{z-index:-1000;}
  140. #site_footer{margin:0 auto;
  141. padding-bottom:60px;}
  142. #site_footer a{color:#fff;
  143. font-weight:500;
  144. text-shadow:0 1px 0 #000;}
  145. #footer_archonbot{float:left;
  146. vertical-align:top;}
  147. #footer_links{float:left;}
  148. #footer_links li{display:inline;
  149. display:inline-block;
  150. margin:0 6px;}
  151. #copyright_and_languages{float:right;
  152. color:#666;}
  153. #copyright_and_languages #copyright{margin-left:10px;}
  154. #chat_lines{height:346px;
  155. padding:10px 5px 10px 10px}
  156. #twitch_chat{margin-bottom:10px;
  157. border:1px solid #ccc;
  158. border-radius:4px;}
  159. #chat_line_list li{list-style:none;}
  160. #chat_line_list li p{margin-bottom:5px;}
  161. #chat_line_list li .nick{font-weight:bold;
  162. text-transform:capitalize;}
  163. #auction_submit_buttons{margin:0 -5px 0 0;
  164. height:25px}
  165. #auction_lines{height:173px;
  166. margin-bottom:10px;
  167. border:1px solid #ccc;
  168. border-radius:4px;}
  169. #irc_submit{float:right;
  170. margin-top:-37px;}
  171. #auction_box{width:325px;
  172. margin-bottom:10px;}
  173. #auction_box, #chat{position:relative;
  174. padding:15px;
  175. border:1px solid #CCC;
  176. border-radius:0;
  177. -moz-border-radius:0;
  178. -webkit-border-radius:0;
  179. border-top-right-radius:5px;
  180. border-top-left-radius:5px;
  181. -moz-border-radius-topright:5px;
  182. -moz-border-radius-topleft:5px;
  183. -webkit-border-top-left-radius:5px;
  184. -webkit-border-top-right-radius:5px;
  185. border-bottom-right-radius:5px;
  186. border-bottom-left-radius:5px;
  187. -moz-border-radius-bottomright:5px;
  188. -moz-border-radius-bottomleft:5px;
  189. -webkit-border-bottom-left-radius:5px;
  190. -webkit-border-bottom-right-radius:5px;
  191. background:#F1F1F1;}