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"> |
---|
9 | body { |
---|
10 | margin: 0; |
---|
11 | padding: 0; |
---|
12 | background-color:#f9f9f9; |
---|
13 | } |
---|
14 | |
---|
15 | P {text-align:center;} |
---|
16 | TD {color:#888; letter-spacing:1px;} |
---|
17 | |
---|
18 | #global { |
---|
19 | position:absolute; |
---|
20 | left: 50%; |
---|
21 | top: 50%; |
---|
22 | width: 700px; |
---|
23 | height: 400px; |
---|
24 | margin-top: -200px; /* height half */ |
---|
25 | margin-left: -350px; /* width half */ |
---|
26 | |
---|
27 | background-color: #f1f1f1; |
---|
28 | border: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 | |
---|