Added UI for timeline creation.

This commit is contained in:
Jonathan Bernard
2011-06-01 06:29:48 -05:00
parent 72ef1ac277
commit cf42d133f6
16 changed files with 289 additions and 52 deletions

View File

@ -107,7 +107,81 @@ input {
}
}
#login {
.dialog {
background: white;
background: rgba(255, 255, 255, 0.5);
color: $lightTxt;
margin: 0;
padding: 0;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100em;
z-index: 10;
* {
margin: 0;
padding: 0;
}
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;
}
.button-panel {
margin-top: 0.5em;
overflow: hidden;
.validate-tips { font-size: 1em; }
.dialog-button {
float: right;
padding-left: 1em;
font-family: Arvo;
font-size: 1.2em;
a { color: $lightBg; }
}
}
}
}
#login.dialog {
background: white;
opacity: 1;
}
/*#login {
background: white;
color: $lightTxt;
@ -169,7 +243,7 @@ input {
a { color: $lightBg; }
}
}
}
}*/
#user {
@ -197,16 +271,22 @@ input {
.fullname { display: none; }
}
.drop-menu { display: inline-block; }
.user-menu { display: inline-block; }
.drop-menu .drop-menu-items {
margin-top: -0.5em;
text-align: right;
right: 0;
.user-menu .user-menu-items {
list-style: none;
width: 10em;
display: none;
li {
display: inline-block;
padding-left: 0.5em;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
}
.user-menu:hover .user-menu-items, .user-menu-items:hover { display: inline-block; }
}