Login box style refresh
authorJean-Michel Vourgère <jvourger@greenpeace.org>
Sun, 26 Feb 2017 01:02:09 +0000 (14:02 +1300)
committerJean-Michel Vourgère <jvourger@greenpeace.org>
Thu, 9 Mar 2017 18:06:30 +0000 (18:06 +0000)
css/squasher.css
templates/login.tpl

index c2c7abef14f3048fe1c4dd9b5bb1e06b1cfcaf9f..fcf96bf13b1bcd785b0768d98e548cf27fa3a40b 100644 (file)
@@ -269,92 +269,32 @@ tr.logentry_download:hover, tr.logentry_delete:hover, tr.logentry_login:hover {
 }
 
 /* login page */
-.loginbody .wrappercontainer {
-       position:relative;
-       width: 240px;
-       height: 160px;
-       margin: 10% auto;
-       border:5px solid;
-       border-color:#FFFFFF;
-       color:#FFFFFF;
-       background: #C7F09E;
-}
 
-.loginbody .login {
-       left:0px;
-       top:20px;
-       width:100%;
-}
-
-.loginbody .username {
-       position:absolute;
-       left:0px;
-       top:24px;
-       height:22px;
-       width:100%;
-       text-align:center;
-}
-
-.loginbody .password {
-       position:absolute;
-       left:0px;
-       top:64px;
-       height:22px;
-       width:100%;
-       text-align:center;
-}
-
-.loginbody .fsubmit {
-       position:absolute;
-       right:25px;
-       bottom:27px;
+.login {
+       width:480px;
+       float:none;
+       display:inline-block;
+       border:1px solid #003300;
+       background-color:#C7F09E;
+       margin:100px;
+       padding:10px;
        text-align:center;
 }
 
-.loginbody .loginheader {
-       position:absolute;
-       top:0px;
-       left:0px;
+.login input {
        width:100%;
-       background-color:#66CC00;
-       border-bottom:5px solid;
-       border-color:#FFFFFF;
-}
-
-.loginbody .loginfooter {
-       position:absolute;
-       bottom:0px;
-       left:0px;
-       width:100%;
-       background-color:#66CC00;
-       border-top:5px solid;
-       border-color:#FFFFFF;
-}
-
-.loginbody input {
-       border:1px solid #FFFFFF;
-       width:160px;
-       height:20px;
-       background-color:#FFFFFF;
        color:#003300;
-       text-align:center;
+       margin: 10px 10px;
 }
 
-.loginbody input:hover {
+.login button {
        border:1px solid #003300;
-       color:#003300;
-}
-
-.loginbody button {
-       border:1px solid #C7F09E;
-       background:#C7F09E;
-}
-
-.loginbody .submit {
-       border:1px solid #C7F09E;
-       background:#C7F09E;
+       margin: 10px;
+       padding:3px 8px;
+       background:#66CC00;
 }
 
-.loginbody .submit:hover {
-       border:1px solid #003300;
+.login button:hover {
+       background-color:#339900;
+       color:#ffffff;
 }
index f52ff3317108bce2c83cd6f0807c4f71f2d87999..dae1d23b2e07208d9f2c4e036763b708d572c3fc 100644 (file)
@@ -11,20 +11,26 @@ function hasher(){ldelim}
        document.loginform.pass.value=hex_md5(hex_md5(document.loginform.pass.value)+salt);
 {rdelim}
 </script>
-<body class=loginbody>
-<div class="wrappercontainer">
+<body>
+<div class="wrappercontainer" style="text-align:center;">
 
-       <div class="loginheader">&nbsp;</div>
+       <div class="banner">&nbsp;</div>
 
-       <div class="login">
+       <div class="content login">
        <form name="loginform" onSubmit="hasher();" method="post">
-               <div class="username">--username--<br/><input name="user" type=text value=""/></div>
-               <div class="password">--password--<br/><input name="pass" type=password value=""/></div>
-               <div class="fsubmit"><button class="submit" type=submit>login</button></a></div>
+               <table align=center>
+               <tr>
+                       <td>Username :
+                       <td><input name="user" type=text value="">
+               <tr>
+                       <td>Password :
+                       <td><input name="pass" type=password value="">
+               </table>
+               <button class="submit" type=submit>Sign in</button>
        </form>
        </div>
 
-       <div class="loginfooter">&nbsp;</div>
+       <div class="footer">&nbsp;</div>
 
 </div>
 {if $debug}{debug}{/if}