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.
 
 
 

191 lines
6.0 KiB

@font-face{font-family:"Korolev-Bold";
src:url("/webfonts/22AE77_0_0.eot");
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");}
*{margin:0;
padding:0;}
html{overflow-y:scroll;}
body{color:#000;
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:1.5;
text-rendering:optimizeLegibility;
background:#262626;
background-image:url('/images/background.jpg');}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;
vertical-align:top;}
li{list-style-position:inside;}
h4{font-size:16px;
line-height:1.25;
font-weight:bold;}
h5{font-size:14px;
line-height:1.286;
font-weight:bold;}
button:focus{outline:none;}
input[type="submit"]:focus, input[type="button"]:focus, input[type="cancel"]:focus, input[type="reset"]:focus{outline:none;}
.bar{height:35px;
line-height:35px;
padding:0 10px 0 40px;
color:#666;
font-size:13px;
text-shadow:1px 1px 0 rgba(255, 255, 255, .8);
box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1);
background:url('/images/icons.png') no-repeat -4px -408px #e9e9e9;}
.bar h4{float:left;
width:130px;
margin:0;
padding:0;
font-size:13px;
line-height:35px;
text-overflow:ellipsis;
overflow:hidden;}
.bar span{float:right;
font-style:italic;
opacity:.7;}
.clear{clear:both;}
.nick{text-transform:capitalize;}
.main, .footer{width:980px;}
.main{margin:40px auto 20px;
padding:20px 0;
border:1px solid #fff;
border-bottom:1px solid #fff;
background:transparent url(/images/transparent_pxl_white-90.png);
background:rgba(255, 255, 255, 0.9);
box-shadow:0 0 5px rgba(0, 0, 0, 0.35);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.35);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.35);}
.wrapper{width:940px;
margin:0 auto;
padding:0 20px;
position:relative;}
.primary_button, .normal_button{border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display:inline-block;
position:relative;
vertical-align:baseline;
font-size:inherit;
font-weight:500;
border:1px solid #000;
background:none;
cursor:pointer;
font-family:inherit;
font-weight:bold;
width:1;
overflow:visible;}
.primary_button span, .normal_button span{display:inline-block;
height:18px;
padding:5px 9px;
white-space:nowrap;
line-height:18px;}
.primary_button{background:-webkit-gradient(linear, left top, left bottom, from(#8266b6), to(#533787));
background:-moz-linear-gradient(top, #8266b6, #533787);
background:-o-linear-gradient(top, #8266b6, #533787);
background:linear-gradient(top, #8266b6, #533787);
background-color:#6a4e9e;
border-top:1px solid #5b3f8f;
border-left:1px solid #412771;
border-right:1px solid #412771;
border-bottom:1px solid #2a1453;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.15);
text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
-moz-text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
-webkit-text-shadow:0 1px 0 rgba(0, 0, 0, 0.75);
color:#fff;}
.normal_button{background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ddd));
background:-moz-linear-gradient(top, #f5f5f5, #ddd);
background:-o-linear-gradient(top, #f5f5f5, #ddd);
background:linear-gradient(top, #f5f5f5, #ddd);
background-color:#e9e9e9;
border-top:1px solid rgba(0, 0, 0, 0.2);
border-left:1px solid rgba(0, 0, 0, 0.3);
border-right:1px solid rgba(0, 0, 0, 0.3);
border-bottom:1px solid rgba(0, 0, 0, 0.35);
box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
-webkit-box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.07);
text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
-moz-text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
-webkit-text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);}
a.button:hover, a.primary_button:hover, a.normal_button:hover{text-decoration:none;}
.form_submit{float:right;
margin-top:0;
margin-right:5px}
.auction_status{display:block;
float:right;
margin:-8px -8px 5px 0;
padding:0;
width:55px;
height:50px;
font-size:12px;
line-height:40px;
color:#E3DAF2;
background:url('/images/vector-web-icons.png') no-repeat 0 0 transparent;
border:0;
opacity:.2;
text-indent:100%;
overflow:hidden;
background-position:-160px -268px;}
.section_header{margin-bottom:10px;
color:#666;}
.bottom_box{border:1px solid #ccc;
border-top:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background:#f1f1f1;}
#mantle_skin{z-index:-1000;}
#site_footer{margin:0 auto;
padding-bottom:60px;}
#site_footer a{color:#fff;
font-weight:500;
text-shadow:0 1px 0 #000;}
#footer_archonbot{float:left;
vertical-align:top;}
#footer_links{float:left;}
#footer_links li{display:inline;
display:inline-block;
margin:0 6px;}
#copyright_and_languages{float:right;
color:#666;}
#copyright_and_languages #copyright{margin-left:10px;}
#chat_lines{height:346px;
padding:10px 5px 10px 10px}
#twitch_chat{margin-bottom:10px;
border:1px solid #ccc;
border-radius:4px;}
#chat_line_list li{list-style:none;}
#chat_line_list li p{margin-bottom:5px;}
#chat_line_list li .nick{font-weight:bold;
text-transform:capitalize;}
#auction_submit_buttons{margin:0 -5px 0 0;
height:25px}
#auction_lines{height:173px;
margin-bottom:10px;
border:1px solid #ccc;
border-radius:4px;}
#irc_submit{float:right;
margin-top:-37px;}
#auction_box{width:325px;
margin-bottom:10px;}
#auction_box, #chat{position:relative;
padding:15px;
border:1px solid #CCC;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-top-right-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background:#F1F1F1;}