Replaced jQuery UI login dialog with home-grown login.

- New login hides the entire underlying page when open.
- Fits the current design.
This commit is contained in:
Jonathan Bernard
2011-05-06 17:45:56 -05:00
parent 06556020d4
commit 65dbab9c13
4 changed files with 204 additions and 94 deletions

View File

@ -33,31 +33,6 @@ input {
height: 32px;
width: 100%; }
#user {
font-family: "Josefin Sans";
margin-top: -0.3em;
padding: 0 2em;
margin-top: -0.3rem;
padding: 0 2rem;
width: 100%; }
#user .fullname, #user .username {
display: inline-block;
font-size: larger; }
#user .fullname-input {
display: none; }
#user.edit-fullname .fullname-input {
display: inline-block; }
#user.edit-fullname .fullname {
display: none; }
#user .drop-menu {
display: inline-block; }
#user .drop-menu .drop-menu-items {
margin-top: -0.5em;
text-align: right;
right: 0;
list-style: none;
width: 10em; }
#timeline {
border-bottom: thin solid #eeeeee;
font-family: Arvo;
@ -92,6 +67,70 @@ input {
#timeline .drop-menu .drop-menu-items .timeline-link {
font-size: medium; }
#login {
background: white;
color: #eeeeee;
opacity: 1;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100em;
z-index: 10; }
#login div.container {
background: #222222;
border-radius: 10px;
font-family: Cantarell;
margin-left: auto;
margin-right: auto;
margin-top: 4em;
padding: 1em;
width: 20em; }
#login div.container h2 {
border-bottom: thin solid #eeeeee;
font-family: Arvo;
padding-bottom: 0.5em;
margin-bottom: 0.5em; }
#login div.container label {
display: inline-block;
width: 6em; }
#login div.container input {
color: #222222; }
#login div.container #login-button {
text-align: right;
margin-top: 0.5em;
font-family: Arvo;
font-size: 1.2em; }
#login div.container #login-button .validate-tips {
font-size: 1em; }
#login div.container #login-button a {
color: #eeeeee; }
#user {
font-family: "Josefin Sans";
margin-top: -0.3em;
padding: 0 2em;
margin-top: -0.3rem;
padding: 0 2rem;
width: 100%; }
#user .fullname, #user .username {
display: inline-block;
font-size: larger; }
#user .fullname-input {
display: none; }
#user.edit-fullname .fullname-input {
display: inline-block; }
#user.edit-fullname .fullname {
display: none; }
#user .drop-menu {
display: inline-block; }
#user .drop-menu .drop-menu-items {
margin-top: -0.5em;
text-align: right;
right: 0;
list-style: none;
width: 10em; }
#entry-list {
margin-top: 6em;
padding-bottom: 1em;
@ -172,3 +211,6 @@ input {
font-family: Bentham;
text-decoration: overline underline;
color: inherit; }
.hidden {
display: none; }