habitica/public/css/game-pane.styl

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

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

.chat-form
  margin-bottom: 10px
  position: relative

  textarea
    margin-bottom: 5px

.chat-message
  markdown, span.time
    padding: 0 3px

  .chat-plus-one
    opacity: 0
    background-color: #eee
    padding: 3px 3px 0px 3px

  &:hover .chat-plus-one
    opacity: 1
    color: #999

.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

.panel-tiers
  div
    display: none
    margin-top: 10px

// 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
add separate game-pane from tasks-pane, make layout smoother #828 2013-05-02 12:17:04 +00:00			`.border-right`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00			`border-right 1px solid #ddd`
add separate game-pane from tasks-pane, make layout smoother #828 2013-05-02 12:17:04 +00:00
			`.tab-notification`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00			`color #fff`
			`background-color #51a351`
add in daniel / tavern tab content 2013-05-02 14:01:11 +00:00
fix for https://github.com/HabitRPG/habitrpg/issues/1900 2013-11-24 00:45:14 +00:00			`.chat-form`
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc 2014-02-05 18:05:42 +00:00			`margin-bottom: 10px`
fix(chat): autocomplete list aligns properly with the @ symbol again 2014-03-05 02:54:58 +00:00			`position: relative`
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc 2014-02-05 18:05:42 +00:00
			`textarea`
			`margin-bottom: 5px`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00
refactor(bs3): css 2014-02-09 15:16:43 +00:00			`.chat-message`
			`markdown, span.time`
			`padding: 0 3px`

			`.chat-plus-one`
			`opacity: 0`
			`background-color: #eee`
			`padding: 3px 3px 0px 3px`

			`&:hover .chat-plus-one`
			`opacity: 1`
			`color: #999`
chat: add +1 (like) to messages. @snicker does views/options/social/chat-message.jade flag you for any performance issues which should be optimized with bindonce? (I'm still a bit of a bo-noob) 2014-01-06 05:10:34 +00:00
Merge develop and add functionality to party chat 2013-05-05 17:07:36 +00:00			`.tavern-chat, .party-chat`
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc 2014-02-05 18:05:42 +00:00
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00			`li`
chat functions better with just some padding rather than hight & line-height (see multi-line chats with the large line-height) 2013-05-05 22:34:14 +00:00			`padding-top:15px`
			`padding-bottom:15px`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00			`border-bottom 1px solid #ddd`
Moar fixes to my own code, for consistency 2013-07-02 09:25:00 +00:00			`word-wrap:break-word`
making it nicer to be in chat if someone decides to post spammy crap or huge images 2013-11-23 05:15:28 +00:00			`position:relative`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00
			`&.highlight`
			`background #EEE`
Update game-pane.styl This had been bugging me... Adds a 5px space between chat labels and chat text. Untested so probably should double check it first. 2013-09-05 16:17:41 +00:00
			`label`
			`margin-right:5px`
making it nicer to be in chat if someone decides to post spammy crap or huge images 2013-11-23 05:15:28 +00:00
			`.float-label`
			`float:left`
			`position:absolute`
			`top:17px;`

			`.hidden-label`
			`visibility:hidden`

			`.scrollable-message`
fix for https://github.com/HabitRPG/habitrpg/issues/1903 2013-11-24 00:20:34 +00:00			`max-height:80px`
making it nicer to be in chat if someone decides to post spammy crap or huge images 2013-11-23 05:15:28 +00:00			`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`
add in alexander the merchant 2013-05-02 14:12:00 +00:00
contrib: add name-tag colors based on contributor level 2013-11-07 19:24:38 +00:00			`.own-message`
			`border-left: 4px solid #333`
			`padding-left: 2px`
super awesome mega-fix with unintended awesome collateral-fixes * markdown supported in chat * by proxy, paragraphs are also supported in chat now * AND EVEN PROXIER, the issue with emoji not showing properly is fixed 2013-11-22 18:38:40 +00:00
			`markdown`

			`p:first-child`
			`display:inline`
making it nicer to be in chat if someone decides to post spammy crap or huge images 2013-11-23 05:15:28 +00:00
			`img`
			`max-height:50px`
			`vertical-align:top`
contrib: add name-tag colors based on contributor level 2013-11-07 19:24:38 +00:00
removes line on li elements in markdown, fixes #1951 2013-12-02 23:37:09 +00:00			`li`
			`border:0`
Remove padding from <li> when used in Markdown 2013-12-27 14:56:55 +00:00			`padding-top:0px`
			`padding-bottom:0px`
removes line on li elements in markdown, fixes #1951 2013-12-02 23:37:09 +00:00
refactor(bs3): css 2014-02-09 15:16:43 +00:00			`.panel-tiers`
			`div`
			`display: none`
			`margin-top: 10px`

contrib: add name-tag colors based on contributor level 2013-11-07 19:24:38 +00:00			`// 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`
add GET /groups/:gid, champ/elite/master tiers, chat sync button 2013-09-07 01:03:44 +00:00
add in alexander the merchant 2013-05-02 14:12:00 +00:00			`#market-tab`
Highlight username in tavernchat 2013-05-04 17:15:47 +00:00			`position relative`
			`height 500px`
tavern: show zzz's if they're checked in 2013-05-10 11:25:24 +00:00
Margin on Buttons for #996 & 128eb8a 2013-05-20 08:59:36 +00:00			`.buttonList li`
add margin-right to all .btn, typo in stylus, add build to .nodemonignore 2013-09-11 18:36:57 +00:00			`margin: 5px`
fixes 1116 2013-06-05 21:31:56 +00:00
			`.option-group .option-time`
Autocompletion of nicknames in chat works. this commit will require a npm install to fetch new packages 2013-11-12 06:32:52 +00:00			`padding: 0px 5px`

			`// Autocomplete [TODO] make this nicer`
refactor(bs3): css 2014-02-09 15:16:43 +00:00			`.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`