2
* # Semantic - Chat Room
3
* http://github.com/jlukic/semantic-ui/
6
* Copyright 2014 Contributors
7
* Released under the MIT license
8
* http://opensource.org/licenses/MIT
12
/*******************************
14
*******************************/
17
background-color: #F8F8F8;
24
background-color: #FFFFFF;
27
border: 1px solid rgba(0, 0, 0, 0.1);
31
.ui.chatroom .room .loader {
33
margin: -25px 0px 0px -25px;
35
/* Chat Room Actions */
36
.ui.chatroom .actions {
38
background-color: #EEEEEE;
40
border: 1px solid rgba(0, 0, 0, 0.1);
41
border-radius: 5px 5px 0px 0px;
43
.ui.chatroom .actions .button {
48
/* Online User Count */
49
.ui.chatroom .actions .message {
54
text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
57
.ui.chatroom .actions .message .loader {
58
display: inline-block;
63
/* Chat Room Text Log */
71
.ui.chatroom .log .message {
73
border-top: 1px dotted #DADADA;
75
.ui.chatroom .log .message:first-child {
79
.ui.chatroom .status {
86
border-top: 1px dotted #DADADA;
88
.ui.chatroom .log .status:first-child {
94
.ui.chatroom .log .flag {
100
.ui.chatroom .log .author {
102
-webkit-transition: color 0.3s ease-out;
103
-moz-transition: color 0.3s ease-out;
104
transition: color 0.3s ease-out;
106
.ui.chatroom .log a.author:hover {
110
.ui.chatroom .log .message.admin p {
112
margin: 1px 0px 0px 23px;
114
.ui.chatroom .log .divider {
118
border-top: 1px solid #F8F8F8;
119
border-bottom: 1px solid #F8F8F8;
121
.ui.chatroom .log .divider .rule {
126
.ui.chatroom .log .divider .label {
131
/* Chat Room User List */
132
.ui.chatroom .room .list {
139
background-color: #EEEEEE;
140
border-left: 1px solid #DDDDDD;
142
.ui.chatroom .room .list .user {
145
border-bottom: 1px solid #DDDDDD;
147
.ui.chatroom .room .list .user:hover {
148
background-color: #F8F8F8;
150
.ui.chatroom .room .list .image {
152
vertical-align: middle;
155
.ui.chatroom .room .list .image img {
158
vertical-align: middle;
160
.ui.chatroom .room .list p {
162
vertical-align: middle;
169
.ui.chatroom .room .list a:hover {
173
/* User List Loading */
174
.ui.chatroom.loading .loader {
180
/* Chat Room Talk Input */
182
border: 1px solid rgba(0, 0, 0, 0.1);
183
padding: 5px 0px 0px;
185
background-color: #EEEEEE;
186
border-radius: 0px 0px 5px 5px;
188
.ui.chatroom .talk .avatar,
189
.ui.chatroom .talk input,
190
.ui.chatroom .talk .button {
194
.ui.chatroom .talk .avatar img {
199
border-radius: 500rem;
201
.ui.chatroom .talk input {
202
border: 1px solid #CCCCCC;
210
.ui.chatroom .talk input.focus {
211
border: 1px solid #AAAAAA;
222
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
223
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
225
border-radius: 0 5px 5px 0;
227
.ui.chatroom .talk .log-in.button {
232
border-radius: 0px 0px 4px 4px;
234
.ui.chatroom .talk .log-in.button i {
235
vertical-align: text-top;
239
.ui.chatroom .log .team.flag {
243
/* Chat room Loaded */
244
.ui.chatroom.loading .loader {
254
.ui.chatroom .room .container {
262
.ui.chatroom .room .list {
267
.ui.chatroom .room .list .user {
b'\\ No newline at end of file'