Home | History | Annotate | Download | only in webui 
      1 /*
      2  Copyright (c) 2013 The Chromium Authors. All rights reserved.
      3  Use of this source code is governed by a BSD-style license that can be
      4  found in the LICENSE file.
      5 */
      6 
      7 body {
      8   -webkit-box-pack: center;
      9   -webkit-user-select: none;
     10   background-color: #0b0b0b;
     11   display: -webkit-box;
     12   margin: 0;
     13   overflow: hidden;
     14   padding: 0;
     15 }
     16 
     17 kb-keyboard {
     18   -webkit-box-orient: vertical;
     19   display: -webkit-box;
     20 }
     21 
     22 kb-shift-key,
     23 kb-key {
     24   background-color: #3b3b3e;
     25   background-position: center center;
     26   background-repeat: no-repeat;
     27   background-size: contain;
     28   border-top: 2px solid #4b4b4e;
     29   border-radius: 1px;
     30   color: #ffffff;
     31   display: -webkit-box;
     32   font-family: 'Open Sans', sans-serif;
     33   font-weight: 600;
     34   margin-left: 3px;
     35   position: relative;
     36 }
     37 
     38 kb-shift-key::x-key,
     39 kb-key::x-key {
     40   bottom: 0;
     41   height: 1.2em;
     42   left: 0;
     43   margin: auto;
     44   padding-left: 10px;
     45   padding-right: 10px;
     46   position: absolute;
     47   right: 0;
     48   top: 0;
     49 }
     50 
     51 kb-key::x-superscript {
     52   color: #7c7c7c;
     53   font-size: 70%;
     54   position: absolute;
     55   right: 7%;
     56   top: 5%;
     57 }
     58 
     59 kb-key::x-key[inverted] {
     60   color: #7c7c7c;
     61 }
     62 
     63 kb-key::x-superscript[inverted] {
     64   color: #ffffff;
     65 }
     66 
     67 kb-shift-key.dark,
     68 kb-key.dark {
     69   background-color: #2a2a2c;
     70   border-top: 2px solid #3a3a3c;
     71 }
     72 
     73 kb-altkey::x-key {
     74   bottom: 0;
     75   height: 1.2em;
     76   left: 0;
     77   margin: auto;
     78   position: absolute;
     79   right: 0;
     80   top: 0;
     81   text-align: center;
     82 }
     83 
     84 /* Left and right-side special keys with a character letter next to them need
     85  * additional padding.
     86  * */
     87 kb-shift-key.padded-left-special,
     88 kb-key.padded-left-special {
     89   margin-right: 2px;
     90 }
     91 
     92 kb-shift-key.padded-right-special,
     93 kb-key.padded-right-special {
     94   margin-left: 5px;
     95 }
     96 
     97 kb-row.top {
     98   margin-top: 5px !important;
     99 }
    100 
    101 .active {
    102   background-color: #848490 !important;
    103   border-top: 2px solid #A9A9AF !important;
    104   /* Do not use box shadow until performance improves
    105    * http://code.google.com/p/chromium/issues/detail?id=99045
    106    * box-shadow: 0px 0px 15px #fff;
    107    * */
    108 }
    109 
    110 .at,
    111 .com,
    112 .comma,
    113 .hide,
    114 .microphone,
    115 .period,
    116 .tab {
    117   -webkit-box-flex: 1.3 !important;
    118 }
    119 
    120 .symbol,
    121 .return {
    122   -webkit-box-flex: 1.5 !important;
    123 }
    124 
    125 .backspace {
    126   -webkit-box-flex: 1.7 !important;
    127 }
    128 
    129 .left-more {
    130   -webkit-box-flex: 1.4 !important;
    131 }
    132 
    133 .right-more {
    134   -webkit-box-flex: 1.6 !important;
    135 }
    136 
    137 .space {
    138   -webkit-box-flex: 4.8 !important;
    139 }
    140 
    141 .bar {
    142   -webkit-box-flex: 0.6 !important;
    143 }
    144 
    145 .backspace,
    146 .tab,
    147 .return,
    148 .shift,
    149 .left-more,
    150 .right-more,
    151 .symbol {
    152   font-size: 55%;
    153   font-weight: 200;
    154 }
    155 
    156 .microphone {
    157   background-image: url('images/microphone.svg');
    158 }
    159 
    160 .audio .microphone {
    161   background-image: url('images/microphone-green.svg');
    162 }
    163 
    164 .half-key-spacer {
    165   -webkit-box-flex: 0.5;
    166   margin-left: 4px;
    167 }
    168