Trying to tighten up the design. More functionality implemented.
This commit is contained in:
Jonathan Bernard
@ -4,19 +4,29 @@
|
||||
*/
|
||||
/* _rounded.scss */
|
||||
* {
|
||||
color: #222222;
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
body {
|
||||
width: 70%;
|
||||
color: #222222;
|
||||
width: 75%;
|
||||
margin: auto; }
|
||||
|
||||
input {
|
||||
border: solid thin #555555;
|
||||
-webkit-box-shadow: inset 0px 2px 4px #CCC;
|
||||
box-shadow: inset 0px 2px 4px #CCC;
|
||||
margin-bottom: 0.5em;
|
||||
font-family: Cantarell; }
|
||||
|
||||
#top {
|
||||
background: #222222;
|
||||
color: #eeeeee;
|
||||
padding: 0.5rem 0;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
background: white;
|
||||
width: 70%; }
|
||||
width: 75%; }
|
||||
#top #fade-bar {
|
||||
background: url("img/fade.png") repeat-x;
|
||||
height: 32px;
|
||||
@ -24,35 +34,32 @@ body {
|
||||
|
||||
#user {
|
||||
font-family: "Josefin Sans";
|
||||
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.fullname-edit .fullname-input {
|
||||
#user.edit-fullname .fullname-input {
|
||||
display: inline-block; }
|
||||
#user.fullname-edit .fullname {
|
||||
#user.edit-fullname .fullname {
|
||||
display: none; }
|
||||
#user .drop-menu {
|
||||
display: inline-block; }
|
||||
#user .drop-menu .drop-menu-items {
|
||||
float: right;
|
||||
list-style: none; }
|
||||
#user .drop-menu .drop-menu-items li {
|
||||
float: right;
|
||||
text-align: center;
|
||||
padding-right: 1em; }
|
||||
#user a {
|
||||
display: inline-block;
|
||||
text-decoration: none; }
|
||||
#user a:hover {
|
||||
text-decoration: underline; }
|
||||
margin-top: -0.5em;
|
||||
text-align: right;
|
||||
right: 0;
|
||||
list-style: none;
|
||||
width: 10em; }
|
||||
|
||||
#timeline {
|
||||
border-bottom: thin solid black;
|
||||
border-bottom: thin solid #eeeeee;
|
||||
font-family: Arvo;
|
||||
font-size: 1.5em; }
|
||||
font-size: 1.5em;
|
||||
padding: 0 2rem; }
|
||||
#timeline .timeline-desc {
|
||||
display: inline-block;
|
||||
width: 70%; }
|
||||
@ -76,65 +83,79 @@ body {
|
||||
width: 29%; }
|
||||
#timeline .drop-menu .drop-menu-items {
|
||||
text-align: right;
|
||||
right: 0; }
|
||||
right: 0;
|
||||
width: 172.41%; }
|
||||
#timeline .drop-menu .drop-menu-items .timeline-link {
|
||||
font-size: medium; }
|
||||
|
||||
#entry-list {
|
||||
margin-top: 6rem;
|
||||
padding-bottom: 1rem; }
|
||||
|
||||
#new-entry {
|
||||
margin-top: 5.5em;
|
||||
padding: 0.5em 0.5em; }
|
||||
#new-entry .mark-input, #new-entry .timestamp-input {
|
||||
border: solid thin #555555;
|
||||
-webkit-box-shadow: inset 0px 2px 4px #CCC;
|
||||
box-shadow: inset 0px 2px 4px #CCC;
|
||||
margin-bottom: 0.5em;
|
||||
font-family: Cantarell; }
|
||||
margin-top: 0.5rem;
|
||||
padding: 0 2rem; }
|
||||
#new-entry .mark-input {
|
||||
width: 78%; }
|
||||
#new-entry .edit-mark .mark-input {
|
||||
|
||||
#entries .entry {
|
||||
font-family: Cantarell;
|
||||
padding: 0 2rem; }
|
||||
#entries .entry div {
|
||||
display: inline-block; }
|
||||
#new-entry .edit-mark .mark {
|
||||
#entries .entry .timestamp, #entries .entry .timestamp-input {
|
||||
width: 10%; }
|
||||
#entries .entry .duration {
|
||||
width: 10%; }
|
||||
#entries .entry .mark {
|
||||
width: 78%; }
|
||||
#entries .entry .mark-input, #entries .entry .timestamp-input {
|
||||
display: none; }
|
||||
#new-entry .edit-timestamp .timestamp-input {
|
||||
#entries .entry .notes {
|
||||
display: none; }
|
||||
#entries .entry.edit-mark .mark-input {
|
||||
display: inline-block; }
|
||||
#new-entry .edit-timestamp .timestamp {
|
||||
#entries .entry.edit-mark .mark {
|
||||
display: none; }
|
||||
#entries .entry.edit-timestamp .timestamp-input {
|
||||
display: inline-block; }
|
||||
#entries .entry.edit-timestamp .timestamp {
|
||||
display: none; }
|
||||
|
||||
#entries {
|
||||
padding: 0.5em 0.5em; }
|
||||
#entries .entry {
|
||||
font-family: Cantarell; }
|
||||
#entries .entry div {
|
||||
display: inline-block; }
|
||||
#entries .entry .timestamp, #entries .entry .timestamp-input {
|
||||
width: 10%; }
|
||||
#entries .entry .duration {
|
||||
width: 10%; }
|
||||
#entries .entry .mark {
|
||||
width: 78%; }
|
||||
#entries .entry .mark-input, #entries .entry .timestamp-input {
|
||||
display: none; }
|
||||
#entries .entry .notes {
|
||||
display: none; }
|
||||
.day-seperator {
|
||||
background: #cccccc;
|
||||
color: #222222;
|
||||
font-family: Cantarell;
|
||||
font-weight: bold;
|
||||
margin-top: 1rem;
|
||||
padding: 0 2rem; }
|
||||
|
||||
.drop-menu {
|
||||
position: relative; }
|
||||
.drop-menu .drop-menu-items {
|
||||
background: white;
|
||||
display: none;
|
||||
list-style: none;
|
||||
position: absolute; }
|
||||
.drop-menu .drop-menu-items li {
|
||||
display: inline-block;
|
||||
padding-left: 0.5em; }
|
||||
.drop-menu:hover .drop-menu-items, .drop-menu .drop-menu-items:hover {
|
||||
display: block; }
|
||||
.drop-menu a {
|
||||
display: inline-block;
|
||||
text-decoration: none; }
|
||||
.drop-menu a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.footer {
|
||||
border-top: thin solid black;
|
||||
color: #888888;
|
||||
background: #222222;
|
||||
color: #eeeeee;
|
||||
font-family: Bentham;
|
||||
margin: 1em 0;
|
||||
padding-top: 1em;
|
||||
padding: 1rem 0;
|
||||
text-align: center;
|
||||
width: 100%; }
|
||||
.footer a {
|
||||
color: #888888;
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.footer a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
Reference in New Issue
Block a user