Replaced jQuery UI login dialog with home-grown login.

- New login hides the entire underlying page when open.
- Fits the current design.

www/css/ts-screen.scss

@@ -21,6 +21,7 @@ body {
     color: $darkTxt;
     width: 75%;
     margin: auto;
+
 }
 
 input {
@@ -47,40 +48,6 @@ input {
     }
 }
 
-#user {
-
-    font-family: "Josefin Sans";
-    margin-top: -0.3em; // IE fix
-    padding: 0 2em;
-    margin-top: -0.3rem;
-    padding: 0 2rem;
-    width: 100%;
-
-    .fullname, .username {
-        display: inline-block;
-        font-size: larger;
-    }
-
-    .fullname-input { display: none; }
-
-    &.edit-fullname{
-        .fullname-input { display: inline-block; }
-        .fullname { display: none; }
-    }
-
-    .drop-menu { display: inline-block; }
-
-    .drop-menu .drop-menu-items {
-        margin-top: -0.5em;
-        text-align: right;
-        right: 0;
-        list-style: none;
-        width: 10em;
-    }
-
-
-}
-
 #timeline {
 
     border-bottom: thin solid $lightBg;
@@ -127,6 +94,97 @@ input {
     }
 }
 
+#login {
+
+    background: white;
+    color: $lightTxt;
+    opacity: 1;
+
+    position: fixed;
+    top: 0px;
+    left: 0px;
+
+    width: 100%;
+    height: 100em;
+
+    z-index: 10;
+    
+    div.container {
+
+        background: $darkBg;
+        border-radius: 10px;
+        font-family: Cantarell;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: 4em;
+        padding: 1em;
+        width: 20em;
+        
+        h2 {
+            border-bottom: thin solid $lightBg;
+            font-family: Arvo;
+            padding-bottom: 0.5em;
+            margin-bottom: 0.5em;
+        }
+
+        label {
+            display: inline-block;
+            width: 6em;
+        }
+
+        input {
+            color: $darkTxt;
+        }
+
+        #login-button {
+
+            text-align: right;
+            margin-top: 0.5em;
+
+            font-family: Arvo;
+            font-size: 1.2em;
+
+            .validate-tips { font-size: 1em; }
+
+            a { color: $lightBg; }
+        }
+    }
+}
+
+#user {
+
+    font-family: "Josefin Sans";
+    margin-top: -0.3em; // IE fix
+    padding: 0 2em;
+    margin-top: -0.3rem;
+    padding: 0 2rem;
+    width: 100%;
+
+    .fullname, .username {
+        display: inline-block;
+        font-size: larger;
+    }
+
+    .fullname-input { display: none; }
+
+    &.edit-fullname{
+        .fullname-input { display: inline-block; }
+        .fullname { display: none; }
+    }
+
+    .drop-menu { display: inline-block; }
+
+    .drop-menu .drop-menu-items {
+        margin-top: -0.5em;
+        text-align: right;
+        right: 0;
+        list-style: none;
+        width: 10em;
+    }
+
+
+}
+
 #entry-list {
     
     margin-top: 6em;
@@ -239,3 +297,5 @@ input {
     text-decoration: overline underline;
     color: inherit;
 }
+
+.hidden { display: none; }