| /* Copyright 2013 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. */ |
| |
| html, |
| body, |
| ul, |
| li { |
| margin: 0; |
| padding: 0; |
| } |
| |
| body, |
| html { |
| height: 100%; |
| } |
| |
| a { |
| color: rgb(0, 102, 204); |
| text-decoration: none; |
| } |
| |
| button { |
| -webkit-margin-start: 15px; |
| min-width: 80px; |
| } |
| |
| h1 { |
| font-size: 15pt; |
| margin-top: 0; |
| } |
| |
| h2 { |
| font-size: 13pt; |
| margin-top: 0; |
| } |
| |
| header { |
| -webkit-padding-start: 120px; |
| background-color: rgb(242, 247, 250); |
| border-bottom: 1px solid rgb(218, 236, 248); |
| padding-bottom: 50px; |
| padding-top: 50px; |
| } |
| |
| header p { |
| margin-bottom: 0; |
| width: 800px; |
| } |
| |
| input { |
| margin-bottom: 7px; |
| margin-top: 7px; |
| } |
| |
| li { |
| list-style: none; |
| margin-bottom: 8px; |
| } |
| |
| p { |
| margin-top: 0; |
| } |
| |
| progress { |
| margin-bottom: 0; |
| width: 371px; |
| } |
| |
| ul { |
| -webkit-margin-after: 25px; |
| -webkit-margin-before: 0; |
| } |
| |
| .aligned-to-start { |
| -webkit-padding-start: 120px; |
| } |
| |
| .float-start { |
| float: left; |
| } |
| |
| html[dir='rtl'] .float-start { |
| float-right; |
| } |
| |
| .float-stop { |
| clear: both; |
| } |
| |
| .default-text { |
| margin-bottom: 0; |
| } |
| |
| .normal-text { |
| font-size: 15; |
| } |
| |
| .progress-text { |
| color: #666; |
| margin-bottom: 2px; |
| margin-top: 2px; |
| } |
| |
| .select-option { |
| margin-top: 3px; |
| } |
| |
| .new-line { |
| clear: both; |
| } |
| |
| #main-content { |
| -webkit-padding-start: 120px; |
| background-image: -webkit-linear-gradient(rgb(255, 255, 255), |
| rgb(239, 245, 255)); |
| bottom: 0; |
| left: 0; |
| padding-bottom: 35px; |
| padding-top: 35px; |
| position: absolute; |
| right: 0; |
| top: 195px; |
| } |
| |
| #status-icon { |
| display: none; |
| height: 64px; |
| left: 32px; |
| position: absolute; |
| right: 37px; |
| width: 64px; |
| } |
| |
| #main-content.device-detected-none #status-icon { |
| background: url('insert.png'); |
| background-repeat: no-repeat; |
| display: block; |
| } |
| |
| #main-content.device-detected-usb #status-icon { |
| background: url('detected_usb.png'); |
| background-repeat: no-repeat; |
| display: block; |
| } |
| |
| #main-content.device-detected-sd #status-icon { |
| background: url('detected_sd.png'); |
| background-repeat: no-repeat; |
| display: block; |
| } |
| |
| #progress-status-div { |
| display: none; |
| } |
| |
| #main-content.progress #progress-status-div { |
| display: block; |
| } |
| |
| #cancel-button { |
| display: none; |
| margin-bottom: 0; |
| margin-top: -4px; |
| } |
| |
| #main-content.progress-canceble #cancel-button { |
| display: block; |
| } |
| |
| #pending-time { |
| clear: both |
| } |
| |
| #device-selection { |
| display: none; |
| } |
| |
| #main-content.device-detected-mul #device-selection { |
| display: block; |
| } |
| |
| #warning-icon { |
| -webkit-margin-end: 10px; |
| display: none; |
| height: 26px; |
| width: 25px; |
| } |
| |
| #main-content.warning #warning-icon, |
| #main-content.error #warning-icon { |
| background: url('../../../../ui/webui/resources/images/icon_warning.png'); |
| background-repeat: no-repeat; |
| display: block; |
| } |
| |
| #main-content.success #warning-icon { |
| background: url('../../../../ui/webui/resources/images/icon_checkmark.png'); |
| background-repeat: no-repeat; |
| display: block; |
| } |
| |
| #warning-div { |
| display: block; |
| } |
| |
| #main-content.progress #warning-div { |
| display: none; |
| } |
| |
| #warning-text { |
| max-width: 550px; |
| padding-top: 4px; |
| } |
| |
| #main-content.success #warning-button, |
| #main-content.warning-no-conf #warning-button, |
| #main-content.device-detected-none #warning-button { |
| display: none; |
| } |
| |
| #main-content.error #warning-button { |
| clear: both; |
| } |