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