From: Michael Jumper Date: Sat, 24 Mar 2012 06:48:19 +0000 (-0700) Subject: Cleaned up styling slightly, fixed display of reconnect button. X-Git-Url: http://git.alex.org.uk Cleaned up styling slightly, fixed display of reconnect button. --- diff --git a/src/main/webapp/styles/client.css b/src/main/webapp/styles/client.css index c6d1959..a090702 100644 --- a/src/main/webapp/styles/client.css +++ b/src/main/webapp/styles/client.css @@ -79,10 +79,46 @@ 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; } +.guac-error button#reconnect { + display: inline; + + background: #200; + border-color: #822; + color: #944; +} + +.guac-error button#reconnect:hover { + background: #822; + border-color: #B33; + color: black; +} + + div.dialog p { margin: 0; } @@ -131,35 +167,24 @@ div#display * { #menu button { vertical-align: middle; - background: #DC8; - border: 1px solid #986; - color: black; - padding: 0.25em; - padding-right: 1em; - padding-left: 1em; + background: #DC8; + border-color: #986; + color: black; } #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; + background: #FFC; + border-color: #DC8; } .guac-error #menu button { - background: #B33; - border: 1px solid #822; + background: #B33; + border-color: #822; } .guac-error #menu button:hover { - background: #F44; - border: 1px solid #B33; + background: #F44; + border-color: #B33; } div#clipboardDiv {