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