| /* Copyright (c) 2012 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(jhawkins): Organize these by page. */ |
| |
| #sync-setup-overlay * h4 { |
| margin: 5px 0; |
| } |
| |
| #sync-setup-overlay * form { |
| -webkit-user-select: none; |
| } |
| |
| #sync-setup-overlay * .content-area { |
| padding: 10px 15px; |
| } |
| |
| .action-area-link-container { |
| -webkit-box-flex: 1; |
| } |
| |
| .sync-customize-section-container { |
| margin: 5px 0 10px 0; |
| } |
| |
| #sync-custom-passphrase { |
| margin: 0 25px; |
| } |
| |
| #sync-passphrase-message { |
| color: gray; |
| } |
| |
| .sync-custom-passphrase-input { |
| margin: 10px 0; |
| } |
| |
| #sync-existing-passphrase-container { |
| background: rgb(255, 242, 158); |
| border: 1px solid rgb(212, 205, 173); |
| padding: 10px; |
| } |
| |
| #sync-select-container { |
| margin-bottom: 10px; |
| } |
| |
| #sync-instructions-container { |
| line-height: 1.8em; |
| margin-bottom: 30px; |
| } |
| |
| #choose-data-types-body { |
| -webkit-column-count: 3; |
| margin: 10px 0; |
| } |
| |
| #choose-data-types-body > .checkbox:first-child { |
| margin-top: 0; |
| } |
| |
| #choose-data-types-body > .checkbox:last-child { |
| margin-bottom: 0; |
| } |
| |
| #sync-setup-overlay { |
| -webkit-user-select: none; |
| background-color: white; |
| margin-bottom: 6px; |
| margin-top: 6px; |
| width: 500px; |
| } |
| |
| #sync-setup-overlay * a:link { |
| color: rgb(0, 0, 204); |
| } |
| |
| #sync-setup-overlay * a:visited { |
| color: rgb(85, 26, 139); |
| } |
| |
| #sync-setup-overlay * a:active { |
| color: rgb(255, 0, 0); |
| } |
| |
| #sync-setup-overlay * hr { |
| background-color: #ddd; |
| border: 0; |
| height: 1px; |
| text-align: left; |
| width: 100%; |
| } |
| |
| #sync-setup-overlay * input[type='button'], |
| #sync-setup-overlay * input[type='submit'] { |
| min-height: 26px; |
| min-width: 87px; |
| } |
| |
| #email-readonly { |
| font-size: 15px; |
| height: 29px; |
| line-height: 29px; |
| margin: 0; |
| } |
| |
| #encryption-section-message { |
| color: gray; |
| margin-bottom: 5px; |
| } |
| |
| #basic-encryption-body, |
| #full-encryption-body { |
| display: table; |
| } |
| |
| #passphrase-input { |
| margin-bottom: 5px; |
| margin-top: 5px; |
| } |
| |
| #incorrect-passphrase { |
| margin-top: 5px; |
| } |
| |
| #sync-setup-overlay * .error { |
| color: red; |
| } |
| |
| .overlay-warning { |
| background: white; |
| border: 2px solid #888; |
| border-radius: 8px; |
| box-shadow: 0.2em 0.2em 0.5em #888; |
| left: 25px; |
| padding: 15px; |
| position: absolute; |
| right: 25px; |
| top: 100px; |
| } |
| |
| #cancel-warning-header { |
| font-weight: bold; |
| margin-bottom: 8px; |
| } |
| |
| .overlay-warning input { |
| float: right; |
| margin-left: 5px; |
| margin-top: 12px; |
| } |
| |
| #sync-passphrase-warning { |
| margin-bottom: 5px; |
| } |
| |
| #captcha-div { |
| background: white; |
| border: 1px solid #e5e5e5; |
| overflow: hidden; |
| padding: 1em 1em; |
| } |
| |
| #captcha-wrapper { |
| background: no-repeat; |
| background-position: center; |
| background-size: 200px 70px; |
| margin: 0 0 1em; |
| } |
| |
| #captcha-image { |
| height: 70px; |
| width: 200px; |
| } |
| |
| #asp-warning-div { |
| text-align: left; |
| } |
| |
| #logging-in-throbber { |
| margin: 0 10px; |
| } |
| |
| #password-row { |
| margin-bottom: 0; |
| margin-top: 2px; |
| } |
| |
| #action-area { |
| margin: 1em 0; |
| } |
| |
| #sign-in { |
| margin: 0; |
| } |
| |
| #sync-setup-configure { |
| background: white; |
| } |
| |
| #choose-data-types-form { |
| -webkit-user-select: none; |
| } |
| |
| #chooseDataTypesRadio { |
| vertical-align: top; |
| } |
| |
| #chooseDataTypes > div { |
| display: inline-block; |
| } |
| |
| .sync-data-types { |
| margin-left: 5px; |
| } |
| |
| .sync-configuration-errors { |
| margin-top: 5px; |
| } |
| |
| .sync-configuration-error { |
| background-color: rgb(238, 185, 57); |
| border-radius: 4px; |
| font-weight: bold; |
| margin-left: auto; |
| margin-right: auto; |
| padding: 1px 10px; |
| text-align: center; |
| width: 80%; |
| } |
| |
| #learn-more-link { |
| float: right; |
| } |
| |
| html[dir='rtl'] #learn-more-link { |
| float: left; |
| } |
| |
| #customize-link, |
| #use-default-link { |
| -webkit-transition: opacity 250ms; |
| } |
| |
| |
| /* Sign in box. */ |
| |
| .sign-in { |
| margin: 20px auto; |
| width: 335px; |
| } |
| |
| .signin-box { |
| background: #f5f5f5; |
| border: 1px solid #e5e5e5; |
| padding: 20px 25px 15px; |
| } |
| |
| #signin-header { |
| position: relative; |
| } |
| |
| #signin-header h2 { |
| color: #222; |
| font-size: 16px; |
| font-weight: normal; |
| height: 16px; |
| line-height: 16px; |
| margin-top: 0; |
| } |
| |
| #signin-header-logo { |
| background: transparent |
| url('chrome://resources/images/google-transparent.png') no-repeat; |
| display: inline-block; |
| height: 19px; |
| position: absolute; |
| right: 0; |
| top: 1px; |
| width: 52px; |
| } |
| |
| html[dir='rtl'] #signin-header-logo { |
| left: 0; |
| right: auto; |
| } |
| |
| #email-row, |
| #email-readonly-row, |
| #password-row { |
| margin: 0 0 1.5em; |
| } |
| |
| /* Sign in buttons. */ |
| |
| .signin-box input[type=submit] { |
| -webkit-margin-end: 0.4em; |
| -webkit-margin-start: 0; |
| -webkit-transition: all 218ms; |
| -webkit-user-select: none; |
| background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), |
| rgb(71, 135, 237)); |
| border: 1px solid rgb(48, 121, 237); |
| border-radius: 2px; |
| color: white; |
| display: inline-block; |
| font-size: 13px; |
| font-weight: bold; |
| height: 32px; |
| line-height: 27px; |
| margin-bottom: 1.2em; |
| margin-top: 0; |
| min-width: 54px !important; |
| padding: 0 8px; |
| } |
| |
| .signin-box input[type=submit]:hover { |
| -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
| -webkit-transition: all 0; |
| background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), |
| rgb(53, 122, 232)); |
| border-color: rgb(47, 91, 183); |
| color: white; |
| } |
| |
| .signin-box input[type=submit]:focus { |
| -webkit-box-shadow: inset 0 0 0 1px white; |
| border-color: rgb(77, 144, 254); |
| outline: none; |
| z-index: 4 !important; |
| } |
| |
| .signin-box input[type=submit]:active, |
| .signin-box input[type=submit]:focus:active { |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); |
| } |
| |
| .signin-box input[type=submit]:focus:hover { |
| -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1); |
| } |
| |
| .signin-box input[type=submit][disabled], |
| .signin-box input[type=submit][disabled]:hover, |
| .signin-box input[type=submit][disabled]:active { |
| -webkit-box-shadow: none; |
| background-color: rgb(77, 144, 254); |
| border: 1px solid rgb(48, 121, 237); |
| color: white; |
| opacity: 0.5; |
| } |
| |
| /* Sign in text fields. */ |
| |
| .signin-box input[type=text], |
| .signin-box input[type=password] { |
| -webkit-border-radius: 1px; |
| -webkit-box-sizing: border-box; |
| background-color: white; |
| border: 1px solid #d9d9d9; |
| border-top: 1px solid #c0c0c0; |
| color: #333; |
| display: inline-block; |
| font-size: 15px; |
| height: 32px; |
| line-height: 27px; |
| margin-top: 0.5em; |
| padding-left: 8px; |
| vertical-align: top; |
| width: 100%; |
| } |
| |
| html[dir='rtl'] .signin-box input[type=text], |
| html[dir='rtl'] .signin-box input[type=password] { |
| padding-left: 0; |
| padding-right: 8px; |
| } |
| |
| .signin-box input[type=text]:hover, |
| .signin-box input[type=password]:hover { |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| border-color: #b9b9b9; |
| border-top: 1px solid #a0a0a0; |
| } |
| |
| .signin-box input[type=text]:focus, |
| .signin-box input[type=password]:focus { |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); |
| border-color: rgb(77, 144, 254); |
| outline: none; |
| } |
| |
| .signin-box input[type=text][disabled], |
| .signin-box input[type=password][disabled] { |
| -webkit-box-shadow: none; |
| background: #f5f5f5; |
| border: 1px solid #e5e5e5; |
| } |
| |
| .signin-box input[type=text][disabled]:hover, |
| .signin-box input[type=password][disabled]:hover { |
| -webkit-box-shadow: none; |
| } |
| |
| |
| /* Sign in links. */ |
| |
| .signin-box .account-link { |
| color: rgb(17, 85, 204) !important; |
| text-decoration: none; |
| } |
| |
| .signin-box .account-link:visited { |
| color: rgb(102, 17, 204) !important; |
| text-decoration: none; |
| } |
| |
| .signin-box .account-link:hover { |
| text-decoration: underline; |
| } |
| |
| .signin-box .account-link:active { |
| color: rgb(209, 72, 54) !important; |
| text-decoration: underline; |
| } |
| |
| /* Sign in text. */ |
| |
| .signin-box strong { |
| color: #222; |
| display: block; |
| } |
| |
| .signin-box label { |
| display: block; |
| font-weight: bold; |
| } |
| |
| /* The help links inside the signin box labels should use a normal font. */ |
| .signin-box label a { |
| font-weight: normal; |
| } |
| |
| /* Sign in miscellaneous. */ |
| |
| .signin-box .throbber { |
| float: right; |
| } |
| |
| html[dir='rtl'] .signin-box .throbber { |
| float: left; |
| } |
| |
| #create-account-div { |
| display: inline-block; |
| } |
| |
| .signin-box .errormsg { |
| color: rgb(221, 75, 57) !important; |
| font-size: 13px !important; |
| line-height: 17px; |
| margin: 0.5em 0 1.5em; |
| } |
| |
| .signin-box .help-link { |
| -webkit-border-radius: 1em; |
| background: rgb(221, 75, 57); |
| color: white !important; |
| display: inline-block; |
| font-weight: bold; |
| padding: 0 5px; |
| position: relative; |
| text-decoration: none; |
| top: 0; |
| } |
| |
| .signin-box .help-link:visited { |
| color: white !important; |
| } |
| |
| .signin-box .help-link:hover { |
| color: white !important; |
| opacity: .7; |
| } |