archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature 2086: also switch the no_photo_yet screens to clear background

Browse source 
git-svn-id: http://piwigo.org/svn/trunk@8312 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
plegall 2010-12-27 13:35:02 +00:00
parent 5382fb218c
commit b8435ec8b6
1 changed files with 61 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

87
themes/default/template/no_photo_yet.tpl
View file

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