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

.tavern-chat, .party-chat

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

    &.highlight
      background #EEE
      
    label
        margin-right:5px

  .own-message
    border-left: 4px solid #333
    padding-left: 2px
    
  markdown
  
    p:first-child
      display:inline

// 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;
}