diff options
| -rw-r--r-- | themes/default/template/no_photo_yet.tpl | 87 |
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} |