src/chrome/browser/resources/options/chromeos/bluetooth.css

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