remoting/tools/javascript_key_tester/main.css

   1 /* Copyright (c) 2014 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
   6 body {
   7   height: calc(100% - 12px);
   8   overflow: auto;
   9 }
  10
  11 html {
  12   height: 100%;
  13 }
  14
  15 .summary-log-container {
  16   height: 100%;
  17   overflow-y: auto;
  18 }
  19
  20 #text-log-container {
  21   position: fixed;
  22   top: 32px;
  23   left: 16px;
  24   right: 16px;
  25   bottom: 32px;
  26   border: 1px solid gray;
  27   box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.3);
  28   background-color: white;
  29   overflow: scroll;
  30 }
  31
  32 #text-log {
  33   padding: 8px;
  34 }
  35
  36 #pnacl-listener {
  37   height: 0;
  38 }
  39
  40 .selectable {
  41   -webkit-user-select: text;
  42   cursor: text;
  43 }
  44
  45 .key-div {
  46   border-radius: 4px;
  47   border: 1px solid rgba(0, 0, 0, 0.3);
  48   padding: 2px;
  49   margin-right: 2px;
  50   display: inline-block;
  51 }
  52
  53 .char-event {
  54   background-color: #DDF;
  55 }
  56
  57 .key-up {
  58   background-color: #DFD;
  59 }
  60
  61 .key-up::before {
  62   content: "\2011";  /** non-breaking hyphen */
  63 }
  64
  65 .key-down {
  66   background-color: #FDD;
  67 }
  68
  69 .key-down::before {
  70   content: "+";
  71 }
  72
  73 .key-down.unreleased {
  74   background-color: #F77;
  75 }
  76
  77 .key-down.unreleased::before {
  78   content: "!";
  79 }
  80
  81 .chord-div {
  82   margin-top: 8px;
  83 }
  84
  85 .chord-div:not(.all-keys-released)::after {
  86   content: "..."
  87 }
  88
  89 .chord-div.all-keys-released::after {
  90   content: " \2714";  /* tick */
  91   color: green;
  92 }
  93
  94 .chord-div.some-keys-still-pressed::after {
  95   content: " \2716";  /* cross */
  96   color: red;
  97 }
  98
  99 .controls {
 100   position: absolute;
 101   right: 8px;
 102   top: 8px;
 103 }