style change to look more like current www.mageia.org

2 files changed, 94 insertions, 18 deletions

diff --git a/root/index.tt b/root/index.tt
index e809b4f..927f8a5 100644
--- a/root/index.tt
+++ b/root/index.tt
@@ -1,21 +1,31 @@
 <h1>[% l('Login') %]</h1>
 
+<div id="input_form">
 <form method="post" action="/user">
 
-    <p>
-        <label for="username_">[% l('Username') %]</label>
-        <input id="username_" type="text" name="username" value="[% c.user.username %]" />
-    </p>
+    <table>
+		<tr><td>
+			<label for="username_">[% l('Username') %]</label>
+		</td><td>
+			<input id="username_" type="text" name="username" value="[% c.user.username %]" />
+    </td></tr>
 
-    <p>
-        <label for="password_">[% l('Password') %]</label>
-        <input id="password_" type="password" name="password" />
-    </p>
+		<tr><td>
+			<label for="password_">[% l('Password') %]</label>
+		</td><td>
+			<input id="password_" type="password" name="password" />
+		</td></tr>
 
-    <p><input type="submit" value="[% l('Login') %]" />
-        [% l('or') %] 
-        <a href="/register">[% l('Register') %]</a></p>
-        
-    <p>@todo [% l('Forgotten password?') %]</p>
+		<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>
 
 </form>
+</div>
diff --git a/root/static/style/ttsite.css b/root/static/style/ttsite.css
index 3f7436d..1d4dd90 100644
--- a/root/static/style/ttsite.css
+++ b/root/static/style/ttsite.css
@@ -1,16 +1,82 @@
+/*     begin changes obgr_seneca     */
 html, body {
-    background: #ccc;
+	background: #ddd;
 }
 
 #doc {
-    -webkit-box-shadow: 0 0 10px #aaa;
-    -moz-box-shadow: 0 0 10px #aaa;
-    box-shadow: 0 0 10px #aaa;
-    background: #fff; 
+    -webkit-box-shadow: 0 0 10px #444;
+    -moz-box-shadow: 0 0 10px #444;
+    box-shadow: 0 0 10px #444;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+	border-radius: 10px;
+	margin-top: 20px;
 }
 
 #hd, #ft, #nav, #content, .inside { padding: 0 1em 0.5em 0; }
 
+#hd {
+    background: #aaa;
+	padding: 10px 20px 4px 20px;
+	text-align: center;
+    -webkit-border-radius: 10px 10px 0 0;
+    -moz-border-radius: 10px 10px 0 0;
+	border-radius: 10px 10px 0 0;
+}
+
+#bd {
+    background: #fff;
+	padding: 2px 20px 2px 20px;
+	text-align: center;
+}
+
+#bd h1 {
+	margin: 0.2em 0;
+}
+
+#ft {
+    background: #fff;
+	padding: 2px 20px 10px 20px;
+}
+
+#input_form {
+	text-align: center;
+	/*border: inset 1px;*/
+	padding: 10px;
+    -webkit-border-radius: 0.6em;
+    -moz-border-radius: 0.6em;
+}
+
+#input_form table {
+	border: 0px;
+	display: inline;
+	text-align: left;
+}
+
+#input_form td {
+	border: 0px;
+}
+
+#input_form input {
+	background: #fff;
+	border: inset 1px;
+}
+
+#input_form input:focus {
+	background: #ddf;
+}
+
+#input_form button {
+	background: #eef;
+    border: 2px outset #dde;
+    -webkit-border-radius: 0.4em;
+    -moz-border-radius: 0.4em;
+	border-radius: 0.4em;
+	padding: 4px;
+}
+
+/*     End changes obgr_seneca     */
+
 .message {
     color: #000;
 }