Button/Input styling

diff --git a/css/default.css b/css/default.css
index c700bfcd7006c30191890731286a548a7a3bdada..a91d9360932418442c8cf5f595cda73ec136bccd 100644 (file)
--- a/css/default.css
+++ b/css/default.css
@@ -24,6 +24,7 @@ body, html {
 }\r
 \r
 \r
+\r
 /* The main app container */\r
 #kiwi {\r
        overflow:hidden; position:relative; \r
@@ -65,6 +66,19 @@ body, html {
        -webkit-border-radius:5px;\r
        -khtml-border-radius:5px;\r
        behavior: url(border-radius.htc);\r
+\r
+background-image: -webkit-gradient(\r
+    linear,\r
+    left top,\r
+    left bottom,\r
+    color-stop(0.38, rgb(238,238,238)),\r
+    color-stop(0.68, rgb(209,209,209))\r
+);\r
+background-image: -moz-linear-gradient(\r
+    center top,\r
+    rgb(238,238,238) 38%,\r
+    rgb(209,209,209) 68%\r
+);\r
 }\r
 #kiwi .windowlist .active, #kiwi .utilityviewlist .active { padding-right:23px; }\r
 #kiwi .windowlist .highlight, #kiwi .utilityviewlist .highlight {\r

diff --git a/css/ui.css b/css/ui.css
index 4382d90460c5b09bb7fa94ed799e469540116d33..1238149f88cf3aa2ac7d26c83912ddc4e44c1ae4 100644 (file)
--- a/css/ui.css
+++ b/css/ui.css
@@ -23,19 +23,22 @@
 \r
 \r
 #kiwi .connectwindow {\r
-       background:#1b1b1b;\r
-       color: #D4D4D4;\r
-       z-index:50;\r
-       position:absolute;\r
+       background:#1b1b1b; color: #D4D4D4;\r
+       z-index:50; position:absolute;\r
        top:0px; bottom:0px;\r
+       overflow-y:scroll;\r
        width:100%; height:100%;\r
 }\r
 #kiwi h1.logo { display:block; width:264px; height:90px; text-indent:-1000px; margin:70px auto 100px; background:url(../img/logo.png) no-repeat; }\r
 #kiwi #login { width:665px; margin:0px auto; }\r
 #kiwi #login ul { list-style:none; }\r
-#kiwi #login ul li { overflow:hidden; margin-bottom:10px; }\r
+#kiwi #login ul li { overflow:show; margin-bottom:10px; }\r
 #kiwi #login ul li label { float:left; text-align:right; padding-right:.5em; }\r
-#kiwi #login input { border:none; }\r
+#kiwi #login input {\r
+       border:none;\r
+       box-shadow: inset 0 1px 2px rgba(0,0,0,0.5),0 1px 0px rgba(255,255,255,0.3);\r
+\r
+}\r
 #kiwi #login .more { border-top: 1px dotted #888888; }\r
 #kiwi #login .more_link {\r
        font-size:12px;\r
@@ -56,14 +59,14 @@
        width:240px; padding:.2em .5em;\r
        font-size:.8em; text-align:center;\r
        background:#D4D4D4;\r
-       border-radius:8px; -moz-border-radius:8px;\r
+       border-radius:4px; -moz-border-radius:4px;\r
 }\r
 #kiwi #login .content.top a { display:block; text-align:right; font-size:22px; margin-top:30px; }\r
 \r
 #kiwi #login .content.bottom { width:350px; margin:30px auto; display:none; }\r
 #kiwi #login .content.bottom ul { font-size:18px; }\r
 #kiwi #login .content.bottom label { width:25%; }\r
-#kiwi #login .content.bottom input { width:216px; font-size:.8em; no-repeat; padding:.2em .5em; background:#D4D4D4; border-radius:8px; -moz-border-radius:8px; }\r
+#kiwi #login .content.bottom input { width:216px; font-size:.8em; no-repeat; padding:.2em .5em; background:#D4D4D4; border-radius:4px; -moz-border-radius:4px; }\r
 #kiwi #login .content.bottom a { display:block; text-align:right; font-size:16px; margin-top:30px; }\r
 \r
 \r

diff --git a/node/app.js b/node/app.js
index bb581a3b29eedaa9c160eef04ddcd9ea0d168377..88ac244c28f2197357cc745e0de53f127c22d15c 100644 (file)
--- a/node/app.js
+++ b/node/app.js
@@ -484,23 +484,25 @@ this.httpHandler = function (request, response) {
                 kiwi.fileServer.serve(request, response);
             });
         } else if (uri.pathname === '/') {
-            useragent = (response.headers) ? response.headers['user-agent'] : '';
-            if (useragent.indexOf('android') !== -1) {
+            useragent = (request.headers) ? request.headers['user-agent'] : '';
+            if (useragent.match(/android/i) !== -1) {
                 agent = 'android';
                 touchscreen = true;
-            } else if (useragent.indexOf('iphone') !== -1) {
+            } else if (useragent.match(/iphone/) !== -1) {
                 agent = 'iphone';
                 touchscreen = true;
-            } else if (useragent.indexOf('ipad') !== -1) {
+            } else if (useragent.match(/ipad/) !== -1) {
                 agent = 'ipad';
                 touchscreen = true;
-            } else if (useragent.indexOf('ipod') !== -1) {
+            } else if (useragent.match(/ipod/) !== -1) {
                 agent = 'ipod';
                 touchscreen = true;
             } else {
                 agent = 'normal';
                 touchscreen = false;
             }
+            agent = 'normal';
+            touchscreen = false;
             
             if (uri.query) {
                 server_set = ((typeof uri.query.server !== 'undefined') && (uri.query.server !== ''));