src/main/webapp/styles/guacamole.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 div#login-ui {
  28     background: silver;
  29     height: 100%;
  30     width: 100%;
  31     position: fixed;
  32     left: 0;
  33     top: 0;
  34     display: table;
  35 }
  36
  37 p#login-error {
  38     text-align: center;
  39     background: #FDD;
  40     color: red;
  41     margin: 0.2em;
  42 }
  43
  44 div#login-logo {
  45     position: relative;
  46     bottom: 0;
  47     display: inline-block;
  48     vertical-align: middle;
  49 }
  50
  51 div#login-dialog-middle {
  52     width: 100%;
  53     display: table-cell;
  54     vertical-align: middle;
  55     text-align: center;
  56 }
  57
  58 div#login-dialog {
  59
  60     background: white;
  61     vertical-align: middle;
  62
  63     padding: 1em;
  64     border: 0.2em solid black;
  65
  66     -khtml-border-radius: 0.5em;
  67     -webkit-border-radius: 0.5em;
  68     -moz-border-radius: 0.5em;
  69     border-radius: 0.5em;
  70
  71     max-width: 75%;
  72     text-align: left;
  73
  74     display: inline-block;
  75 }
  76
  77 div#login-dialog h1 {
  78     margin-top: 0;
  79     margin-bottom: 0em;
  80     text-align: center;
  81 }
  82
  83 div#login-dialog #buttons {
  84     padding-top: 0.5em;
  85     text-align: center;
  86 }
  87
  88 div#login-dialog #login-fields {
  89     border-top: 1px solid silver;
  90     border-bottom: 1px solid silver;
  91     padding-top: 0.5em;
  92     padding-bottom: 0.5em;
  93 }
  94
  95 div#login-ui #version-dialog {
  96     position: fixed;
  97     right: 0;
  98     bottom: 0;
  99     text-align: right;
 100     font-style: italic;
 101     font-size: 0.75em;
 102     color: black;
 103     padding: 0.25em;
 104 }
 105
 106 div.errorDialogOuter {
 107     display: table;
 108     height: 100%;
 109     width: 100%;
 110     position: fixed;
 111     left: 0;
 112     top: 0;
 113
 114     visibility: hidden;
 115 }
 116
 117 div.errorDialogMiddle {
 118     width: 100%;
 119     text-align: center;
 120     display: table-cell;
 121     vertical-align: middle;
 122 }
 123
 124 div.errorDialog {
 125
 126     background: #D44;
 127     border: 1px solid black;
 128     padding: 1em;
 129
 130     -khtml-border-radius: 0.5em;
 131     -webkit-border-radius: 0.5em;
 132     -moz-border-radius: 0.5em;
 133     border-radius: 0.5em;
 134
 135     -moz-box-shadow: 0 0.25em 0.75em black, inset 0.1em 0.1em 0.5em #F99, inset -0.1em -0.1em 0.75em #800;
 136     -webkit-box-shadow: 0 0.25em 0.75em black, inset 0.1em 0.1em 0.5em #F99, inset -0.1em -0.1em 0.75em #800;
 137     -khtml-box-shadow: 0 0.25em 0.75em black, inset 0.1em 0.1em 0.5em #F99, inset -0.1em -0.1em 0.75em #800;
 138     box-shadow: 0 0.25em 0.75em black, inset 0.1em 0.1em 0.5em #F99, inset -0.1em -0.1em 0.75em #800;
 139
 140     max-width: 75%;
 141     text-align: left;
 142
 143     display: inline-block;
 144 }
 145
 146 div.errorDialog h1 {
 147     margin: 0;
 148     margin-bottom: 0.25em;
 149     text-align: center;
 150     text-shadow: 0 0 0.25em white;
 151 }
 152
 153 div.errorDialog div.buttons {
 154     margin: 0;
 155     margin-top: 0.5em;
 156     text-align: center;
 157 }
 158
 159 div.errorDialog p {
 160     margin: 0;
 161 }
 162
 163
 164 #menu {
 165     margin-left: auto;
 166     margin-right: auto;
 167     margin-bottom: 1em;
 168     font-size: 0.8em;
 169     background: #FEA;
 170     border: 1px solid black;
 171     position: fixed;
 172     left: 0;
 173     top: 0;
 174     width: 100%;
 175     z-index: 1;
 176 }
 177
 178 #menu.connected {
 179     opacity: 0.5;
 180 }
 181
 182 #menu.connected:hover {
 183     opacity: 1;
 184 }
 185
 186 #menu.error {
 187     background: #D44;
 188 }
 189
 190 .error #state {
 191     font-weight: bold;
 192 }
 193
 194 img {
 195     border: none;
 196 }
 197
 198 img#license {
 199     float: right;
 200     margin: 2px;
 201 }
 202
 203 div#display {
 204     position: relative;
 205     width: 640px;
 206     height: 480px;
 207     margin-left: auto;
 208     margin-right: auto;
 209 }
 210
 211 #menu img {
 212     vertical-align: middle;
 213 }
 214
 215 #menu button {
 216     vertical-align: middle;
 217 }
 218
 219 #menu span {
 220     vertical-align: middle;
 221 }
 222
 223 div#clipboardDiv {
 224     display: none;
 225     position: absolute;
 226     background: #FA5;
 227     padding: 1em;
 228
 229     border: 1px solid black;
 230     -khtml-border-radius: 0.5em;
 231     -webkit-border-radius: 0.5em;
 232     -moz-border-radius: 0.5em;
 233     border-radius: 0.5em;
 234
 235     width: 50em;
 236 }
 237
 238 div#clipboardDiv h2 {
 239     margin: 0;
 240     font-size: 1em;
 241 }
 242
 243 div#clipboardDiv textarea {
 244     width: 100%;
 245 }
 246
 247 .guac-display.guac-loading {
 248     border: 1px dotted gray;
 249     background-image: url('../images/spinner92.gif');
 250     background-position: center;
 251     background-repeat: no-repeat;
 252 }
 253
 254 .guac-display.guac-error {
 255     border: 1px dotted red;
 256     background-image: url('../images/noimage92.png');
 257     background-position: center;
 258     background-repeat: no-repeat;
 259 }
 260
 261 .guac-hide-cursor {
 262     cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
 263 }
 264