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

@ -77,22 +77,22 @@ input {
#timeline .drop-menu .drop-menu-items .timeline-link {
font-size: medium; }
#login {
.dialog {
background: white;
background: rgba(255, 255, 255, 0.5);
color: #eeeeee;
margin: 0;
padding: 0;
opacity: 1;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100em;
z-index: 10; }
#login * {
.dialog * {
margin: 0;
padding: 0; }
#login div.container {
.dialog div.container {
background: #222222;
border-radius: 10px;
font-family: Cantarell;
@ -101,26 +101,96 @@ input {
margin-top: 4em;
padding: 1em;
width: 20em; }
#login div.container h2 {
.dialog div.container h2 {
border-bottom: thin solid #eeeeee;
font-family: Arvo;
padding-bottom: 0.5em;
margin-bottom: 0.5em; }
#login div.container label {
.dialog div.container label {
display: inline-block;
width: 6em; }
#login div.container input {
.dialog div.container input {
color: #222222; }
#login div.container #login-button {
text-align: right;
.dialog div.container .button-panel {
margin-top: 0.5em;
font-family: Arvo;
font-size: 1.2em; }
#login div.container #login-button .validate-tips {
overflow: hidden; }
.dialog div.container .button-panel .validate-tips {
font-size: 1em; }
#login div.container #login-button a {
color: #eeeeee; }
.dialog div.container .button-panel .dialog-button {
float: right;
padding-left: 1em;
font-family: Arvo;
font-size: 1.2em; }
.dialog div.container .button-panel .dialog-button a {
color: #eeeeee; }
#login.dialog {
background: white;
opacity: 1; }
/*#login {
background: white;
color: $lightTxt;
margin: 0;
padding: 0;
opacity: 1;
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;
}
#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;
@ -140,14 +210,20 @@ input {
display: inline-block; }
#user.edit-fullname .fullname {
display: none; }
#user .drop-menu {
#user .user-menu {
display: inline-block; }
#user .drop-menu .drop-menu-items {
margin-top: -0.5em;
text-align: right;
right: 0;
#user .user-menu .user-menu-items {
list-style: none;
width: 10em; }
display: none; }
#user .user-menu .user-menu-items li {
display: inline-block;
padding-left: 0.5em; }
#user .user-menu .user-menu-items a {
text-decoration: none; }
#user .user-menu .user-menu-items a:hover {
text-decoration: underline; }
#user .user-menu:hover .user-menu-items, #user .user-menu-items:hover {
display: inline-block; }
#entry-list {
margin: 6em 0 0 0;