a bit nicer login widget

diff --git a/static/css/login.css b/static/css/login.css
new file mode 100644 (file)
index 0000000..06528ee
--- /dev/null
+++ b/static/css/login.css
@@ -0,0 +1,12 @@
+p.login { 
+    font-style: italic;
+}
+input.login {
+    width: auto;
+}    
+input[type="password"] {
+    border: solid 1px #444;
+    background-image: url( '/all-static/img/form_input_password.png' );
+    background-repeat: repeat-x;
+    background-position: top;
+}

diff --git a/static/img/form_input_password.png b/static/img/form_input_password.png
new file mode 100644 (file)
index 0000000..bfc1cb8
Binary files /dev/null and b/static/img/form_input_password.png differ

diff --git a/templates/widget-login.html b/templates/widget-login.html
index 7f4a3a8..ac90bcc 100644 (file)
--- a/templates/widget-login.html
+++ b/templates/widget-login.html
@@ -1,3 +1,4 @@
+{% insert_str prelude 'css/login.css' %}
 <p class='login-status'> {{ state }} </p>
 <a href="/" alt="Home"><img class="logo" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
 <form action="/login/" method="post">
@@ -5,9 +6,9 @@
   {% if next %}
   <input type="hidden" name="next" value="{{ next }}" />
   {% endif %}
-  username:
-  <input type="text" name="username" value="{{ username}}" /><br />
-  password:
-  <input type="password" name="password" value="" /><br />
+  <p class='login'>username</p>
+  <input class='login' type="text" name="username" value="{{ username}}" /><br />
+  <p class='login'>password</p>
+  <input class='login' type="password" name="password" value="" /><br />
   <input type="submit" value="Log In" />
 </form>