c9-core/plugins/c9.ide.collab/chat/chat.css

112 wiersze
2.5 KiB
CSS

#chatThrob {
display: none;
position: absolute;
bottom: 40px;
font-size: 12px;
width: 150px;
height: 40px;
right: 20px;
z-index: 1000;
color: rgb(39, 39, 39);
background-color: rgb(236, 236, 236);
background-color: rgba(236, 236, 236, 0.7);
padding: 10px;
border-radius: 6px;
opacity: .8;
}
.chatContainer{
display: flex;
flex-direction: column;
}
.chatText a {
color: #909090;
}
.chatText {
overflow: auto;
font-size: @collab-chat-font-size;
padding: 0 0 0 0;
background: @collab-chat-background;
flex: 1;
}
.chatText p {
padding: @collab-chat-item-padding;
word-wrap: break-word;
border-bottom : @collab-chat-item-border-bottom;
border-top : @collab-chat-item-border-top;
position : relative;
margin : 0;
}
.chatText p:first-child{
border-top: 0;
}
.chatText .chatBorder{
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : 0;
border-left : @collab-chat-color-size solid white;
}
.chatText .emoji {
vertical-align: middle;
}
.chatText .authorName {
text-decoration: none;
color: @collab-chat-author-color;
display : block;
}
.chatText .chatmessage {
color : @collab-chat-message-color;
display : block;
padding: 3px 0 0 0;
}
.chatText .chattime {
position : absolute;
right: @collab-chat-time-right;
top: @collab-chat-time-top;
color: @collab-chat-time-color;
font-size: 10px;
font-weight: @collab-chat-time-font-weight;
text-shadow: @collab-chat-time-text-shadow;
}
.chatContainer .searchTxt.tb_console {
background: @collab-chat-input-background;
height:30px;
padding: 0;
cursor: text;
flex-shrink: 0;
}
.chatContainer .searchTxt.tb_console .sbtb_middle{
min-height : 37px;
border-color: @collab-chat-input-border-color;
border-radius: 0;
border-width: 1px 0 0 0;
box-shadow: @collab-chat-input-box-shadow;
background: @collab-chat-input-background;
padding: 4px 4px 3px 4px;
}
.chatContainer .tb_textboxInitialMsg {
color: #B9B9B9 !important;
text-indent: 3px;
text-shadow: none;
}
.chatContainer .searchbox .sbtb_middle .input{
color: @collab-chat-input-color;
font-smoothing: @collab-chat-input-font-smoothing;
}
.chatContainer .ace-tm .ace_marker-layer .ace_selection {
background: @collab-chat-input-selection-color;
}
.chatContainer .ace-tm .ace_cursor {
color : @collab-chat-input-cursor-color;
}
#chatCounter {
color: #777;
font-size: 10px;
vertical-align: middle;
}