source: trunk/themes/default/template/no_photo_yet.tpl @ 8312

Last change on this file since 8312 was 8312, checked in by plg, 13 years ago

feature 2086: also switch the no_photo_yet screens to clear background

File size: 3.1 KB
Line 
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
Note: See TracBrowser for help on using the repository browser.