Home | History | Annotate | Download | only in chromeos 
      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 }
    163