Remove testing styles.

[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 4457892..7477dd8 100644 (file)
--- a/src/main/webapp/styles/client.css
+++ b/src/main/webapp/styles/client.css
@@ -24,10 +24,25 @@ body {
     margin: 0;
 }
 
+img {
+    border: none;
+}
+
+.software-cursor {
+    cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
+    overflow: hidden;
+}
+
+.guac-error .software-cursor {
+    cursor: default;
+}
+
 * {
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
+/* Dialogs */
+
 div.dialogOuter {
     display: table;
     height: 100%;
@@ -37,18 +52,6 @@ div.dialogOuter {
     top: 0;
 
     visibility: hidden;
-    /*
-    background-image: url('../images/spinner.gif');
-    background-position: center;
-    background-repeat: no-repeat;
-    */
-
-    /*
-    background-image: url('../images/noimage.png');
-    background-position: center;
-    background-repeat: no-repeat;
-    */
-
 }
 
 div.dialogMiddle {
@@ -80,32 +83,52 @@ div.dialog div.buttons {
     text-align: center;
 }
 
-*:not(.guac-error) button#reconnect {
+button {
+
+    border-style: solid;
+    border-width: 1px;
+
+    padding: 0.25em;
+    padding-right: 1em;
+    padding-left: 1em;
+
+}
+
+button:active {
+
+    padding-top: 0.35em;
+    padding-left: 1.1em;
+
+    padding-bottom: 0.15em;
+    padding-right: 0.9em;
+
+}
+
+button#reconnect {
     display: none;
 }
 
-div.dialog p {
-    margin: 0;
+.guac-error button#reconnect {
+    display: inline;
+
+    background:   #200;
+    border-color: #822;
+    color:        #944; 
 }
 
-#menu {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    z-index: 4;
-    background: #FEA;
-    border-bottom: 1px solid black;
-    font-size: 0.8em;
+.guac-error button#reconnect:hover {
+    background:   #822;
+    border-color: #B33;
+    color:        black; 
 }
 
-.guac-error #menu {
-    background: #D44;
+
+div.dialog p {
+    margin: 0;
 }
 
 #statusText {
     text-shadow: 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black;
-    font-weight: bold;
     font-size: xx-large;
     color: white;
 }
@@ -115,14 +138,25 @@ div.dialog p {
     color: #D44;
 }
 
-img {
-    border: none;
+/* Menu */
+
+#menu {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    z-index: 4;
+    background: #FEA;
+    border-bottom: 1px solid black;
+    font-size: 0.8em;
+}
+
+.guac-error #menu {
+    background: #D44;
 }
 
-div#display {
+div#display * {
     position: relative;
-    width: 640px;
-    height: 480px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -131,12 +165,30 @@ div#display {
     vertical-align: middle;
 }
 
-#menu button {
+#menu span {
     vertical-align: middle;
 }
 
-#menu span {
+#menu button {
     vertical-align: middle;
+    background:   #DC8;
+    border-color: #986;
+    color:        black; 
+}
+
+#menu button:hover {
+    background:   #FFC;
+    border-color: #DC8;
+}
+
+.guac-error #menu button {
+    background:   #B33;
+    border-color: #822;
+}
+
+.guac-error #menu button:hover {
+    background:   #F44;
+    border-color: #B33;
 }
 
 div#clipboardDiv {
@@ -165,10 +217,6 @@ div#clipboardDiv textarea {
     width: 100%;
 }
 
-.guac-hide-cursor {
-    cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
-}
-
 div#menuControl {
     position: fixed;
     top: 0;
@@ -180,3 +228,46 @@ div#menuControl {
 
     z-index: 3;
 }
+
+/* Viewport Clone */
+
+div#viewportClone {
+    display: table;
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    left: 0;
+    top: 0;
+
+    visibility: hidden;
+}
+
+/* Keyboard event target */
+
+textarea#eventTarget {
+    position: absolute;
+   
+    /* Hide offscreen */
+    left: 0;
+    top: 0;
+    width: 0;
+    height: 0;
+    opacity: 0;
+
+    overflow: hidden;
+}
+
+/* Touch-specific menu */
+
+div#touchMenu {
+
+    position: absolute;
+    visibility: hidden;
+    
+    display: inline-block;
+    background: black;
+    border: 1px solid silver;
+    padding: 1em;
+    opacity: 0.8;
+
+}
\ No newline at end of file