OLD | NEW |
| (Empty) |
1 .bluetooth-device-list { | |
2 margin: 10px; | |
3 padding: 5px 10px; | |
4 } | |
5 | |
6 .bluetooth-device[paired] { | |
7 color: gray; | |
8 } | |
9 | |
10 #bluetooth-scanning { | |
11 -webkit-box-orient: horizontal; | |
12 display: -webkit-inline-box; | |
13 margin-bottom: 5px; | |
14 } | |
15 | |
16 #bluetooth-scanning-label { | |
17 -webkit-margin-start: 5px; | |
18 color: #999; | |
19 } | |
20 | |
21 #bluetooth-scanning-icon { | |
22 -webkit-margin-start: 10px; | |
23 height: 20px; | |
24 opacity: 0.66; | |
25 vertical-align: middle; | |
26 width: 20px; | |
27 } | |
28 | |
29 #bluetooth-paired-devices-list { | |
30 min-height: 96px !important; | |
31 } | |
32 | |
33 #bluetooth-paired-devices-list, | |
34 #bluetooth-unpaired-devices-list { | |
35 /* Prevent dialog from expanding if many devices are found. */ | |
36 max-height: 192px; | |
37 overflow-x: hidden; | |
38 overflow-y: auto; | |
39 } | |
40 | |
41 .bluetooth-empty-list-label { | |
42 box-sizing: border-box; | |
43 color: #999; | |
44 padding-top: 32px; | |
45 text-align: center; | |
46 } | |
47 | |
48 #bluetooth-paired-devices-list-empty-placeholder { | |
49 height: 96px; | |
50 } | |
51 | |
52 #bluetooth-unpaired-devices-list-empty-placeholder { | |
53 height: 192px; | |
54 } | |
55 | |
56 /* Fix the dimensions of the message area so that the dialog does not change | |
57 change size during the pairing process as the message changes. Sized | |
58 generously to accomodate the longest of the messages. */ | |
59 #bluetooth-pairing-message-area { | |
60 display: table; | |
61 height: 160px; | |
62 width: 420px; | |
63 } | |
64 | |
65 /* Force the message to be vertical centered so that a shorter message does not | |
66 look out of place when there is room for a much longer message. */ | |
67 #bluetooth-pairing-message-contents { | |
68 display: table-cell; | |
69 vertical-align: middle; | |
70 } | |
71 | |
72 #bluetooth-pairing-instructions, | |
73 #bluetooth-passkey { | |
74 margin: 10px; | |
75 text-align: center; | |
76 } | |
77 | |
78 #bluetooth-pairing-passkey-display, | |
79 #bluetooth-pairing-passkey-entry { | |
80 margin: 40px 0; | |
81 text-align: center; | |
82 } | |
83 | |
84 .bluetooth-keyboard-button { | |
85 -webkit-padding-end: 15px; | |
86 -webkit-padding-start: 15px; | |
87 background-image: -webkit-gradient(linear, | |
88 left top, | |
89 left bottom, | |
90 color-stop(0, #e9e9e9), | |
91 color-stop(1, #f5f5f5)); | |
92 border: 1px solid #d4d4d4; | |
93 border-radius: 4px; | |
94 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07), | |
95 inset 0px 1px 1px 1px #fff, | |
96 inset 0px -1px 1px 1px #ddd; | |
97 color: #666; | |
98 display: inline-block; | |
99 font-size: 14px; | |
100 font-weight: 600; | |
101 height: 38px; | |
102 line-height: 38px; | |
103 margin: 0 10px 0 0; | |
104 position: relative; | |
105 text-align: center; | |
106 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
107 vertical-align: baseline; | |
108 } | |
109 | |
110 .bluetooth-keyboard-button:last-child { | |
111 margin: 0; | |
112 } | |
113 | |
114 #bluetooth-enter-key { | |
115 min-width: 54px; | |
116 } | |
117 | |
118 .bluetooth-passkey-char { | |
119 -webkit-margin-start: 45px; | |
120 color: #999; | |
121 font-size: 20px; | |
122 font-weight: 600; /* semibold */ | |
123 padding-bottom: 5px; | |
124 } | |
125 | |
126 .bluetooth-passkey-char:first-child { | |
127 -webkit-margin-start: 0; | |
128 } | |
129 | |
130 .bluetooth-keyboard-button.key-typed { | |
131 color: #222; | |
132 border: 1px solid #ccc; | |
133 box-shadow: 0 0 0px 1px #888, | |
134 inset 0px 1px 1px 1px #fff, | |
135 inset 0px -1px 1px 1px #eee; | |
136 } | |
OLD | NEW |