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 #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 }