| /* 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. |
| */ |
| |
| #hid-detection { |
| min-height: 395px; |
| padding: 70px 17px 21px; |
| width: 622px; |
| } |
| |
| #hid-detection .step-contents { |
| margin: 33px auto 82px; |
| width: 475px; |
| } |
| |
| #hid-detection #hid-invitation-text { |
| font-size: 16px; |
| } |
| |
| #hid-detection #hid-prerequisite-msg { |
| padding: 10px 0 30px; |
| } |
| |
| #hid-keyboard-block, |
| #hid-mouse-block { |
| padding: 20px 0; |
| } |
| |
| #hid-keyboard-icon, |
| #hid-mouse-icon { |
| bottom: -15px; |
| height: 40px; |
| position: relative; |
| width: 40px; |
| } |
| |
| #hid-mouse-icon-block, |
| #hid-keyboard-icon-block { |
| display: inline; |
| } |
| |
| #hid-mouse-label, |
| #hid-keyboard-label { |
| display: inline; |
| } |
| |
| #hid-detection .label, |
| #hid-keyboard-pincode { |
| display: none; |
| } |
| |
| #hid-keyboard-tick, |
| #hid-mouse-tick { |
| -webkit-margin-start: -28px; |
| bottom: -20px; |
| position: relative; |
| visibility: hidden; |
| } |
| |
| .searching { |
| opacity: 0.6 |
| } |
| |
| #hid-detection #hid-keyboard-pincode { |
| padding: 10px 0 20px 40px; |
| } |
| |
| .searching #hid-keyboard-label-searching, |
| .searching #hid-mouse-label-searching, |
| .connected #hid-keyboard-label-connected, |
| .connected #hid-mouse-label-connected, |
| .paired #hid-keyboard-label-paired, |
| .paired #hid-mouse-label-paired, |
| .pairing #hid-keyboard-label-pairing, |
| .connected #hid-keyboard-tick, |
| .connected #hid-mouse-tick, |
| .paired #hid-keyboard-tick, |
| .paired #hid-mouse-tick { |
| display: inline; |
| } |
| |
| .connected #hid-keyboard-tick, |
| .connected #hid-mouse-tick, |
| .paired #hid-keyboard-tick, |
| .paired #hid-mouse-tick { |
| visibility: visible; |
| } |
| |
| .pairing #hid-keyboard-pincode { |
| display: block; |
| margin-left: 40px; |
| padding: 15px 0; |
| } |