[Mageia-sysadm] [186] - rework the layout of the login form ( less table )

[root at mageia.org]

Revision: 186
Author:   misc
Date:     2010-12-21 03:04:59 +0100 (Tue, 21 Dec 2010)
Log Message:
-----------
- rework the layout of the login form ( less table )

Modified Paths:
--------------
    identity/CatDap/trunk/root/index.tt
    identity/CatDap/trunk/root/static/style/ttsite.css

Modified: identity/CatDap/trunk/root/index.tt
===================================================================
--- identity/CatDap/trunk/root/index.tt	2010-12-21 02:04:56 UTC (rev 185)
+++ identity/CatDap/trunk/root/index.tt	2010-12-21 02:04:59 UTC (rev 186)
@@ -1,31 +1,22 @@
 <h1>[% l('Login') %]</h1>
 
-<div id="input_form">
+<div id="login_form">
 <form method="post" action="/user">
-
-    <table>
-		<tr><td>
+            <div id="login_form_inputs">
 			<label for="username_">[% l('Username') %]</label>
-		</td><td>
 			<input id="username_" type="text" name="username" value="[% c.user.username %]" />
-    </td></tr>
+            <br />
 
-		<tr><td>
 			<label for="password_">[% l('Password') %]</label>
-		</td><td>
 			<input id="password_" type="password" name="password" />
-		</td></tr>
-
-		<tr><td colspan="2" style="text-align:center;">
-			<button type="submit" value="[% l('Login') %]" />[% l('Login') %]</button>&nbsp;&nbsp;
-			[% l('or') %]&nbsp;&nbsp;
-			<a href="/register">[% l('Register') %]</a>
-		</td></tr>
-			
-		<tr><td colspan="2">
-			@todo [% l('Forgotten password?') %]
-		</td></tr>
-	</table>
-
+            <br />
+			<button type="submit" value="[% l('Login') %]" />[% l('Login') %]</button>
+            </div>
+            <div id="login_form_line">
+			<span><a href="/register">[% l('Register') %]</a> | 
+                  @todo [% l('Forgotten password?') %]
+                  <!--<a href="/forgot_password">[% l('Forgotten password?') %]</a> -->
+            </span>
+            </div>
 </form>
 </div>

Modified: identity/CatDap/trunk/root/static/style/ttsite.css
===================================================================
--- identity/CatDap/trunk/root/static/style/ttsite.css	2010-12-21 02:04:56 UTC (rev 185)
+++ identity/CatDap/trunk/root/static/style/ttsite.css	2010-12-21 02:04:59 UTC (rev 186)
@@ -67,6 +67,34 @@
 	padding: 4px;
 }
 
+#login_form label  {
+    text-align:left;
+    float: left;
+    width: 140px;
+}
+
+#login_form {
+    display: block; 
+    float: left;
+    margin-bottom: 2.5em;
+}
+
+#login_form_inputs {
+    margin-bottom: 1.5em;
+}
+
+#login_form input:focus {
+	background: #ddf;
+}
+
+#login_form_line span {
+    float: left;
+}
+
+#login_form button {
+    float: right;
+}    
+
 /*     End changes obgr_seneca     */
 
 .message {
-------------- next part --------------
An HTML attachment was scrubbed...
URL: </pipermail/mageia-sysadm/attachments/20101221/46e3bedf/attachment-0001.html>