@import 'nib'

#chat, #nickname, #messages
  width 600px

#chat
  position relative
  border 1px solid #ccc

#nickname, #connecting
  position absolute
  height 410px
  z-index 100
  left 0
  top 0
  background #fff
  text-align center
  width 600px
  font 15px Georgia
  color #666
  display block
  .wrap
    padding-top 150px

#nickname
  input
    border 1px solid #ccc
    padding 10px
    &:focus
      border-color #999
      outline 0
  #nickname-err
    color darkred
    font-size 12px
    visibility hidden

.connected
  #connecting
    display none

.nickname-set
  #nickname
    display none

#messages
  height 380px
  background #eee
  em
    text-shadow 0 1px 0 #fff
    color #999
  p
    padding 0
    margin 0
    font 12px Helvetica, Arial
    padding 5px 10px
    b
      display inline-block
      padding-right 10px
  p:nth-child(even)
    background #fafafa
  #nicknames
    background #ccc
    padding 2px 4px 4px
    font 11px Helvetica
    span
      color black
    b
      display inline-block
      color #fff
      background #999
      padding 3px 6px
      margin-right 5px
      border-radius 10px
      text-shadow 0 1px 0 #666
  #lines
    height 355px
    overflow auto
    overflow-x hidden
    overflow-y auto
    &::-webkit-scrollbar
      width 6px
      height 6px
    &::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment
      display block
      height 10px
    &::-webkit-scrollbar-button:vertical:increment
      background-color #fff
    &::-webkit-scrollbar-track-piece
      background-color #fff
      -webkit-border-radius 3px
    &::-webkit-scrollbar-thumb:vertical
      height 50px
      background-color #ccc
      -webkit-border-radius 3px
    &::-webkit-scrollbar-thumb:horizontal
      width 50px
      background-color #fff
      -webkit-border-radius 3px

#send-message
  background #fff
  position relative
  input
    border none
    height 30px
    padding 0 10px
    line-height 30px
    vertical-align middle
    width 580px
    &:focus
      outline 0
  button
    position absolute
    top 5px
    right 5px

button
  download-button()
