|
- .uiMessages{position:absolute;left:10px;bottom:10px;width:480px;pointer-events:none;display:flex;flex-direction:column}.uiMessages .filters{display:none;width:100%;flex-wrap:wrap}.uiMessages .filters .filter{height:100%;background-color:#373041;float:left;color:#505360;margin-right:10px;margin-bottom:10px;padding:5px 10px;cursor:pointer}.uiMessages .filters .filter:hover{background-color:#3c3f4c;color:#69696e}.uiMessages .filters .filter.active{background-color:#3c3f4c;color:#3fa7dd}.uiMessages .filters .filter.active:hover{background-color:#505360;color:#c0c3cf}.uiMessages .list{overflow-y:hidden;width:100%;max-height:320px}.uiMessages .list .list-message{display:none;width:100%;padding:5px 10px;color:#fff;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);word-wrap:break-word;line-height:18px}.uiMessages .list .list-message.q{color:#c0c3cf}.uiMessages .list .list-message.q0{color:#fcfcfc}.uiMessages .list .list-message.q1{color:#4ac441}.uiMessages .list .list-message a,.uiMessages .list .list-message.q2{color:#3fa7dd}.uiMessages .list .list-message.q3{color:#a24eff}.uiMessages .list .list-message.q4{color:#ff6942}.uiMessages .list .list-message.color-green{color:#80f643}.uiMessages .list .list-message.color-red{color:#d43346}.uiMessages .list .list-message.color-cyan{color:#48edff}.uiMessages .list .list-message.color-tealC{color:#44cb95}.uiMessages .list.rep .rep{display:block}.uiMessages .list.chat .chat{display:block}.uiMessages .list.info .info{display:block}.uiMessages .list.loot .loot{display:block}.uiMessages .bottom{display:none}.uiMessages .bottom .channelPicker{min-width:100px;color:1;display:flex;justify-content:center;align-items:center;color:#fcfcfc;background-color:#3a71ba;cursor:pointer;padding:0 10px}.uiMessages .bottom .channelPicker:after{content:'▾';margin-left:10px}.uiMessages .bottom .channelPicker:hover{background-color:#42548d}.uiMessages .bottom .el{flex:1;width:100%;color:#fcfcfc}.uiMessages .bottom .el.textbox.message{display:none;background-color:#3c3f4c;text-align:left;padding:5px 10px}.uiMessages .bottom.time{display:flex;align-items:center;padding-left:10px;background-color:transparent;height:35px;color:#fcfcfc;text-align:left;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.uiMessages .bottom.channelOptions{display:none;flex-direction:column;position:absolute;left:0;bottom:0;min-width:100px}.uiMessages .bottom.channelOptions .option{height:35px;display:flex;justify-content:center;align-items:center;color:#c0c3cf;background-color:#505360;cursor:pointer;padding:0 10px}.uiMessages .bottom.channelOptions .option:after{content:attr(shortcut);margin-left:10px;color:#929398}.uiMessages .bottom.channelOptions .option.selected,.uiMessages .bottom.channelOptions .option:hover{background-color:#69696e;color:#fcfcfc}.uiMessages.typing{box-shadow:0 -2px 0 #2d2136,0 2px 0 #2d2136,2px 0 0 #2d2136,-2px 0 0 #2d2136;pointer-events:all}.uiMessages.typing .filters{pointer-events:all;display:flex}.uiMessages.typing .list{overflow-y:auto;background-color:#373041}.uiMessages.typing .list .list-message{filter:none}.uiMessages.typing .bottom{display:flex}.uiMessages.typing .bottom .el.textbox.message:not(.input){display:block}.uiMessages.typing .time{display:none}.uiMessages.typing .channelOptions{display:none}.uiMessages.typing .channelOptions.active{display:flex}.uiMessages.active .list-message{opacity:1!important}.uiMessages.picking:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background-color:#312136;opacity:.7}.mobile .uiMessages{padding:0;pointer-events:all}.mobile .uiMessages .btnClose.active{float:right;margin-right:0;padding:5px 20px;color:#ff4252}.mobile .uiMessages input{display:none}.mobile .uiMessages .filters{margin-bottom:0;flex-shrink:0;background-color:#373041}.mobile .uiMessages .list{height:100%;max-height:100%}.mobile .uiMessages.typing{left:0;top:0;width:100%;height:100%;background-color:rgba(55,48,65,.9);display:flex;flex-direction:column;z-index:999999998}.mobile .uiMessages.typing .channelPicker{display:none}.mobile .uiMessages.typing .channelOptions{z-index:999999999}.mobile .uiMessages.typing .bottom .input{display:block;height:26px;flex-shrink:0}.mobile .uiMessages.typing .el.textbox.message:not(.input),.mobile .uiMessages.typing .time{display:none}.mobile .uiMessages.typing .keyboard{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#373041;justify-content:center;align-items:center;height:140px;flex-shrink:0}.mobile .uiMessages.typing .keyboard .key{flex:1;background-color:#505360;color:#fcfcfc;padding:8px 10px;text-align:center}.mobile .uiMessages.typing .keyboard .key.special{color:#ff6942}.mobile .uiMessages.typing .keyboard .key.hidden{color:#373041}.mobile .uiMessages.typing .keyboard .key.space{flex:5}.mobile .uiMessages.typing .keyboard .newline{width:100%}.mobile .uiMessages.typing .keyboard .gap{width:5%;flex-shrink:0}.mobile .uiMessages:not(.typing){top:10px;right:84px;left:auto;bottom:auto;width:64px;height:64px;background-color:rgba(55,48,65,.9)}.mobile .uiMessages:not(.typing):after{content:'';position:absolute;left:0;top:0;background:url(../../../images/uiIcons.png);background-position:0 -128px;width:64px;height:64px}.mobile .uiMessages:not(.typing)>*{display:none}
|
