| /* Copyright 2014 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| /* TODO(dbeam): what's wrong with * here? Specificity issues? */ |
| audio, |
| body, |
| canvas, |
| command, |
| dd, |
| div, |
| dl, |
| dt, |
| embed, |
| form, |
| group, |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6, |
| html, |
| img, |
| mark, |
| meter, |
| object, |
| output, |
| progress, |
| summary, |
| td, |
| time, |
| tr, |
| 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-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 { |
| 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 { |
| border: 1px solid rgb(77, 144, 254); |
| 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 { |
| box-shadow: none; |
| } |
| .g-button { |
| -webkit-transition: all 218ms; |
| -webkit-user-select: none; |
| background-color: #f5f5f5; |
| background-image: linear-gradient(to bottom, #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-transition: all 0ms; |
| background-color: #f8f8f8; |
| background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1); |
| border: 1px solid #c6c6c6; |
| box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
| color: #333; |
| text-decoration: none; |
| transition: all 0ms; |
| } |
| .g-button:active { |
| background-color: #f6f6f6; |
| background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1); |
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| } |
| .g-button:visited { |
| color: #666; |
| } |
| .g-button-submit { |
| background-color: rgb(77, 144, 254); |
| background-image: |
| linear-gradient(to bottom, rgb(77, 144, 254), rgb(71, 135, 237)); |
| border: 1px solid rgb(48, 121, 237); |
| color: #fff; |
| text-shadow: 0 1px rgba(0,0,0,0.1); |
| } |
| .g-button-submit:hover { |
| background-color: rgb(53, 122, 232); |
| background-image: |
| linear-gradient(to bottom, rgb(77, 144, 254), rgb(53, 122, 232)); |
| border: 1px solid rgb(47, 91, 183); |
| color: #fff; |
| text-shadow: 0 1px rgba(0,0,0,0.3); |
| } |
| .g-button-submit:active { |
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); |
| } |
| .g-button-submit:visited { |
| color: #fff; |
| } |
| .g-button-submit:focus { |
| box-shadow: inset 0 0 0 1px #fff; |
| } |
| .g-button-submit:focus:hover { |
| 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: rgb(221, 75, 57); |
| 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 rgb(221, 75, 57); |
| } |
| 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; |
| } |