1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5<link rel="stylesheet" type="text/css" href="themes/default/theme.css"> 6<title>Piwigo, {'Welcome'|@translate}</title> 7{literal} 8<style type="text/css"> 9body { 10margin: 0; 11padding: 0; 12background-color:#f9f9f9; 13} 14 15P {text-align:center;} 16TD {color:#888; letter-spacing:1px;} 17 18#global { 19position:absolute; 20left: 50%; 21top: 50%; 22width: 700px; 23height: 400px; 24margin-top: -200px; /* height half */ 25margin-left: -350px; /* width half */ 26 27background-color: #f1f1f1; 28border:2px solid #dddddd; 29} 30 31#noPhotoWelcome {font-size:25px; color:#555;text-align:center; letter-spacing:1px; margin-top:30px;} 32.bigButton {} 33 34.bigButton {text-align:center; margin-top:120px;} 35 36.bigButton a { 37 background-color:#666; 38 padding:10px; 39 text-decoration:none; 40 margin:0px 5px 0px 5px; 41 -moz-border-radius:6px; 42 -webkit-border-radius:6px; 43 color:#fff; 44 font-size:25px; 45 letter-spacing:2px; 46 padding:20px; 47} 48 49.bigButton a:hover { 50 background-color:#ff7700; 51 outline:none; 52 color:#fff; 53 border:none; 54} 55 56#deactivate { 57 position:absolute; 58 bottom:10px; 59 text-align:center; 60 width:100%; 61 62 font-style:normal; 63 font-size:1.0em; 64} 65 66.submit {font-size:1.0em; letter-spacing:2px; font-weight:normal;} 67 68#deactivate A { 69 text-decoration:none; 70 border:none; 71 color:#f70; 72} 73 74#deactivate A:hover { 75 border-bottom:1px dotted #f70; 76} 77 78#quickconnect { 79 margin:0 auto; 80 margin-top:60px; 81 width:300px; 82 color:#555; 83 font-size:14px; 84 letter-spacing:1px; 85} 86 87#quickconnect input[type="text"], #quickconnect input[type="password"] { 88 width:300px; 89 color:#555; 90 font-size:20px; 91 margin-top:3px; 92 background-color:#ddd; 93 border:2px solid #ccc; 94 -moz-border-radius:5px; 95 padding:2px; 96 97} 98 99#quickconnect input[type="text"]:focus, #quickconnect input[type="password"]:focus { 100 background-color:#fff; 101 border:2px solid #ff7700; 102} 103 104#quickconnect input[type="submit"] { 105 font-size:14px; 106 font-weight:bold; 107 letter-spacing:2px; 108 border:none; 109 background-color:#666666; 110 color:#fff; 111 padding:5px; 112 -moz-border-radius:5px; 113} 114 115#quickconnect input[type="submit"]:hover { 116 background-color:#ff7700; 117 color:white; 118} 119</style> 120{/literal} 121 122</head> 123 124<body> 125<div id="global"> 126 127{if $step == 1} 128<p id="noPhotoWelcome">{'Welcome to your Piwigo photo gallery!'|@translate}</p> 129 130<form method="post" action="{$U_LOGIN}" id="quickconnect"> 131{'Username'|@translate} 132<br><input type="text" name="username"> 133<br> 134<br>{'Password'|@translate} 135<br><input type="password" name="password"> 136 137<p><input class="submit" type="submit" name="login" value="{'Login'|@translate}"></p> 138 139</form> 140<div id="deactivate"><a href="{$deactivate_url}">{'... or browse your empty gallery'|@translate}</a></div> 141 142 143{else} 144<p id="noPhotoWelcome">{$intro}</p> 145<div class="bigButton"><a href="{$next_step_url}">{'I want to add photos'|@translate}</a></div> 146<div id="deactivate"><a href="{$deactivate_url}">{'... or please deactivate this message, I will find my way by myself'|@translate}</a></div> 147{/if} 148 149 150</div> 151</body> 152 153</html> 154 155