Re-factored login screen for smaller window sizes

diff --git a/client/css/ui.css b/client/css/ui.css
index 0b9860567548a31b5c95fbee98013492c71ed247..51d5ff7148117c884bcb1885d06a2430a2891efd 100644 (file)
--- a/client/css/ui.css
+++ b/client/css/ui.css
@@ -29,8 +29,15 @@
        overflow-y:scroll;\r
        width:100%; height:100%;\r
 }\r
-#kiwi h1.logo { display:block; width:150px; height:175px; text-indent:-1000px; margin:70px auto 60px; background:url(../img/logo.png) no-repeat; }\r
-#kiwi #login { width:665px; margin:0px auto; }\r
+#kiwi h1.logo {\r
+       display:block; width:180px; height:48px;\r
+       padding-left:58px; margin:70px auto 60px;\r
+       background:url(../img/ico.png) no-repeat;\r
+       font-size:1.3em; line-height:48px; font-weight:normal;\r
+       vertical-align: middle;\r
+}\r
+#kiwi h1 a { color:#D4D4D4; }\r
+#kiwi #login { max-width:665px; margin:0px auto; padding:0px 1em; }\r
 #kiwi #login ul { list-style:none; }\r
 #kiwi #login ul li { overflow:show; margin-bottom:10px; }\r
 #kiwi #login ul li.section { margin-top:25px; }\r
@@ -56,7 +63,7 @@
        margin:30px auto 60px;\r
 }\r
 #kiwi #login .content.top ul { font-size:20px; }\r
-#kiwi #login .content.top label { width:40%; }\r
+#kiwi #login .content.top label { width:8em; }\r
 #kiwi #login .content.top input {\r
        width:240px; padding:.2em .5em;\r
        font-size:.8em; text-align:center;\r

diff --git a/client/index.html.jade b/client/index.html.jade
index ec7e94ca3a2727eef1fdfe9128662e200510153d..b351a8408642c87d2f517219206d4db79be75b14 100644 (file)
--- a/client/index.html.jade
+++ b/client/index.html.jade
@@ -25,7 +25,8 @@ html(lang="en-gb")
 
         div#kiwi
             div.connectwindow
-                h1.logo Kiwi IRC
+                h1.logo
+                    a(href="http://www.kiwiirc.com/") Powered by Kiwi IRC
                 div#login
                     form.formconnectwindow
                         div.content.top