• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Copyright (c) 2012 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.bluetooth-device-list {
6  margin: 10px 0;
7  padding: 5px 10px;
8}
9
10.bluetooth-device[notconnectable] {
11  color: gray;
12}
13
14.bluetooth-device[connected] {
15  font-weight: bold; /* semibold */
16}
17
18#bluetooth-options .bluetooth-device-list {
19  margin: 0 10px;
20}
21
22#bluetooth-options .button-strip {
23  -webkit-box-pack: justify;
24}
25
26#bluetooth-options .button-strip #bluetooth-scanning-label,
27#bluetooth-options .button-strip #bluetooth-scan-stopped-label {
28  -webkit-box-flex: 1;
29  display: block;
30}
31
32#bluetooth-scanning-label,
33#bluetooth-scan-stopped-label {
34  -webkit-margin-start: 5px;
35  color: #999;
36}
37
38#bluetooth-scanning-icon {
39  height: 20px;
40  opacity: 0.66;
41  vertical-align: middle;
42  width: 20px;
43}
44
45#bluetooth-paired-devices-list {
46  min-height: 96px !important;
47}
48
49#bluetooth-paired-devices-list,
50#bluetooth-unpaired-devices-list {
51  /* Prevent dialog from expanding if many devices are found. */
52  max-height: 192px;
53  overflow-x: hidden;
54  overflow-y: auto;
55}
56
57.bluetooth-empty-list-label {
58  box-sizing: border-box;
59  color: #999;
60  padding-top: 32px;
61  text-align: center;
62}
63
64#bluetooth-paired-devices-list-empty-placeholder {
65  height: 96px;
66}
67
68#bluetooth-unpaired-devices-list-empty-placeholder {
69  height: 192px;
70}
71
72/* Fix the dimensions of the message area so that the dialog does not change
73   change size during the pairing process as the message changes. Sized
74   generously to accomodate the longest of the messages. */
75#bluetooth-pairing-message-area {
76  display: table;
77  height: 160px;
78  padding: 6px 0 !important;
79  width: 420px;
80}
81
82/* Force the message to be vertical centered so that a shorter message does not
83   look out of place when there is room for a much longer message. */
84#bluetooth-pairing-message-contents {
85  display: table-cell;
86  vertical-align: middle;
87}
88
89#bluetooth-pairing-instructions,
90#bluetooth-pairing-passkey-display,
91#bluetooth-pairing-passkey-entry,
92#bluetooth-pairing-pincode-entry,
93#bluetooth-passkey,
94#bluetooth-pincode {
95  text-align: center;
96}
97
98#bluetooth-pairing-instructions {
99  margin: 10px;
100}
101
102#bluetooth-pairing-passkey-display,
103#bluetooth-pairing-passkey-entry,
104#bluetooth-pairing-pincode-entry {
105  margin: 40px 0;
106}
107
108.bluetooth-keyboard-button {
109  -webkit-padding-end: 15px;
110  -webkit-padding-start: 15px;
111  border: 1px solid #ccc;
112  border-radius: 4px;
113  box-shadow: 0 0 0 1px #222;
114  color: #222;
115  display: inline-block;
116  font-size: 16px;
117  height: 38px;
118  line-height: 38px;
119  margin: 0 10px 0 0;
120  position: relative;
121  text-align: center;
122  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
123  vertical-align: baseline;
124}
125
126.bluetooth-keyboard-button:last-child {
127  margin: 0;
128}
129
130#bluetooth-enter-key {
131  min-width: 54px;
132}
133
134.bluetooth-passkey-char {
135  -webkit-margin-start: 45px;
136  color: #999;
137  font-size: 20px;
138  font-weight: 600; /* semibold */
139  padding-bottom: 5px;
140}
141
142.bluetooth-passkey-char:first-child {
143  -webkit-margin-start: 0;
144}
145
146.bluetooth-keyboard-button.key-typed {
147  color: #222;
148}
149
150.bluetooth-keyboard-button.key-next {
151  background: rgb(77, 144, 254);
152  background-image: none;
153  border: 2px solid rgb(77, 144, 254);
154  box-shadow: none;
155  color: #fff;
156}
157
158.bluetooth-keyboard-button.key-untyped {
159  border: 1px solid #d4d4d4;
160  box-shadow: 0 0 0 1px #888;
161  color: #666;
162}
163