src/main/webapp/styles/client.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 body {
  21     background: black;
  22     font-family: sans-serif;
  23     padding: 0;
  24     margin: 0;
  25 }
  26
  27 img {
  28     border: none;
  29 }
  30
  31 .guac-hide-cursor {
  32     cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
  33 }
  34
  35 * {
  36     -webkit-tap-highlight-color: rgba(0,0,0,0);
  37 }
  38
  39 /* Dialogs */
  40
  41 div.dialogOuter {
  42     display: table;
  43     height: 100%;
  44     width: 100%;
  45     position: fixed;
  46     left: 0;
  47     top: 0;
  48
  49     visibility: hidden;
  50 }
  51
  52 div.dialogMiddle {
  53     width: 100%;
  54     text-align: center;
  55     display: table-cell;
  56     vertical-align: middle;
  57 }
  58
  59 div.dialog {
  60     padding: 1em;
  61
  62     max-width: 75%;
  63     text-align: left;
  64
  65     display: inline-block;
  66     visibility: visible;
  67 }
  68
  69 div.dialog h1 {
  70     margin: 0;
  71     margin-bottom: 0.25em;
  72     text-align: center;
  73 }
  74
  75 div.dialog div.buttons {
  76     margin: 0;
  77     margin-top: 0.5em;
  78     text-align: center;
  79 }
  80
  81 *:not(.guac-error) button#reconnect {
  82     display: none;
  83 }
  84
  85 div.dialog p {
  86     margin: 0;
  87 }
  88
  89 #statusText {
  90     text-shadow: 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black;
  91     font-size: xx-large;
  92     color: white;
  93 }
  94
  95 .guac-error #statusText {
  96     text-shadow: 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black;
  97     color: #D44;
  98 }
  99
 100 /* Menu */
 101
 102 #menu {
 103     position: fixed;
 104     left: 0;
 105     top: 0;
 106     width: 100%;
 107     z-index: 4;
 108     background: #FEA;
 109     border-bottom: 1px solid black;
 110     font-size: 0.8em;
 111 }
 112
 113 .guac-error #menu {
 114     background: #D44;
 115 }
 116
 117 div#display {
 118     position: relative;
 119     width: 640px;
 120     height: 480px;
 121     margin-left: auto;
 122     margin-right: auto;
 123 }
 124
 125 #menu img {
 126     vertical-align: middle;
 127 }
 128
 129 #menu button {
 130     vertical-align: middle;
 131 }
 132
 133 #menu span {
 134     vertical-align: middle;
 135 }
 136
 137 div#clipboardDiv {
 138     display: none;
 139     position: absolute;
 140     background: #FA5;
 141     padding: 1em;
 142
 143     border: 1px solid black;
 144
 145     width: 50em;
 146     z-index: 2;
 147     opacity: 0.5;
 148 }
 149
 150 #menu:hover div#clipboardDiv {
 151     opacity: 1;
 152 }
 153
 154 div#clipboardDiv h2 {
 155     margin: 0;
 156     font-size: 1em;
 157 }
 158
 159 div#clipboardDiv textarea {
 160     width: 100%;
 161 }
 162
 163 div#menuControl {
 164     position: fixed;
 165     top: 0;
 166     left: 0;
 167
 168     width: 100%;
 169     height: 3px;
 170     background: none;
 171
 172     z-index: 3;
 173 }
 174
 175 /* Viewport Clone */
 176
 177 div#viewportClone {
 178     display: table;
 179     height: 100%;
 180     width: 100%;
 181     position: fixed;
 182     left: 0;
 183     top: 0;
 184
 185     visibility: hidden;
 186 }