habitica/public/css/game-pane.styl

.full-width
    width 100%

.border-right
    border-right 1px solid #ddd

.tab-notification
    color #fff
    background-color #51a351

.tavern-pane
    position relative
    height 250px
    
.chat-form
  position: relative
  z-index: 10

.tavern-chat, .party-chat

  li
    padding-top:15px
    padding-bottom:15px
    border-bottom 1px solid #ddd
    word-wrap:break-word
    position:relative

    &.highlight
      background #EEE
      
    label
        margin-right:5px
    
    .float-label
      float:left
      position:absolute
      top:17px;
    
    .hidden-label
      visibility:hidden
      
    .scrollable-message
      max-height:80px
      overflow-y:auto
    
    .expander
      float: right
      position: absolute
      bottom: 18px
      right: 20px
      background: white
      max-width: 20px
      max-height: 20px
      width: 100%
      height: 100%
      text-align: center

  .own-message
    border-left: 4px solid #333
    padding-left: 2px
    
  markdown
  
    p:first-child
      display:inline
      
    img
      max-height:50px
      vertical-align:top

    li
      border:0
      padding-top:0px
      padding-bottom:0px

// Name tags
.label-contributor-1, .label-contributor-2
  background-color: #333;
.label-contributor-3, .label-contributor-4
  background-color: #077409
  color: white
.label-contributor-5, .label-contributor-6
  background-color: #125BA2
  color: white
.label-contributor-7
  background-color: #7313B4
  color: white
.label-contributor-8
  background-color: #ff8000
  color: white
.label-npc
  background-color: indianred
  color: white

#market-tab
    position relative
    height 500px

.buttonList li
    margin: 5px
    
.option-group .option-time
    padding: 0px 5px

// Autocomplete [TODO] make this nicer
.list-at-user {
    width: 100%;
    max-width: 120px;
    position: absolute;
    background: white;
    border: 1px solid #a4a4a4;
    z-index: 10;
}

.list-at-user li {
    line-height:14px;
    border-bottom: 1px solid #a4a4a4;
    list-style-type: none;
}

.list-at-user li:hover {
    cursor: pointer;
    background: #b9dff4;
}

.list-at-user li span {
    margin: 2px;
    font-size: 11.844px;
    margin-left: 5px;
    display: inline-block;
}

.list-cur {
    background: #b9dff4;
}