From a7eb596d89cb4efd0f7ef6febe177049761f12a2 Mon Sep 17 00:00:00 2001
From: Chris Gordon <snorkeyg@gmail.com>
Date: Thu, 8 Sep 2011 11:27:08 +1000
Subject: [PATCH] Updated to use CSS3 gradients instead of images.

Fixed display bug with keyboard textbox.
---
 include/base.css  | 42 +++++++++++++++++++++++++++++-------------
 include/black.css | 14 +++++++++++++-
 2 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/include/base.css b/include/base.css
index 39ed303c..32c7d686 100644
--- a/include/base.css
+++ b/include/base.css
@@ -3,10 +3,10 @@ body {
 	padding:0;
 	font-family: Helvetica;
 	/*Background image with light grey curve.*/
-	background-image:url('../images/screenbg.png');
-	background-color:#313131;
+	background-color:#494949;
 	background-repeat:no-repeat;
 	background-position:right bottom;
+	height:100%;
 }
 
 html {
@@ -44,17 +44,19 @@ html {
 /*Mobile buttons bar.*/
 #noVNC-control-bar {
   position:fixed;
-  background-attachment:initial;
-  background-clip:initial;
-  background-color:initial;
-  background-image:url(../images/bg.png);
-  background-origin:initial;
-  background-position:50% 0;
-  /*
-  For Black:
-  background-position:50% 100%;
-  */
-  background-repeat:repeat no-repeat;
+  background-color:#6d84a2;
+	background-image: -webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0.5, rgb(109,132,162)),
+		color-stop(1, rgb(140,157,179))
+	);
+	background-image: -moz-linear-gradient(
+		center bottom,
+		rgb(109,132,162) 50%,
+		rgb(140,157,179) 100%
+	);
   display:block;
   height:44px;
   left:0;
@@ -135,6 +137,9 @@ html {
     display: table;
 	width:100%;
 	height:100%;
+	background-color:#313131;
+	border-bottom-right-radius: 800px 600px;
+	/*border-top-left-radius: 800px 600px;*/
 }
 #VNC_canvas {
     background: #eee;
@@ -246,4 +251,15 @@ html {
 
 #noVNC_defaultScreen span{
 	color:green;
+}
+
+#keyboardinput {
+	width:0px;
+	height:0px;
+	background-color:#313131;
+	border:0;
+}
+
+.noVNC_status_warn {
+	background-color:yellow;
 }
\ No newline at end of file
diff --git a/include/black.css b/include/black.css
index 04d54ae0..297cfb06 100644
--- a/include/black.css
+++ b/include/black.css
@@ -1,5 +1,17 @@
 #noVNC-control-bar {
-	  background-position:50% 100%;
+	background-color:#000;
+	background-image: -webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0.5, rgb(0,0,0)),
+		color-stop(0.5, rgb(20,20,20))
+	);
+	background-image: -moz-linear-gradient(
+		center bottom,
+		rgb(0,0,0) 50%,
+		rgb(20,20,20) 50%
+	);
 }
 
 .triangle-right {