aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--themes/default/template/no_photo_yet.tpl87
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}