@import 'nib'

wet_asphalt = #2c3e50
midnight_blue = #34495e
concrete = #95a5a6
asbestos = #7f8c8d
nephritis = #2ecc71
pomegranate = #c0392b
clouds = #ecf0f1

*
  box-sizing(border-box)

html, body
  height: 100%
  // overflow-x: hidden
  min-width: 600px

.clearfix:before, .clearfix:after
  content: " "
  display: table

.clearfix:after
  clear: both

.clearfix
  *zoom: 1

.left
  float: left

.right
  float: right

ul, li
  margin: 0
  padding: 0

body
  font-family: Helvetica, sans-serif
  margin: 0

header
  padding: 10px
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5)
  z-index: 10
  position: absolute
  background: white
  width: 100%

.wrapper
  height: 100%
  padding-top: 50px

.sidebar
  height: 100%

.user-status-view
  *
    float: left
    margin-right: 10px

  span
    line-height: 30px

.avatar
  height: 30px
  width: 30px
  border-radius: 3px

.username
  font-weight: bold

#logo
  height: 35px

.info-panel
  background: clouds
  float: left

.project-list
  background: wet_asphalt
  height: 100%
  color: white
  width: 200px
  float: left
  padding: 10px

  ul
    list-style-type: none
    height: 100%

  li
    padding: 10px
    font-size: 20px
    cursor: pointer

  li:hover
    background: clouds