safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 13:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clean up styling.

Browse Source
This commit is contained in:
Michael Jumper
2013-11-09 21:41:43 -08:00
parent c71ea434c9
commit b1163a5102
4 changed files with 35 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
guacamole/src/main/webapp/admin.xhtml
View File

@@ -84,10 +84,6 @@
</div>
<div id="version-dialog">
Guacamole ${project.version}
</div>
<script type="text/javascript" src="scripts/session.js"></script>
<script type="text/javascript" src="scripts/guac-ui.js"></script>
<script type="text/javascript" src="scripts/service.js"></script>

10
guacamole/src/main/webapp/index.xhtml
View File

@@ -41,6 +41,10 @@
<form id="login-form" action="#" method="post">
<div id="version">
Guacamole ${project.version}
</div>
<div id="login-fields">
<table>
<tr>
@@ -57,7 +61,7 @@
</div>
<div id="buttons">
<input type="submit" name="login" id="login" value="Login"/>
<input type="submit" name="login" class="login" id="login" value="Login"/>
</div>
</form>
@@ -134,10 +138,6 @@
</div>
<div id="version-dialog">
Guacamole ${project.version}
</div>
<script type="text/javascript" src="scripts/service.js"></script>
<script type="text/javascript" src="scripts/session.js"></script>
<script type="text/javascript" src="scripts/history.js"></script>

63
guacamole/src/main/webapp/styles/login.css
View File

@@ -93,50 +93,15 @@ div#login-dialog #buttons {
text-align: right;
}
div#login-dialog #buttons input,
div#logout-panel button {
input[type="submit"].login, button.login {
background: #8A6;
border: 1px solid rgba(0, 0, 0, 0.4);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
-khtml-border-radius: 0.6em;
border-radius: 0.6em;
background-image: url('../images/guacamole-logo-64.png');
background-repeat: no-repeat;
background-size: 1.5em;
background-position: 0.5em 0.25em;
color: white;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
font-weight: bold;
font-size: 1.125em;
padding-left: 2.5em;
box-shadow: inset -1px -1px 0.25em rgba(0, 0, 0, 0.25),
inset 1px 1px 0.25em rgba(255, 255, 255, 0.25),
-1px -1px 0.25em rgba(0, 0, 0, 0.25),
1px 1px 0.25em rgba(255, 255, 255, 0.25);
padding: 0.35em;
padding-right: 1em;
padding-left: 1em;
min-width: 5em;
}
div#login-dialog #buttons input:hover,
div#logout-panel button:hover {
background: #9C7;
}
div#login-dialog #buttons input:active,
div#logout-panel button:active {
padding-left: 1.1em;
padding-right: 0.9em;
padding-top: 0.45em;
padding-bottom: 0.25em;
box-shadow:
inset 1px 1px 0.25em rgba(0, 0, 0, 0.25),
-1px -1px 0.25em rgba(0, 0, 0, 0.25),
1px 1px 0.25em rgba(255, 255, 255, 0.25);
}
div#login-dialog #login-fields {
@@ -144,12 +109,8 @@ div#login-dialog #login-fields {
vertical-align: middle;
padding: 1em;
background: #DDD;
border: 1px solid #999;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
-khtml-border-radius: 0.25em;
border-radius: 0.25em;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
@@ -175,12 +136,8 @@ div#login-dialog #login-fields img.logo {
z-index: -1;
}
div#version-dialog {
position: fixed;
right: 0;
bottom: 0;
text-align: right;
div#version {
text-align: center;
font-style: italic;
font-size: 0.75em;
color: black;

53
guacamole/src/main/webapp/styles/ui.css
View File

@@ -53,24 +53,24 @@ textarea {
overflow: auto;
}
button {
input[type="submit"], button {
background-color: #3C3C3C;
background: #8A6;
border: 1px solid rgba(0, 0, 0, 0.4);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
-khtml-border-radius: 0.6em;
border-radius: 0.6em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
-khtml-border-radius: 0.25em;
border-radius: 0.25em;
color: white;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
font-weight: bold;
font-size: 1.125em;
font-size: 1em;
box-shadow: inset -1px -1px 0.25em rgba(0, 0, 0, 0.25),
inset 1px 1px 0.25em rgba(255, 255, 255, 0.25),
-1px -1px 0.25em rgba(0, 0, 0, 0.25),
1px 1px 0.25em rgba(255, 255, 255, 0.25);
box-shadow: inset -1px -1px 0.1em rgba(0, 0, 0, 0.25),
inset 1px 1px 0.1em rgba(255, 255, 255, 0.25),
-1px -1px 0.1em rgba(0, 0, 0, 0.25),
1px 1px 0.1em rgba(255, 255, 255, 0.25);
padding: 0.35em;
padding-right: 1em;
@@ -79,16 +79,13 @@ button {
}
button:hover {
background: #9C7;
input[type="submit"]:hover, button:hover {
background-color: #5A5A5A;
}
button:active {
input[type="submit"]:active, button:active {
padding-left: 1.1em;
padding-right: 0.9em;
padding-top: 0.45em;
padding-bottom: 0.25em;
background-color: #2C2C2C;
box-shadow:
inset 1px 1px 0.25em rgba(0, 0, 0, 0.25),
@@ -104,6 +101,10 @@ button.danger:hover {
background: #C54;
}
button.danger:active {
background: #932;
}
body {
background: #EEE;
font-family: FreeSans, Helvetica, Arial, sans-serif;
@@ -116,20 +117,6 @@ img {
vertical-align: middle;
}
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.5em;
}
h1 {
margin: 0;