web/guacamole-default-webapp/src/main/webapp/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 div#keyboardContainer {
  21     position: fixed;
  22     left: 0px;
  23     bottom: 0px;
  24     text-align: center;
  25     width: 100%;
  26     display: none;
  27     z-index: 1;
  28 }
  29
  30 div.keyboard {
  31
  32     font-size: 10pt;
  33     white-space: pre;
  34
  35     border: 1px solid black;
  36     -moz-border-radius: 0.5em;
  37     -webkit-border-radius: 0.5em;
  38     -khtml-border-radius: 0.5em;
  39     border-radius: 0.5em;
  40     background: #222;
  41
  42     cursor: default;
  43
  44     opacity: 0.85;
  45
  46     padding: 0.25em;
  47     margin: 0.25em;
  48
  49     display: inline-block;
  50     text-align: left;
  51 }
  52
  53 div.key {
  54
  55     margin: 0;
  56     padding: 0;
  57
  58     width: 5ex;
  59     height: 5ex;
  60
  61     display: inline-block;
  62     text-align: center;
  63 }
  64
  65 div.cap {
  66
  67     border: 1px solid #888;
  68     -moz-border-radius: 0.25em;
  69     -webkit-border-radius: 0.25em;
  70     -khtml-border-radius: 0.25em;
  71     border-radius: 0.25em;
  72     background: #444;
  73
  74     margin: 0;
  75     padding: 0;
  76
  77     color: white;
  78     text-shadow: 0 0.1em 0.1em black;
  79
  80     width: 4.5ex;
  81     height: 4.5ex;
  82     line-height: 4.5ex;
  83     white-space: pre;
  84
  85     display: inline-block;
  86     text-align: center;
  87 }
  88
  89 div.key:hover div.cap {
  90     background: #666;
  91     border-color: #666;
  92     cursor: pointer;
  93 }
  94
  95 div.key.pressed div.cap {
  96     background: #822;
  97     border-color: #D44;
  98 }
  99
 100 div.key.sticky.active div.cap {
 101     background: #882;
 102     border-color: #DD4;
 103 }
 104
 105 div.gap {
 106     margin: 0;
 107     padding: 0;
 108
 109     width: 5ex;
 110     height: 5ex;
 111
 112     display: inline-block;
 113 }
 114
 115 div.row {
 116     vertical-align: top;
 117 }
 118
 119 div.col {
 120     display: inline-block;
 121     vertical-align: top;
 122 }
 123