oobe_screen_hid_detection.css revision 46d4c2bc3267f3f028f39e7e311b0f89aba2e4fd 
1/* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6#hid-detection {
7  min-height: 395px;
8  padding: 70px 17px 21px;
9  width: 622px;
10}
11
12#hid-detection .step-contents {
13  margin: 33px auto 82px;
14  width: 475px;
15}
16
17#hid-detection #hid-invitation-text {
18  font-size: 16px;
19}
20
21#hid-detection #hid-prerequisite-msg {
22  padding: 10px 0 30px;
23}
24
25#hid-keyboard-block,
26#hid-mouse-block {
27  padding: 20px 0;
28}
29
30#hid-keyboard-icon,
31#hid-mouse-icon {
32  bottom: -15px;
33  height: 40px;
34  position: relative;
35  width: 40px;
36}
37
38#hid-mouse-icon-block,
39#hid-keyboard-icon-block {
40  display: inline;
41}
42
43#hid-mouse-label,
44#hid-keyboard-label {
45  display: inline;
46}
47
48#hid-detection .label,
49#hid-keyboard-pincode {
50  display: none;
51}
52
53#hid-keyboard-tick,
54#hid-mouse-tick {
55  -webkit-margin-start: -28px;
56  bottom: -20px;
57  position: relative;
58  visibility: hidden;
59}
60
61.searching {
62  opacity: 0.6
63}
64
65#hid-detection #hid-keyboard-pincode {
66  padding: 10px 0 20px 40px;
67}
68
69.searching #hid-keyboard-label-searching,
70.searching #hid-mouse-label-searching,
71.connected #hid-keyboard-label-connected,
72.connected #hid-mouse-label-connected,
73.paired #hid-keyboard-label-paired,
74.paired #hid-mouse-label-paired,
75.pairing #hid-keyboard-label-pairing,
76.connected #hid-keyboard-tick,
77.connected #hid-mouse-tick,
78.paired #hid-keyboard-tick,
79.paired #hid-mouse-tick {
80  display: inline;
81}
82
83.connected #hid-keyboard-tick,
84.connected #hid-mouse-tick,
85.paired #hid-keyboard-tick,
86.paired #hid-mouse-tick {
87  visibility: visible;
88}
89
90.pairing #hid-keyboard-pincode {
91  display: block;
92  margin-left: 40px;
93  padding: 15px 0;
94}
95