1 files changed, 61 insertions, 26 deletions
diff --git a/themes/default/template/no_photo_yet.tpl b/themes/default/template/no_photo_yet.tpl
index cc5a9858d..25673e1ac 100644
--- a/themes/default/template/no_photo_yet.tpl
+++ b/themes/default/template/no_photo_yet.tpl
@@ -3,14 +3,13 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="stylesheet" type="text/css" href="themes/default/theme.css">
-<link rel="stylesheet" type="text/css" href="themes/Sylvia/theme.css">
 <title>Piwigo, {'Welcome'|@translate}</title>
 {literal}
 <style type="text/css">
 body {
 margin: 0;
 padding: 0;
-background-color:#111;
+background-color:#f9f9f9;
 }
 
 P {text-align:center;}
@@ -25,41 +24,35 @@ height: 400px;
 margin-top: -200px; /* height half */
 margin-left: -350px; /* width half */
 
-background-color: #eee;
-background: #222222;
-border:2px solid #FF3363;
+background-color: #f1f1f1;
+border:2px solid #dddddd;
 }
 
-#noPhotoWelcome {font-size:25px; color:#888;text-align:center; letter-spacing:1px; margin-top:30px;}
+#noPhotoWelcome {font-size:25px; color:#555;text-align:center; letter-spacing:1px; margin-top:30px;}
 .bigButton {}
 
 .bigButton {text-align:center; margin-top:120px;}
 
 .bigButton a {
-    background-color:#333;
+    background-color:#666;
     padding:10px;
     text-decoration:none;
     margin:0px 5px 0px 5px;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
-    color:#ff7700;
+    color:#fff;
     font-size:25px;
     letter-spacing:2px;
     padding:20px;
 }
 
 .bigButton a:hover {
-    background-color:#444;
+    background-color:#ff7700;
     outline:none;
-    color:#ff3333;
+    color:#fff;
     border:none;
 }
 
-#connectionBox {
-    margin:0 auto;
-    margin-top:70px;
-}
-
 #deactivate {
     position:absolute;
     bottom:10px;
@@ -75,6 +68,53 @@ border:2px solid #FF3363;
 #deactivate A {
     text-decoration:none;
     border:none;
+    color:#f70;
+}
+
+#deactivate A:hover {
+  border-bottom:1px dotted #f70;
+}
+
+#quickconnect {
+    margin:0 auto;
+    margin-top:60px;
+    width:300px;
+    color:#555;
+    font-size:14px;
+    letter-spacing:1px;
+}
+
+#quickconnect input[type="text"], #quickconnect input[type="password"] {
+  width:300px;
+  color:#555;
+  font-size:20px;
+  margin-top:3px;
+  background-color:#ddd;
+  border:2px solid #ccc;
+  -moz-border-radius:5px;
+  padding:2px;
+
+}
+
+#quickconnect input[type="text"]:focus, #quickconnect input[type="password"]:focus {
+  background-color:#fff;
+  border:2px solid #ff7700;
+}
+
+#quickconnect input[type="submit"] {
+  font-size:14px;
+  font-weight:bold;
+  letter-spacing:2px;
+  border:none;
+  background-color:#666666;
+  color:#fff;
+  padding:5px;
+  -moz-border-radius:5px;
+}
+
+#quickconnect input[type="submit"]:hover {
+  background-color:#ff7700;
+  color:white;
 }
 </style>
 {/literal}
@@ -88,21 +128,16 @@ border:2px solid #FF3363;
 <p id="noPhotoWelcome">{'Welcome to your Piwigo photo gallery!'|@translate}</p>
 
 <form method="post" action="{$U_LOGIN}" id="quickconnect">
-<table id="connectionBox">
-  <tr>
-    <td>{'Username'|@translate}</td>
-    <td><input type="text" name="username"></td>
-  </tr>
-  <tr>
-    <td>{'Password'|@translate}</td>
-    <td><input type="password" name="password"></td>
-  </tr>
-</table>
+{'Username'|@translate}
+<br><input type="text" name="username">
+<br>
+<br>{'Password'|@translate}
+<br><input type="password" name="password">
 
 <p><input class="submit" type="submit" name="login" value="{'Login'|@translate}"></p>
 
-<div id="deactivate"><a href="{$deactivate_url}">{'... or browse your empty gallery'|@translate}</a></div>
 </form>
+<div id="deactivate"><a href="{$deactivate_url}">{'... or browse your empty gallery'|@translate}</a></div>
 
 
 {else}