You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1 lines
4.2 KiB

.ui.chat{background-color:#F8F8F8;width:330px;height:370px;padding:0}.ui.chat .room{position:relative;overflow:hidden;height:286px;border:1px solid #999;border-top:0;border-bottom:0}.ui.chat .room .throbber{display:none;margin:-25px 0 0 -25px}.ui.chat .actions{overflow:hidden;background-color:#EEE;padding:4px;border:1px solid #BBB;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.chat .actions .button{float:right;margin-left:3px}.ui.chat .actions .message{float:left;margin-left:6px;font-size:11px;color:#AAA;text-shadow:0 -1px 0 rgba(255,255,255,.8);line-height:28px}.ui.chat .actions .message .throbber{display:inline-block;margin-right:8px;vertical-align:middle;vertical-align:text-bottom}.ui.chat .log{float:left;overflow:auto;overflow-x:hidden;overflow-y:auto}.ui.chat .log .message{padding:3px 0;border-top:1px dotted #DADADA}.ui.chat .log .message:first-child{border-top:0}.ui.chat .status{padding:5px 0;color:#AAA;font-size:12px;font-style:italic;line-height:1.33;border-top:1px dotted #DADADA}.ui.chat .log .status:first-child{border-top:0}.ui.chat .log .flag{float:left}.ui.chat .log p{margin-left:0}.ui.chat .log .author{font-weight:700;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;-ms-transition:color .3s ease-out;transition:color .3s ease-out}.ui.chat .log a.author:hover{opacity:.8}.ui.chat .log .message.admin p{font-weight:700;margin:1px 0 0 23px}.ui.chat .log .divider{margin:-1px 0;font-size:11px;padding:10px 0;border-top:1px solid #F8F8F8;border-bottom:1px solid #F8F8F8}.ui.chat .log .divider .rule{top:50%;width:15%}.ui.chat .log .divider .label{color:#777;margin:0}.ui.chat .room .user-list{position:relative;overflow:auto;overflow-x:hidden;overflow-y:auto;float:left;background-color:#EEE;border-left:1px solid #DDD}.ui.chat .room .user-list .user{display:table;padding:3px 7px;border-bottom:1px solid #DDD}.ui.chat .room .user-list .user:hover{background-color:#F8F8F8}.ui.chat .room .user-list .image{display:table-cell;vertical-align:middle;width:20px}.ui.chat .room .user-list .image img{width:20px;height:20px;vertical-align:middle}.ui.chat .room .user-list p{display:table-cell;vertical-align:middle;padding-left:7px;padding-right:14px;font-size:11px;line-height:1.2;font-weight:700}.ui.chat .room .user-list a:hover{opacity:.8}.ui.chat.loading .throbber{display:block}.ui.chat .talk{border:1px solid #999;border-top:1px solid #BBB;padding:5px 0 0;background-color:#CCC;background:#fff -webkit-linear-gradient(top,#eee 0,#aaa 100%) repeat;background:#fff -moz-linear-gradient(top,#eee 0,#aaa 100%) repeat;background:#fff -o-linear-gradient(top,#eee 0,#aaa 100%) repeat;background:#fff -ms-linear-gradient(top,#eee 0,#aaa 100%) repeat;background:#fff linear-gradient(top,#eee 0,#aaa 100%) repeat;-webkit-box-shadow:0 1px 0 #FFF inset;-moz-box-shadow:0 1px 0 #FFF inset;box-shadow:0 1px 0 #FFF inset;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.ui.chat .talk .avatar,.ui.chat .talk input,.ui.chat .talk .button{float:left}.ui.chat .talk .avatar{border-top:1px solid #BBB;border-left:1px solid #BBB;width:30px;height:30px;margin:0 0 0 5px;background-color:#DADADA}.ui.chat .talk .avatar img{display:block;width:30px;height:30px;margin-right:4px}.ui.chat .talk input{border:1px solid #CCC;margin:0;width:196px;height:14px;padding:8px 5px;font-size:12px;color:#555}.ui.chat .talk input.focus{border:1px solid #AAA}.ui.chat .send{margin-left:-2px;width:54px;height:22px;line-height:23px;font-size:12px;padding:4px 12px;-moz-box-shadow:-2px 0 2px -2px rgba(0,0,0,.3);-webkit-box-shadow:-2px 0 2px -2px rgba(0,0,0,.3);box-shadow:-2px 0 2px -2px rgba(0,0,0,.3);border-radius:0 5px 5px 0}.ui.chat .talk .log-in.button{display:block;float:none;margin-top:-6px;height:22px;border-radius:0 0 4px 4px}.ui.chat .talk .log-in.button i{vertical-align:text-top}.ui.chat .log .team.flag{width:18px}.ui.chat.loading .throbber{display:block}.ui.chat{width:330px;height:370px}.ui.chat .room .container{width:3000px}.ui.chat .log{width:314px;height:278px;padding:4px 7px}.ui.chat .room .user-list{width:124px;height:278px;padding:4px 0}.ui.chat .room .user-list .user{width:110px}.ui.chat .talk{height:40px}