body,div, dl, h1, h2, h3, h4, h5, h6, html, img, dd, dt, embed, form, object, td, tr, canvas, command, group, mark, meter, output, progress, summary, audio, time, video { border: 0; margin: 0; padding: 0; } html { background: #fff; color: #333; direction: ltr; font: 81.25% arial, helvetica, sans-serif; line-height: 1; } h1, h2, h3, h4, h5, h6 { color: #222; font-size: 1.54em; font-weight: normal; line-height: 24px; margin: 0 0 .46em; } strong { color: #222; } body, html { height: 100%; min-width: 100%; position: absolute; } .wrapper { min-height: 100%; position: relative; } .content { padding: 0 44px; } .main { margin: 0 auto; padding-bottom: 100px; padding-top: 23px; width: 650px; } button, input, select, textarea { font-family: inherit; font-size: inherit; } input[type=email], input[type=number], input[type=password], input[type=text], input[type=url] { -webkit-border-radius: 1px; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #d9d9d9; border-radius: 1px; border-top: 1px solid #c0c0c0; box-sizing: border-box; display: inline-block; height: 29px; margin: 0; padding-left: 8px; } input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=text]:hover, input[type=url]:hover { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, input[type=url]:focus { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); border: 1px solid #4d90fe; box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); outline: none; } input[type=email][disabled=disabled], input[type=number][disabled=disabled], input[type=password][disabled=disabled], input[type=text][disabled=disabled], input[type=url][disabled=disabled] { background: #f5f5f5; border: 1px solid #e5e5e5; } input[type=email][disabled=disabled]:hover, input[type=number][disabled=disabled]:hover, input[type=password][disabled=disabled]:hover, input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover { -webkit-box-shadow: none; box-shadow: none; } .g-button { -webkit-border-radius: 2px; -webkit-transition: all 218ms; -webkit-user-select: none; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; color: #555; cursor: default; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-align: center; transition: all 218ms; user-select: none; } *+html .g-button { min-width: 70px; } button.g-button, input[type=submit].g-button { height: 29px; line-height: 29px; margin: 0; vertical-align: bottom; } *+html button.g-button, *+html input[type=submit].g-button { overflow: visible; } .g-button:hover { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: all 0; background-color: #f8f8f8; background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); border: 1px solid #c6c6c6; box-shadow: 0 1px 1px rgba(0,0,0,0.1); color: #333; text-decoration: none; transition: all 0; } .g-button:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); background-color: #f6f6f6; background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: linear-gradient(top,#f6f6f6,#f1f1f1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .g-button:visited { color: #666; } .g-button-submit { background-color: #4d90fe; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.1); } .g-button-submit:hover { background-color: #357ae8; background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); border: 1px solid #2f5bb7; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); } .g-button-submit:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .g-button-submit:visited { color: #fff; } .g-button-submit:focus { -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; } .g-button-submit:focus:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); } .g-button:hover img { opacity: .72; } .g-button:active img { opacity: 1; } .errormsg { color: #dd4b39; display: block; line-height: 17px; margin: .5em 0 0; } input[type=email].form-error, input[type=number].form-error, input[type=password].form-error, input[type=text].form-error, input[type=url].form-error, input[type=text].field-error, input[type=password].field-error { border: 1px solid #dd4b39; } html { background: transparent; } .content { width: auto; } .main { padding-bottom: 12px; padding-top: 23px; } .signin-box h2 { font-size: 16px; height: 16px; line-height: 17px; margin: 0 0 1.2em; position: relative; } .signin-box label { display: block; margin: 0 0 1.5em; } .signin-box input[type=text], .signin-box input[type=password] { font-size: 15px; height: 32px; width: 100%; } .signin-box .email-label, .signin-box .passwd-label { -webkit-user-select: none; display: block; font-weight: bold; margin: 0 0 .5em; user-select: none; } .signin-box input[type=submit] { font-size: 13px; height: 32px; margin: 0 1.5em 1.2em 0; } .errormsg { display: none; } .form-error + .errormsg, .field-error + .errormsg { display: block; }