clockwerk-guacamole – Rev 1
?pathlinks?
/*
* Guacamole - Clientless Remote Desktop
* Copyright (C) 2010 Michael Jumper
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
body {
background: gray;
font-family: sans-serif;
padding: 0;
margin: 0;
}
div#login-ui {
background: #BCA;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
display: table;
}
p#login-error {
text-align: center;
background: #FDD;
color: red;
margin: 0.2em;
}
div#login-logo {
position: relative;
bottom: 0;
display: inline-block;
vertical-align: middle;
}
div#login-dialog-middle {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
div#login-dialog {
max-width: 75%;
text-align: left;
display: inline-block;
}
div#login-dialog h1 {
margin-top: 0;
margin-bottom: 0em;
text-align: center;
}
div#login-dialog #buttons {
padding-top: 0.5em;
text-align: right;
}
div#login-dialog #buttons input,
div#logout-panel button {
background: #9A8;
border: 1px solid #676;
color: black;
padding: 0.25em;
padding-right: 1em;
padding-left: 1em;
}
div#login-dialog #buttons input:hover,
div#logout-panel button:hover {
background: #CDB;
border: 1px solid #9A8;
}
div#login-dialog #buttons input:active,
div#logout-panel button:active {
padding-top: 0.35em;
padding-left: 1.1em;
padding-bottom: 0.15em;
padding-right: 0.9em;
}
div#login-dialog #login-fields {
background: #CDB;
vertical-align: middle;
padding: 1em;
border: 1px solid #676;
}
div#login-dialog #login-fields input {
border: 1px solid #676;
}
div#login-dialog #login-fields img.logo {
float: left;
}
div#version-dialog {
position: fixed;
right: 0;
bottom: 0;
text-align: right;
font-style: italic;
font-size: 0.75em;
color: black;
opacity: 0.5;
padding: 0.25em;
}
img {
border: none;
}
img#license {
float: right;
margin: 2px;
}
div#connection-list-ui {
background: #BCA;
}
div#connection-list-ui table {
width: 100%;
border-collapse: collapse;
}
div#connection-list-ui table thead {
background: #9A8;
}
div#connection-list-ui table thead th.protocol {
width: 1em;
padding: 0.5em;
}
div#connection-list-ui table thead th.name {
text-align: left;
padding: 0.5em;
}
div#connection-list-ui table thead tr {
border-top: 1px solid #676;
border-bottom: 1px solid gray;
}
div#connection-list-ui table tbody {
background: white;
}
div#connection-list-ui table tbody tr {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
div#connection-list-ui table td {
padding: 0.25em;
text-align: center;
}
div#connection-list-ui table td.name {
text-align: left;
}
div#connection-list-ui table tbody tr:nth-child(even) { background: #CCC; }
div#connection-list-ui table tbody tr:nth-child(odd) { background: #EEE; }
div#connection-list-ui table td.description {
text-align: left;
}
div#connection-list-ui h1 {
margin: 0;
padding: 0.5em;
font-size: 2em;
vertical-align: middle;
text-align: center;
}
div#connection-list-ui img {
vertical-align: middle;
}
div#logout-panel {
padding: 0.25em;
text-align: right;
float: right;
}
div#connection-list-ui a[href] {
text-decoration: none;
color: blue;
}
div#connection-list-ui a[href]:hover {
text-decoration: underline;
}
.protocol.icon {
width: 24px;
height: 24px;
background-image: url('../images/protocol-icons/tango/video-display.png');
}
.protocol.icon.ssh {
background-image: url('../images/protocol-icons/tango/terminal.png');
}