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 .guacamole-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 .guacamole-keyboard .guacamole-keyboard-key {
  51     display: inline-block;
  52 }
  53
  54 .guacamole-keyboard .guacamole-keyboard-cap {
  55
  56     background: #444;
  57     border: 1px solid #888;
  58     -moz-border-radius: 0.25em;
  59     -webkit-border-radius: 0.25em;
  60     -khtml-border-radius: 0.25em;
  61     border-radius: 0.25em;
  62
  63     color: white;
  64     font-family: sans-serif;
  65     font-size: 50%;
  66     text-shadow: 0 0.1em 0.1em black;
  67     text-align: center;
  68     white-space: pre;
  69
  70 }
  71
  72 .guacamole-keyboard .guacamole-keyboard-key:hover .guacamole-keyboard-cap {
  73     background: #666;
  74     border-color: #666;
  75     cursor: pointer;
  76 }
  77
  78 .guacamole-keyboard .guacamole-keyboard-key.pressed:hover .guacamole-keyboard-cap {
  79     background: #822;
  80     border-color: #D44;
  81 }
  82
  83 .guacamole-keyboard .guacamole-keyboard-key.active:hover .guacamole-keyboard-cap {
  84     background: #882;
  85     border-color: #DD4;
  86 }
  87
  88 .guacamole-keyboard .guacamole-keyboard-row {
  89     line-height: 0;
  90 }
  91
  92 .guacamole-keyboard .guacamole-keyboard-column {
  93     display: inline-block;
  94     text-align: center;
  95     vertical-align: top;
  96 }
  97
  98 .guacamole-keyboard .guacamole-keyboard-gap {
  99     display: inline-block;
 100 }
 101