src/main/webapp/styles/keyboard.css

   1
   2 /*
   3  *  Guacamole - Clientless Remote Desktop
   4  *  Copyright (C) 2010  Michael Jumper
   5  *
   6  *  This program is free software: you can redistribute it and/or modify
   7  *  it under the terms of the GNU Affero General Public License as published by
   8  *  the Free Software Foundation, either version 3 of the License, or
   9  *  (at your option) any later version.
  10  *
  11  *  This program is distributed in the hope that it will be useful,
  12  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14  *  GNU Affero General Public License for more details.
  15  *
  16  *  You should have received a copy of the GNU Affero General Public License
  17  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  18  */
  19
  20 #keyboardContainer {
  21     text-align: center;
  22
  23     position: fixed;
  24     left: 0;
  25     bottom: 0;
  26     width: 100%;
  27     margin: 0;
  28     padding: 0;
  29
  30     border-top: 1px solid black;
  31     background: #222;
  32     opacity: 0.85;
  33
  34     display: none;
  35     z-index: 1;
  36 }
  37
  38 .guac-keyboard {
  39     display: inline-block;
  40     width: 100%;
  41
  42     margin: 0;
  43     padding: 0;
  44     cursor: default;
  45
  46     text-align: left;
  47     vertical-align: middle;
  48 }
  49
  50 .guac-keyboard .guac-keyboard-key-container {
  51     display: inline-block;
  52 }
  53
  54 .guac-keyboard .guac-keyboard-key {
  55     background: #444;
  56     border: 1px outset #888;
  57     -moz-border-radius: 0.1em;
  58     -webkit-border-radius: 0.1em;
  59     -khtml-border-radius: 0.1em;
  60     border-radius: 0.1em;
  61 }
  62
  63 .guac-keyboard .guac-keyboard-cap {
  64     color: white;
  65     font-family: sans-serif;
  66     font-size: 50%;
  67     font-weight: lighter;
  68     text-align: center;
  69     white-space: pre;
  70 }
  71
  72 .guac-keyboard .guac-keyboard-key:hover {
  73     cursor: pointer;
  74 }
  75
  76 .guac-keyboard .guac-keyboard-key.highlight {
  77     background: #666;
  78     border-color: #666;
  79 }
  80
  81 .guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key.shift,
  82 .guac-keyboard.guac-keyboard-modifier-numsym .guac-keyboard-key.numsym {
  83     background: #882;
  84     border-color: #DD4;
  85 }
  86
  87 .guac-keyboard.guac-keyboard-modifier-control .guac-keyboard-key.control,
  88 .guac-keyboard.guac-keyboard-modifier-numsym .guac-keyboard-key.numsym {
  89     background: #882;
  90     border-color: #DD4;
  91 }
  92
  93 .guac-keyboard.guac-keyboard-modifier-alt .guac-keyboard-key.alt,
  94 .guac-keyboard.guac-keyboard-modifier-numsym .guac-keyboard-key.numsym {
  95     background: #882;
  96     border-color: #DD4;
  97 }
  98
  99 .guac-keyboard.guac-keyboard-modifier-super .guac-keyboard-key.super,
 100 .guac-keyboard.guac-keyboard-modifier-numsym .guac-keyboard-key.numsym {
 101     background: #882;
 102     border-color: #DD4;
 103 }
 104
 105 .guac-keyboard .guac-keyboard-key.guac-keyboard-pressed {
 106     background: #822;
 107     border-color: #D44;
 108     border-style: inset;
 109 }
 110
 111 .guac-keyboard .guac-keyboard-row {
 112     line-height: 0;
 113 }
 114
 115 .guac-keyboard .guac-keyboard-column {
 116     display: inline-block;
 117     text-align: center;
 118     vertical-align: top;
 119 }
 120
 121 .guac-keyboard .guac-keyboard-gap {
 122     display: inline-block;
 123 }
 124
 125 /* Hide keycaps requiring modifiers which are NOT currently active. */
 126 .guac-keyboard:not(.guac-keyboard-modifier-caps)
 127 .guac-keyboard-cap.guac-keyboard-requires-caps,
 128
 129 .guac-keyboard:not(.guac-keyboard-modifier-numsym)
 130 .guac-keyboard-cap.guac-keyboard-requires-numsym,
 131
 132 .guac-keyboard:not(.guac-keyboard-modifier-shift)
 133 .guac-keyboard-cap.guac-keyboard-requires-shift,
 134
 135 /* Hide keycaps NOT requiring modifiers which ARE currently active, where that
 136    modifier is used to determine which cap is displayed for the current key. */
 137 .guac-keyboard.guac-keyboard-modifier-shift
 138 .guac-keyboard-key.guac-keyboard-uses-shift
 139 .guac-keyboard-cap:not(.guac-keyboard-requires-shift),
 140
 141 .guac-keyboard.guac-keyboard-modifier-numsym
 142 .guac-keyboard-key.guac-keyboard-uses-numsym
 143 .guac-keyboard-cap:not(.guac-keyboard-requires-numsym),
 144
 145 .guac-keyboard.guac-keyboard-modifier-caps
 146 .guac-keyboard-key.guac-keyboard-uses-caps
 147 .guac-keyboard-cap:not(.guac-keyboard-requires-caps) {
 148
 149     display: none;
 150
 151 }