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

GUAC-1170: Adopt cleaner OSK style.

Browse Source
This commit is contained in:
Michael Jumper
2015-04-30 00:21:38 -07:00
parent fe95106fc3
commit 5e9efc1c8b
1 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
guacamole/src/main/webapp/app/osk/styles/osk.css
View File

@@ -45,23 +45,36 @@
.guac-keyboard .guac-keyboard-key-container { .guac-keyboard .guac-keyboard-key-container {
display: inline-block; display: inline-block;
margin: 0.05em; margin: 0.05em;
position: relative;
} }
.guac-keyboard .guac-keyboard-key { .guac-keyboard .guac-keyboard-key {
background: #444;
border: 1px outset #888;
-moz-border-radius: 0.1em;
-webkit-border-radius: 0.1em;
-khtml-border-radius: 0.1em;
border-radius: 0.1em;
}
.guac-keyboard .guac-keyboard-cap { position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #444;
border: 2px solid #666;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
-khtml-border-radius: 0.25em;
border-radius: 0.25em;
color: white; color: white;
font-size: 50%; font-size: 40%;
font-weight: lighter; font-weight: lighter;
text-align: center; text-align: center;
white-space: pre; white-space: pre;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25),
1px -1px 0 rgba(0, 0, 0, 0.25),
-1px 1px 0 rgba(0, 0, 0, 0.25),
-1px -1px 0 rgba(0, 0, 0, 0.25);
} }
.guac-keyboard .guac-keyboard-key:hover { .guac-keyboard .guac-keyboard-key:hover {
@@ -73,6 +86,20 @@
border-color: #666; border-color: #666;
} }
/* Align some keys to the left */
.guac-keyboard .guac-keyboard-key-caps,
.guac-keyboard .guac-keyboard-key-enter,
.guac-keyboard .guac-keyboard-key-tab,
.guac-keyboard .guac-keyboard-key-lalt,
.guac-keyboard .guac-keyboard-key-ralt,
.guac-keyboard .guac-keyboard-key-lctrl,
.guac-keyboard .guac-keyboard-key-rctrl,
.guac-keyboard .guac-keyboard-key-lshift,
.guac-keyboard .guac-keyboard-key-rshift {
text-align: left;
padding-left: 0.75em;
}
/* Active shift */ /* Active shift */
.guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key-rshift, .guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key-rshift,
.guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key-lshift, .guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key-lshift,
@@ -86,11 +113,9 @@
.guac-keyboard.guac-keyboard-modifier-alt .guac-keyboard-key-lalt, .guac-keyboard.guac-keyboard-modifier-alt .guac-keyboard-key-lalt,
/* Active caps */ /* Active caps */
.guac-keyboard.guac-keyboard-modifier-caps .guac-keyboard-key-caps { .guac-keyboard.guac-keyboard-modifier-caps .guac-keyboard-key-caps,
background: #882;
border-color: #DD4;
}
/* Active super */
.guac-keyboard.guac-keyboard-modifier-super .guac-keyboard-key-super, .guac-keyboard.guac-keyboard-modifier-super .guac-keyboard-key-super,
.guac-keyboard.guac-keyboard-modifier-super .guac-keyboard-key-menu { .guac-keyboard.guac-keyboard-modifier-super .guac-keyboard-key-menu {
background: #882; background: #882;
@@ -100,7 +125,6 @@
.guac-keyboard .guac-keyboard-key.guac-keyboard-pressed { .guac-keyboard .guac-keyboard-key.guac-keyboard-pressed {
background: #822; background: #822;
border-color: #D44; border-color: #D44;
border-style: inset;
} }
.guac-keyboard .guac-keyboard-group { .guac-keyboard .guac-keyboard-group {