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.user.value=hex_md5(hex_md5(document.loginform.user.value)+salt);
 137         document.loginform.pass.value=hex_md5(hex_md5(document.loginform.pass.value)+salt);
 138 {rdelim}
 139 </script>
 140 <body align="center" style="min-width:400px;min-height:300px;">
 141 <div class="wrapper">
 142 <div class="container">
 143
 144         <div class="header">&nbsp;</div>
 145
 146         <div class="login">
 147         <form name="loginform" onSubmit="hasher();" method="post">
 148                 <div class="username">--username--<br/><input name="user" type=text value=""/></div>
 149                 <div class="password">--password--<br/><input name="pass" type=password value=""/></div>
 150                 <div class="fsubmit"><button class="submit" type=submit>login</button></a></div>
 151         </form>
 152         </div>
 153
 154         <div class="footer">&nbsp;</div>
 155
 156 </div>
 157 </div>
 158 {if $debug}{debug}{/if}
 159 </body>
 160 </html>