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 div.errorDialogOuter {
  28     display: table;
  29     height: 100%;
  30     width: 100%;
  31     position: fixed;
  32     left: 0;
  33     top: 0;
  34
  35     visibility: hidden;
  36 }
  37
  38 div.errorDialogMiddle {
  39     width: 100%;
  40     text-align: center;
  41     display: table-cell;
  42     vertical-align: middle;
  43 }
  44
  45 div.errorDialog {
  46
  47     opacity: 0.75;
  48     background: #D22;
  49     border: 1px solid #F44;
  50     padding: 1em;
  51
  52     max-width: 75%;
  53     text-align: left;
  54
  55     display: inline-block;
  56 }
  57
  58 div.errorDialog h1 {
  59     margin: 0;
  60     margin-bottom: 0.25em;
  61     text-align: center;
  62 }
  63
  64 div.errorDialog div.buttons {
  65     margin: 0;
  66     margin-top: 0.5em;
  67     text-align: center;
  68 }
  69
  70 div.errorDialog p {
  71     margin: 0;
  72 }
  73
  74
  75 #menu {
  76     margin-left: auto;
  77     margin-right: auto;
  78     margin-bottom: 1em;
  79     font-size: 0.8em;
  80     background: #FEA;
  81     border: 1px solid black;
  82     position: fixed;
  83     left: 0;
  84     top: 0;
  85     width: 100%;
  86     z-index: 1;
  87 }
  88
  89 #menu.connected {
  90     opacity: 0.5;
  91 }
  92
  93 #menu.connected:hover {
  94     opacity: 1;
  95 }
  96
  97 #menu.error {
  98     background: #D44;
  99 }
 100
 101 .error #state {
 102     font-weight: bold;
 103 }
 104
 105 img {
 106     border: none;
 107 }
 108
 109 img#license {
 110     float: right;
 111     margin: 2px;
 112 }
 113
 114 div#display {
 115     position: relative;
 116     width: 640px;
 117     height: 480px;
 118     margin-left: auto;
 119     margin-right: auto;
 120 }
 121
 122 #menu img {
 123     vertical-align: middle;
 124 }
 125
 126 #menu button {
 127     vertical-align: middle;
 128 }
 129
 130 #menu span {
 131     vertical-align: middle;
 132 }
 133
 134 div#clipboardDiv {
 135     display: none;
 136     position: absolute;
 137     background: #FA5;
 138     padding: 1em;
 139
 140     border: 1px solid black;
 141     -khtml-border-radius: 0.5em;
 142     -webkit-border-radius: 0.5em;
 143     -moz-border-radius: 0.5em;
 144     border-radius: 0.5em;
 145
 146     width: 50em;
 147 }
 148
 149 div#clipboardDiv h2 {
 150     margin: 0;
 151     font-size: 1em;
 152 }
 153
 154 div#clipboardDiv textarea {
 155     width: 100%;
 156 }
 157
 158 .guac-display.guac-loading {
 159     border: 1px dotted gray;
 160     background-image: url('../images/spinner.gif');
 161     background-position: center;
 162     background-repeat: no-repeat;
 163 }
 164
 165 .guac-display.guac-error {
 166     border: 1px dotted red;
 167     background-image: url('../images/noimage.png');
 168     background-position: center;
 169     background-repeat: no-repeat;
 170 }
 171
 172 .guac-hide-cursor {
 173     cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
 174 }
 175