diff options
| -rw-r--r-- | root/index.tt | 36 | ||||
| -rw-r--r-- | root/static/style/ttsite.css | 76 |
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> + [% l('or') %] + <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; } |