Need overflow: hidden for software-cursor, otherwise the cursor exiting the side...

[guacamole.git] / src / main / webapp / styles / client.css

diff --git a/src/main/webapp/styles/client.css b/src/main/webapp/styles/client.css
index abf65ab..c6d1959 100644 (file)
--- a/src/main/webapp/styles/client.css
+++ b/src/main/webapp/styles/client.css
@@ -30,6 +30,7 @@ img {
 
 .software-cursor {
     cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
+    overflow: hidden;
 }
 
 * {
@@ -124,12 +125,41 @@ div#display * {
     vertical-align: middle;
 }
 
-#menu button {
+#menu span {
     vertical-align: middle;
 }
 
-#menu span {
+#menu button {
     vertical-align: middle;
+    background: #DC8;
+    border: 1px solid #986;
+    color: black; 
+    padding: 0.25em;
+    padding-right: 1em;
+    padding-left: 1em;
+}
+
+#menu button:hover {
+    background: #FFC;
+    border: 1px solid #DC8;
+}
+
+#menu button:active {
+    padding-top: 0.35em;
+    padding-left: 1.1em;
+
+    padding-bottom: 0.15em;
+    padding-right: 0.9em;
+}
+
+.guac-error #menu button {
+    background: #B33;
+    border: 1px solid #822;
+}
+
+.guac-error #menu button:hover {
+    background: #F44;
+    border: 1px solid #B33;
 }
 
 div#clipboardDiv {
@@ -182,3 +212,18 @@ div#viewportClone {
 
     visibility: hidden;
 }
+
+/* Keyboard event target */
+
+textarea#eventTarget {
+    position: fixed;
+   
+    /* Hide offscreen */
+    left: 0;
+    top: 0;
+    width: 0;
+    height: 0;
+    opacity: 0;
+
+    overflow: hidden;
+}
\ No newline at end of file