cfdc828aaa410d02a29ac6d5e72561aab6f8d5cc
[squasher.git] / templates / login.tpl
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
4 <title>Squasher</title>
5 <style>
6 {literal}
7 body{
8 background-color:#E2EBD8;
9 text-align:center;
10 min-width:400px;
11 min-height:300px;
12 }
13
14 .wrapper{
15 width: 240px;
16 height: 160px;
17 margin: 10% auto;
18 }
19
20 .container{
21 position:relative;
22 width: 240px;
23 height: 160px;
24 border:5px solid;
25 border-color:#FFFFFF;
26 color:#FFFFFF;
27 background: #C7F09E;
28 }
29
30 .login{
31 left:0px;
32 top:20px;
33 width:100%;
34 }
35
36 .username{
37 position:absolute;
38 left:0px;
39 top:24px;
40 height:22px;
41 width:100%;
42 text-align:center;
43 }
44
45 .password{
46 position:absolute;
47 left:0px;
48 top:64px;
49 height:22px;
50 width:100%;
51 text-align:center;
52 }
53
54 .fsubmit{
55 position:absolute;
56 right:25px;
57 bottom:27px;
58 text-align:center;
59 }
60
61 .header{
62 position:absolute;
63 top:0px;
64 left:0px;
65 width:100%;
66 background-color:#66CC00;
67 border-bottom:5px solid;
68 border-color:#FFFFFF;
69 }
70
71 .footer{
72 position:absolute;
73 bottom:0px;
74 left:0px;
75 width:100%;
76 background-color:#66CC00;
77 border-top:5px solid;
78 border-color:#FFFFFF;
79 }
80
81 .bottomimage{
82 background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
83 float:right;
84 width:200px;
85 height:146px;
86 }
87
88 a{
89 color:#003300;
90 }
91
92 a:hover{
93 color:#FF6600;
94 }
95
96 input{
97 border:1px solid #FFFFFF;
98 width:160px;
99 height:20px;
100 background-color:#FFFFFF;
101 color:#003300;
102 text-align:center;
103 }
104
105 input:hover{
106 border:1px solid #003300;
107 color:#003300;
108 }
109
110 button{
111 border:1px solid #C7F09E;
112 background:#C7F09E;
113 }
114
115 .submit{
116 border:1px solid #C7F09E;
117 background:#C7F09E;
118 }
119
120 .submit:hover{
121 border:1px solid #003300;
122 }
123
124 .debug{
125 float:none;
126 bottom:0px;
127 text-align:left;
128 color:#E2EBD8;
129 }
130 {/literal}
131 </style>
132 <script type="text/javascript" src="js/md5.js"></script>
133 <script language="javascript">
134 function hasher(){ldelim}
135         var salt = '{$salt}';
136         document.loginform.pass.value=hex_md5(hex_md5(document.loginform.pass.value)+salt);
137 {rdelim}
138 </script>
139 <body align="center" style="min-width:400px;min-height:300px;">
140 <div class="wrapper">
141 <div class="container">
142
143         <div class="header">&nbsp;</div>
144
145         <div class="login">
146         <form name="loginform" onSubmit="hasher();" method="post">
147                 <div class="username">--username--<br/><input name="user" type=text value=""/></div>
148                 <div class="password">--password--<br/><input name="pass" type=password value=""/></div>
149                 <div class="fsubmit"><button class="submit" type=submit>login</button></a></div>
150         </form>
151         </div>
152
153         <div class="footer">&nbsp;</div>
154
155 </div>
156 </div>
157 {if $debug}{debug}{/if}
158 </body>
159 </html>