Added login screen (simulated for now) and improved styling

This commit is contained in:
Michael Jumper
2010-12-04 18:33:10 -08:00
parent ea9cac4ade
commit a8d9d4f256
3 changed files with 285 additions and 165 deletions

View File

@@ -20,6 +20,70 @@
body {
background: black;
font-family: sans-serif;
padding: 0;
margin: 0;
}
div#login-ui {
background: #342;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
display: table;
}
div#login-logo {
position: relative;
bottom: 0;
display: inline-block;
vertical-align: middle;
}
div#login-dialog-middle {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
div#login-dialog {
background: white;
vertical-align: middle;
padding: 1em;
border: 0.2em solid black;
-khtml-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
max-width: 75%;
text-align: left;
display: inline-block;
}
div#login-dialog h1 {
margin-top: 0;
margin-bottom: 0em;
text-align: center;
border-bottom: 1px solid silver;
padding-bottom: 0.5em;
}
div#login-dialog #buttons {
border-top: 1px solid silver;
padding-top: 0.5em;
text-align: center;
}
div#login-dialog #login-fields {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
div.errorDialogOuter {