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 solid #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 .guac-keyboard-cap {
  73     cursor: pointer;
  74 }
  75
  76 .guac-keyboard .guac-keyboard-key.highlight .guac-keyboard-cap {
  77     background: #666;
  78     border-color: #666;
  79 }
  80
  81 .guac-keyboard .guac-keyboard-key.guac-keyboard-pressed .guac-keyboard-cap {
  82     background: #822;
  83     border-color: #D44;
  84 }
  85
  86 .guac-keyboard .guac-keyboard-key.guac-keyboard-active .guac-keyboard-cap {
  87     background: #882;
  88     border-color: #DD4;
  89 }
  90
  91 .guac-keyboard .guac-keyboard-row {
  92     line-height: 0;
  93 }
  94
  95 .guac-keyboard .guac-keyboard-column {
  96     display: inline-block;
  97     text-align: center;
  98     vertical-align: top;
  99 }
 100
 101 .guac-keyboard .guac-keyboard-gap {
 102     display: inline-block;
 103 }
 104
 105 /* Hide keycaps requiring modifiers which are NOT currently active. */
 106 .guac-keyboard:not(.guac-keyboard-modifier-caps)
 107 .guac-keyboard-cap.guac-keyboard-requires-caps,
 108
 109 .guac-keyboard:not(.guac-keyboard-modifier-numsym)
 110 .guac-keyboard-cap.guac-keyboard-requires-numsym,
 111
 112 .guac-keyboard:not(.guac-keyboard-modifier-shift)
 113 .guac-keyboard-cap.guac-keyboard-requires-shift,
 114
 115 /* Hide keycaps NOT requiring modifiers which ARE currently active, where that
 116    modifier is used to determine which cap is displayed for the current key. */
 117 .guac-keyboard.guac-keyboard-modifier-shift
 118 .guac-keyboard-key.guac-keyboard-uses-shift
 119 .guac-keyboard-cap:not(.guac-keyboard-requires-shift),
 120
 121 .guac-keyboard.guac-keyboard-modifier-numsym
 122 .guac-keyboard-key.guac-keyboard-uses-numsym
 123 .guac-keyboard-cap:not(.guac-keyboard-requires-numsym),
 124
 125 .guac-keyboard.guac-keyboard-modifier-caps
 126 .guac-keyboard-key.guac-keyboard-uses-caps
 127 .guac-keyboard-cap:not(.guac-keyboard-requires-caps) {
 128
 129     display: none;
 130
 131 }