diff --git a/app/styles/_layout.sass b/app/styles/_layout.sass index f28c98a..8d5717d 100644 --- a/app/styles/_layout.sass +++ b/app/styles/_layout.sass @@ -19,12 +19,17 @@ body margin: 0 auto -50px padding: 0 +#header + background: rgba(#fff,.6) + box-shadow: none + border: none + #footer position: fixed bottom: 0 width: 100% height: 50px - background-color: rgba(#f0f0f0,.8) + background-color: rgba(#fff,.3) .invisible height: 0 diff --git a/app/styles/_users.sass b/app/styles/_users.sass index f135684..bd68bb8 100644 --- a/app/styles/_users.sass +++ b/app/styles/_users.sass @@ -8,7 +8,6 @@ $user-size: 74px height: $user-size margin-left: -$user-size / 2 text-align: center - .avatar position: relative width: $user-size @@ -18,7 +17,7 @@ $user-size: 74px top: 0 bottom: 0 z-index: -1 - fill: rgba(#0088cc, .5) + fill: rgba(#0088cc,.5) .gravatar position: absolute @@ -35,7 +34,7 @@ $user-size: 74px .user-info position: absolute - top: $user-size + 4px + top: $user-size left: 50% width: 140px margin-left: -70px @@ -53,7 +52,7 @@ $user-size: 74px color: #808080 .user-connected display: inline-block - background: #73b806 + background: rgba(#73b806,.5) width: 6px height: 6px vertical-align: middle @@ -113,7 +112,7 @@ $user-size: 74px margin-left: -$user-size / 2 bottom: 90px .user-info - top: $user-size - 10 + 4px + top: $user-size &.others .peer:not(.disconnected) @@ -122,7 +121,7 @@ $user-size: 74px &:hover +scale(1.1) .gravatar - border-color: rgba(#0088cc, .8) + border-color: rgba(#0088cc,.8) +keyframes(shadow) 0%