src/ui/keyboard/resources/main.css

   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 @font-face {
   8   font-family: roboto-bold;
   9   src: url(roboto_bold.ttf);
  10 }
  11
  12 body {
  13   -webkit-user-select: none;
  14   background-image: -webkit-linear-gradient(#282828, #000000);
  15   background-size: cover;
  16   cursor: default;
  17   margin: 0;
  18   overflow: hidden;
  19   padding: 0;
  20 }
  21
  22 kb-keyboard.ctrl-active kb-modifier-key[char=Ctrl],
  23 kb-keyboard.alt-active kb-modifier-key[char=Alt],
  24 /**
  25 * Controls whether the shift key should be highlighted or not.
  26 * Only highlights if we are in the upper keyset, but not capslocked.
  27 */
  28 kb-keyboard:not(.caps-locked)[keyset=upper] kb-shift-key {
  29   color: lightblue;
  30 }
  31
  32 .dark {
  33   font-size: 70%;
  34 }
  35
  36 .dark:not(.active) {
  37   -webkit-box-shadow: inset 0px 1px #313131, inset 0px -1px #202020;
  38   background-color: #222222;
  39   border-bottom-color: #1c1c1c;
  40   border-top-color: #4f4f4f;
  41 }
  42
  43 .caps-locked kb-shift-key.dark,
  44 :not(kb-altkey-set) > .active {
  45   -webkit-box-shadow: inset 0px 1px #969696, inset 0px -1px #6f6f6f;
  46   background-image: -webkit-linear-gradient(#8b8b8b, #7d7d7d);
  47   background-size: cover;
  48   border-bottom-color: #5b5b5b;
  49   border-top-color: #a4a4a4;
  50 }
  51
  52 /**
  53  * The microphone key is handled separately from other images since the image
  54  * displayed changes depending on whether it's pressed or not.
  55  */
  56 .microphone [part=key] {
  57   background-image: url('images/microphone.svg');
  58   background-position: 10%;
  59 }
  60
  61 .audio .microphone [part=key] {
  62   background-image: url('images/microphone-green.svg');
  63 }
  64
  65 kb-key.search [part=key]{
  66   margin-left: 0px;
  67   padding-left: 0px;
  68   width: 2em;
  69 }