conversejs-rails 1.0.4 → 3.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +1 -1
  3. data/lib/conversejs/rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/converse.js +61730 -36777
  5. data/vendor/assets/stylesheets/converse.css +1052 -378
  6. metadata +2 -2
data/vendor/assets/stylesheets/converse.css CHANGED
@@ -2,19 +2,18 @@
2
2
  * Converse.js (Web-based XMPP instant messaging client)
3
3
  * http://conversejs.org
4
4
  *
5
- * Copyright (c) 2012-2014, JC Brand <jc@opkode.com>
5
+ * Copyright (c) 2012-2016, JC Brand <jc@opkode.com>
6
6
  * Licensed under the Mozilla Public License
7
7
  */
8
- /*
8
+ /*
9
9
  Color scheme helpers:
10
10
  https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
11
- http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
11
+ http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
12
12
  */
13
- /* $font-path: "../fonticons/fonts/" !default; */
14
13
  @font-face {
15
14
  font-family: 'Converse-js';
16
- src: url("https://cdn.conversejs.org/fonticons/fonts/icomoon.eot?-mnoxh0");
17
- src: url("https://cdn.conversejs.org/fonticons/fonts/icomoon.eot?#iefix-mnoxh0") format("embedded-opentype"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.woff?-mnoxh0") format("woff"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.ttf?-mnoxh0") format("truetype"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.svg?-mnoxh0#icomoon") format("svg");
15
+ src: url("../fonticons/fonts/icomoon.eot?wvi0ht");
16
+ src: url("../fonticons/fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("../fonticons/fonts/icomoon.ttf?wvi0ht") format("truetype"), url("../fonticons/fonts/icomoon.woff?wvi0ht") format("woff"), url("../fonticons/fonts/icomoon.svg?wvi0ht#icomoon") format("svg");
18
17
  font-weight: normal;
19
18
  font-style: normal; }
20
19
  .icon-conversejs {
@@ -32,193 +31,288 @@
32
31
  .icon-conversejs:before {
33
32
  content: "\e600"; }
34
33
 
34
+ #converse-embedded-chat .icon-address-book:before,
35
35
  #conversejs .icon-address-book:before {
36
36
  content: "\270f"; }
37
+ #converse-embedded-chat .icon-angry:before,
37
38
  #conversejs .icon-angry:before {
38
39
  content: "\e03f"; }
40
+ #converse-embedded-chat .icon-attachment:before,
39
41
  #conversejs .icon-attachment:before {
40
42
  content: "\e032"; }
43
+ #converse-embedded-chat .icon-away:before,
41
44
  #conversejs .icon-away:before {
42
45
  content: "\25fb"; }
46
+ #converse-embedded-chat .icon-blocked:before,
43
47
  #conversejs .icon-blocked:before {
44
48
  content: "\2718"; }
49
+ #converse-embedded-chat .icon-bold:before,
45
50
  #conversejs .icon-bold:before {
46
51
  content: "\e04d"; }
52
+ #converse-embedded-chat .icon-bubbles-2:before,
47
53
  #conversejs .icon-bubbles-2:before {
48
54
  content: "\e016"; }
55
+ #converse-embedded-chat .icon-bubbles-3:before,
49
56
  #conversejs .icon-bubbles-3:before {
50
57
  content: "\e017"; }
58
+ #converse-embedded-chat .icon-bubbles:before,
51
59
  #conversejs .icon-bubbles:before {
52
60
  content: "\e015"; }
61
+ #converse-embedded-chat .icon-camera-2:before,
53
62
  #conversejs .icon-camera-2:before {
54
63
  content: "\2616"; }
64
+ #converse-embedded-chat .icon-camera:before,
55
65
  #conversejs .icon-camera:before {
56
66
  content: "\e003"; }
67
+ #converse-embedded-chat .icon-cancel-circle:before,
57
68
  #conversejs .icon-cancel-circle:before {
58
69
  content: "\e058"; }
70
+ #converse-embedded-chat .icon-chat:before,
71
+ #conversejs .icon-chat:before {
72
+ content: "\25fc"; }
73
+ #converse-embedded-chat .icon-checkbox-checked:before,
59
74
  #conversejs .icon-checkbox-checked:before {
60
75
  content: "\2611"; }
76
+ #converse-embedded-chat .icon-checkbox-partial:before,
61
77
  #conversejs .icon-checkbox-partial:before {
62
78
  content: "\2b28"; }
79
+ #converse-embedded-chat .icon-checkbox-unchecked:before,
63
80
  #conversejs .icon-checkbox-unchecked:before {
64
81
  content: "\2b27"; }
82
+ #converse-embedded-chat .icon-checkmark:before,
65
83
  #conversejs .icon-checkmark:before {
66
84
  content: "\2713"; }
85
+ #converse-embedded-chat .icon-close:before,
67
86
  #conversejs .icon-close:before {
68
87
  content: "\2715"; }
88
+ #converse-embedded-chat .icon-closed:before,
69
89
  #conversejs .icon-closed:before {
70
90
  content: "\25ba"; }
91
+ #converse-embedded-chat .icon-cog:before,
71
92
  #conversejs .icon-cog:before {
72
93
  content: "\e02f"; }
94
+ #converse-embedded-chat .icon-cogs:before,
73
95
  #conversejs .icon-cogs:before {
74
96
  content: "\e022"; }
97
+ #converse-embedded-chat .icon-confused:before,
75
98
  #conversejs .icon-confused:before {
76
99
  content: "\2368"; }
100
+ #converse-embedded-chat .icon-cool:before,
77
101
  #conversejs .icon-cool:before {
78
102
  content: "\e040"; }
103
+ #converse-embedded-chat .icon-database:before,
104
+ #conversejs .icon-database:before {
105
+ content: "\f1c0"; }
106
+ #converse-embedded-chat .icon-dnd:before,
79
107
  #conversejs .icon-dnd:before {
80
108
  content: "\e004"; }
109
+ #converse-embedded-chat .icon-envelop:before,
81
110
  #conversejs .icon-envelop:before {
82
111
  content: "\2709"; }
112
+ #converse-embedded-chat .icon-evil:before,
83
113
  #conversejs .icon-evil:before {
84
114
  content: "\261f"; }
115
+ #converse-embedded-chat .icon-eye-blocked:before,
85
116
  #conversejs .icon-eye-blocked:before {
86
117
  content: "\e031"; }
118
+ #converse-embedded-chat .icon-eye:before,
87
119
  #conversejs .icon-eye:before {
88
120
  content: "\e030"; }
121
+ #converse-embedded-chat .icon-globe:before,
89
122
  #conversejs .icon-globe:before {
90
- content: "\e033"; }
123
+ content: "\f0ac"; }
124
+ #converse-embedded-chat .icon-grin:before,
91
125
  #conversejs .icon-grin:before {
92
126
  content: "\e041"; }
127
+ #converse-embedded-chat .icon-happy:before,
93
128
  #conversejs .icon-happy:before {
94
129
  content: "\263b"; }
130
+ #converse-embedded-chat .icon-headphones:before,
95
131
  #conversejs .icon-headphones:before {
96
132
  content: "\266c"; }
133
+ #converse-embedded-chat .icon-heart:before,
97
134
  #conversejs .icon-heart:before {
98
135
  content: "\2764"; }
136
+ #converse-embedded-chat .icon-hide-users:before,
99
137
  #conversejs .icon-hide-users:before {
100
138
  content: "\e01c"; }
139
+ #converse-embedded-chat .icon-home:before,
101
140
  #conversejs .icon-home:before {
102
141
  content: "\e000"; }
142
+ #converse-embedded-chat .icon-idcard-dark:before,
143
+ #conversejs .icon-idcard-dark:before {
144
+ content: "\f2c2"; }
145
+ #converse-embedded-chat .icon-idcard:before,
146
+ #conversejs .icon-idcard:before {
147
+ content: "\f2c3"; }
148
+ #converse-embedded-chat .icon-image:before,
103
149
  #conversejs .icon-image:before {
104
150
  content: "\2b14"; }
105
- #conversejs .icon-info:before {
106
- content: "\2360"; }
151
+ #converse-embedded-chat .icon-info-2:before,
107
152
  #conversejs .icon-info-2:before {
108
153
  content: "i"; }
154
+ #converse-embedded-chat .icon-info:before,
155
+ #conversejs .icon-info:before {
156
+ content: "\2360"; }
157
+ #converse-embedded-chat .icon-italic:before,
109
158
  #conversejs .icon-italic:before {
110
159
  content: "\e04f"; }
160
+ #converse-embedded-chat .icon-key-2:before,
111
161
  #conversejs .icon-key-2:before {
112
162
  content: "\e029"; }
163
+ #converse-embedded-chat .icon-key:before,
113
164
  #conversejs .icon-key:before {
114
165
  content: "\e028"; }
115
- #conversejs .icon-lock-2:before {
116
- content: "\e027"; }
166
+ #converse-embedded-chat .icon-legal:before,
167
+ #conversejs .icon-legal:before {
168
+ content: "\f0e3"; }
169
+ #converse-embedded-chat .icon-lock:before,
117
170
  #conversejs .icon-lock:before {
118
- content: "\e026"; }
171
+ content: "\e027"; }
172
+ #converse-embedded-chat .icon-logout:before,
119
173
  #conversejs .icon-logout:before {
120
174
  content: "\e601"; }
175
+ #converse-embedded-chat .icon-leave:before,
176
+ #conversejs .icon-leave:before {
177
+ content: "\e601"; }
178
+ #converse-embedded-chat .icon-minus:before,
121
179
  #conversejs .icon-minus:before {
122
180
  content: "\e05a"; }
181
+ #converse-embedded-chat .icon-music:before,
123
182
  #conversejs .icon-music:before {
124
183
  content: "\266b"; }
184
+ #converse-embedded-chat .icon-new-tab:before,
125
185
  #conversejs .icon-new-tab:before {
126
186
  content: "\e053"; }
187
+ #converse-embedded-chat .icon-newspaper:before,
127
188
  #conversejs .icon-newspaper:before {
128
189
  content: "\e001"; }
190
+ #converse-embedded-chat .icon-notebook:before,
129
191
  #conversejs .icon-notebook:before {
130
192
  content: "\2710"; }
193
+ #converse-embedded-chat .icon-notification:before,
131
194
  #conversejs .icon-notification:before {
132
195
  content: "\e01f"; }
196
+ #converse-embedded-chat .icon-offline:before,
197
+ #conversejs .icon-offline:before {
198
+ content: "\e002"; }
199
+ #converse-embedded-chat .icon-online:before,
133
200
  #conversejs .icon-online:before {
134
201
  content: "\25fc"; }
135
- #conversejs .icon-chat:before {
136
- content: "\25fc"; }
202
+ #converse-embedded-chat .icon-opened:before,
137
203
  #conversejs .icon-opened:before {
138
204
  content: "\25bc"; }
205
+ #converse-embedded-chat .icon-pencil:before,
139
206
  #conversejs .icon-pencil:before {
140
207
  content: "\270e"; }
208
+ #converse-embedded-chat .icon-phone-hang-up:before,
141
209
  #conversejs .icon-phone-hang-up:before {
142
210
  content: "\260e"; }
211
+ #converse-embedded-chat .icon-phone:before,
143
212
  #conversejs .icon-phone:before {
144
213
  content: "\260f"; }
214
+ #converse-embedded-chat .icon-play:before,
145
215
  #conversejs .icon-play:before {
146
216
  content: "\25d9"; }
217
+ #converse-embedded-chat .icon-plus:before,
147
218
  #conversejs .icon-plus:before {
148
219
  content: "\271a"; }
220
+ #converse-embedded-chat .icon-pushpin:before,
149
221
  #conversejs .icon-pushpin:before {
150
222
  content: "\e012"; }
223
+ #converse-embedded-chat .icon-quotes-left:before,
151
224
  #conversejs .icon-quotes-left:before {
152
225
  content: "\e01d"; }
226
+ #converse-embedded-chat .icon-radio-checked:before,
153
227
  #conversejs .icon-radio-checked:before {
154
228
  content: "\2b26"; }
229
+ #converse-embedded-chat .icon-radio-unchecked:before,
155
230
  #conversejs .icon-radio-unchecked:before {
156
231
  content: "\2b25"; }
232
+ #converse-embedded-chat .icon-remove:before,
157
233
  #conversejs .icon-remove:before {
234
+ content: "\2715"; }
235
+ #converse-embedded-chat .icon-trash:before,
236
+ #conversejs .icon-trash:before {
158
237
  content: "\e02d"; }
238
+ #converse-embedded-chat .icon-room-info:before,
159
239
  #conversejs .icon-room-info:before {
160
240
  content: "\e059"; }
241
+ #converse-embedded-chat .icon-sad:before,
161
242
  #conversejs .icon-sad:before {
162
243
  content: "\2639"; }
244
+ #converse-embedded-chat .icon-save:before,
245
+ #conversejs .icon-save:before {
246
+ content: "\f0c7"; }
247
+ #converse-embedded-chat .icon-search:before,
163
248
  #conversejs .icon-search:before {
164
249
  content: "\e021"; }
250
+ #converse-embedded-chat .icon-shocked:before,
165
251
  #conversejs .icon-shocked:before {
166
252
  content: "\2364"; }
253
+ #converse-embedded-chat .icon-show-users:before,
167
254
  #conversejs .icon-show-users:before {
168
255
  content: "\e01e"; }
256
+ #converse-embedded-chat .icon-smiley:before,
169
257
  #conversejs .icon-smiley:before {
170
258
  content: "\263a"; }
259
+ #converse-embedded-chat .icon-snowflake:before,
260
+ #conversejs .icon-snowflake:before {
261
+ content: "\f2dc"; }
262
+ #converse-embedded-chat .icon-spell-check:before,
171
263
  #conversejs .icon-spell-check:before {
172
264
  content: "\e045"; }
265
+ #converse-embedded-chat .icon-spinner:before,
173
266
  #conversejs .icon-spinner:before {
174
267
  content: "\231b"; }
268
+ #converse-embedded-chat .icon-strikethrough:before,
175
269
  #conversejs .icon-strikethrough:before {
176
270
  content: "\e050"; }
271
+ #converse-embedded-chat .icon-thumbs-up:before,
177
272
  #conversejs .icon-thumbs-up:before {
178
273
  content: "\261d"; }
274
+ #converse-embedded-chat .icon-tongue:before,
179
275
  #conversejs .icon-tongue:before {
180
276
  content: "\e038"; }
277
+ #converse-embedded-chat .icon-unavailable:before,
278
+ #converse-embedded-chat .icon-underline:before,
279
+ #conversejs .icon-unavailable:before,
181
280
  #conversejs .icon-underline:before {
182
281
  content: "\e04e"; }
282
+ #converse-embedded-chat .icon-unlocked:before,
183
283
  #conversejs .icon-unlocked:before {
184
284
  content: "\e025"; }
285
+ #converse-embedded-chat .icon-user:before,
185
286
  #conversejs .icon-user:before {
186
287
  content: "\e01a"; }
288
+ #converse-embedded-chat .icon-users:before,
187
289
  #conversejs .icon-users:before {
188
290
  content: "\e01b"; }
189
- #conversejs .icon-volume-decrease:before {
190
- content: "\e04b"; }
191
- #conversejs .icon-volume-high:before {
192
- content: "\e046"; }
193
- #conversejs .icon-volume-increase:before {
194
- content: "\e04c"; }
195
- #conversejs .icon-volume-low:before {
196
- content: "\e048"; }
197
- #conversejs .icon-volume-medium:before {
198
- content: "\e047"; }
199
- #conversejs .icon-volume-mute-2:before {
200
- content: "\e04a"; }
201
- #conversejs .icon-volume-mute:before {
202
- content: "\e049"; }
291
+ #converse-embedded-chat .icon-warning:before,
203
292
  #conversejs .icon-warning:before {
204
293
  content: "\26a0"; }
294
+ #converse-embedded-chat .icon-wink:before,
205
295
  #conversejs .icon-wink:before {
206
296
  content: "\e03a"; }
297
+ #converse-embedded-chat .icon-wondering:before,
207
298
  #conversejs .icon-wondering:before {
208
299
  content: "\2369"; }
300
+ #converse-embedded-chat .icon-wrench:before,
209
301
  #conversejs .icon-wrench:before {
210
302
  content: "\e024"; }
303
+ #converse-embedded-chat .icon-xa:before,
211
304
  #conversejs .icon-xa:before {
212
305
  content: "\e602"; }
213
- #conversejs .icon-unavailable:before,
214
- #conversejs .icon-offline:before {
215
- content: "\e002"; }
306
+ #converse-embedded-chat .icon-youtube:before,
216
307
  #conversejs .icon-youtube:before {
217
308
  content: "\e055"; }
309
+ #converse-embedded-chat .icon-zoom-in:before,
218
310
  #conversejs .icon-zoom-in:before {
219
311
  content: "\e02b"; }
312
+ #converse-embedded-chat .icon-zoom-out:before,
220
313
  #conversejs .icon-zoom-out:before {
221
314
  content: "\e02a"; }
315
+ #converse-embedded-chat [data-icon]:before,
222
316
  #conversejs [data-icon]:before {
223
317
  content: attr(data-icon);
224
318
  font-family: 'Converse-js';
@@ -230,7 +324,9 @@
230
324
  /* Better Font Rendering =========== */
231
325
  -webkit-font-smoothing: antialiased;
232
326
  -moz-osx-font-smoothing: grayscale; }
233
- #conversejs [class^="icon-"]:before, #conversejs [class*=" icon-"]:before {
327
+ #converse-embedded-chat [class^="icon-"]:before, #converse-embedded-chat [class*=" icon-"]:before,
328
+ #conversejs [class^="icon-"]:before,
329
+ #conversejs [class*=" icon-"]:before {
234
330
  background-position: 14px 14px;
235
331
  background-image: none;
236
332
  font-family: 'Converse-js';
@@ -759,7 +855,7 @@
759
855
  margin: 0.5em 0 0.2em; }
760
856
  #conversejs .pure-form fieldset {
761
857
  margin: 0;
762
- padding: 0.35em 0 0.75em;
858
+ padding: 0.35em 0 0.35em;
763
859
  border: 0; }
764
860
  #conversejs .pure-form legend {
765
861
  display: block;
@@ -1044,14 +1140,16 @@
1044
1140
  margin: 0; }
1045
1141
  #conversejs a, #conversejs a:visited {
1046
1142
  text-decoration: none;
1047
- color: #2A9D8F;
1143
+ color: #578EA9;
1048
1144
  text-shadow: none; }
1049
1145
 
1146
+ #converse-embedded-chat,
1050
1147
  #conversejs {
1051
1148
  bottom: 0;
1052
- color: #818479;
1149
+ color: #777;
1053
1150
  direction: ltr;
1054
1151
  display: block;
1152
+ font-family: "Helvetica", "Arial", sans-serif;
1055
1153
  font-size: 14px;
1056
1154
  height: 35px;
1057
1155
  position: fixed;
@@ -1059,40 +1157,85 @@
1059
1157
  width: auto;
1060
1158
  z-index: 1031; }
1061
1159
  @media screen and (max-height: 450px) {
1160
+ #converse-embedded-chat,
1062
1161
  #conversejs {
1063
1162
  width: 100%;
1064
1163
  width: 100vw; } }
1065
1164
  @media screen and (max-width: 480px) {
1165
+ #converse-embedded-chat,
1066
1166
  #conversejs {
1067
1167
  width: 100%;
1068
1168
  width: 100vw; } }
1169
+ #converse-embedded-chat ::-webkit-input-placeholder,
1170
+ #conversejs ::-webkit-input-placeholder {
1171
+ /* Chrome/Opera/Safari */
1172
+ color: #A8ABA1; }
1173
+ #converse-embedded-chat ::-moz-placeholder,
1174
+ #conversejs ::-moz-placeholder {
1175
+ /* Firefox 19+ */
1176
+ color: #A8ABA1; }
1177
+ #converse-embedded-chat :-ms-input-placeholder,
1178
+ #conversejs :-ms-input-placeholder {
1179
+ /* IE 10+ */
1180
+ color: #A8ABA1; }
1181
+ #converse-embedded-chat :-moz-placeholder,
1182
+ #conversejs :-moz-placeholder {
1183
+ /* Firefox 18- */
1184
+ color: #A8ABA1; }
1185
+ #converse-embedded-chat ::placeholder,
1186
+ #conversejs ::placeholder {
1187
+ color: #A8ABA1; }
1188
+ #converse-embedded-chat .circle,
1189
+ #conversejs .circle {
1190
+ border-radius: 50%; }
1191
+ #converse-embedded-chat ::selection,
1069
1192
  #conversejs ::selection {
1070
1193
  background-color: #DCF9F6; }
1194
+ #converse-embedded-chat ::-moz-selection,
1071
1195
  #conversejs ::-moz-selection {
1072
1196
  background-color: #DCF9F6; }
1197
+ #converse-embedded-chat .no-text-select,
1073
1198
  #conversejs .no-text-select {
1074
1199
  -webkit-touch-callout: none;
1075
1200
  -webkit-user-select: none;
1076
1201
  -moz-user-select: none;
1077
1202
  -ms-user-select: none;
1078
1203
  user-select: none; }
1079
- #conversejs .emoticon {
1080
- font-size: 14px; }
1081
- #conversejs .left {
1082
- float: left; }
1083
- #conversejs .right {
1084
- float: right; }
1085
- #conversejs .centered {
1086
- text-align: center;
1087
- display: block;
1088
- margin: 5em auto; }
1089
- #conversejs .hor_centered {
1090
- text-align: center;
1091
- display: block;
1092
- margin: 0 auto;
1093
- clear: both; }
1204
+ @keyframes fadein {
1205
+ 0% {
1206
+ opacity: 0; }
1207
+ 100% {
1208
+ opacity: 1; } }
1209
+ @-webkit-keyframes fadein {
1210
+ 0% {
1211
+ opacity: 0; }
1212
+ 100% {
1213
+ opacity: 1; } }
1214
+ #converse-embedded-chat .visible,
1215
+ #conversejs .visible {
1216
+ visibility: visible;
1217
+ opacity: 1;
1218
+ -webkit-animation-name: fadein;
1219
+ -moz-animation-name: fadein;
1220
+ animation-name: fadein;
1221
+ -webkit-animation-fill-mode: forwards;
1222
+ -moz-animation-fill-mode: forwards;
1223
+ animation-fill-mode: forwards;
1224
+ -webkit-animation-duration: 350ms;
1225
+ -moz-animation-duration: 350ms;
1226
+ animation-duration: 350ms;
1227
+ -webkit-animation-timing-function: ease;
1228
+ -moz-animation-timing-function: ease;
1229
+ animation-timing-function: ease; }
1230
+ #converse-embedded-chat .hidden,
1094
1231
  #conversejs .hidden {
1232
+ opacity: 0;
1095
1233
  display: none; }
1234
+ #converse-embedded-chat .collapsed,
1235
+ #conversejs .collapsed {
1236
+ height: 0;
1237
+ overflow: hidden; }
1238
+ #converse-embedded-chat .locked,
1096
1239
  #conversejs .locked {
1097
1240
  padding-right: 22px; }
1098
1241
  @-webkit-keyframes spin {
@@ -1118,34 +1261,67 @@
1118
1261
  -ms-transform: rotate(359deg);
1119
1262
  -o-transform: rotate(359deg);
1120
1263
  transform: rotate(359deg); } }
1264
+ #converse-embedded-chat .emojione,
1265
+ #conversejs .emojione {
1266
+ height: 20px; }
1267
+ #converse-embedded-chat .spinner,
1121
1268
  #conversejs .spinner {
1122
1269
  -webkit-animation: spin 2s infinite, linear;
1123
1270
  -moz-animation: spin 2s infinite, linear;
1124
1271
  animation: spin 2s infinite, linear;
1125
1272
  display: block;
1126
1273
  text-align: center;
1127
- margin: 5px; }
1274
+ margin: 1em; }
1275
+ #converse-embedded-chat .spinner:before,
1128
1276
  #conversejs .spinner:before {
1129
1277
  font-size: 24px;
1130
1278
  font-family: 'Converse-js' !important;
1131
1279
  content: "\231b"; }
1280
+ #converse-embedded-chat .left,
1281
+ #conversejs .left {
1282
+ float: left; }
1283
+ #converse-embedded-chat .right,
1284
+ #conversejs .right {
1285
+ float: right; }
1286
+ #converse-embedded-chat .centered,
1287
+ #conversejs .centered {
1288
+ text-align: center;
1289
+ display: block;
1290
+ margin: 0;
1291
+ padding: 10% 0; }
1292
+ #converse-embedded-chat .hor_centered,
1293
+ #conversejs .hor_centered {
1294
+ text-align: center;
1295
+ display: block;
1296
+ margin: 0 auto;
1297
+ clear: both; }
1298
+ #converse-embedded-chat .button-group,
1299
+ #converse-embedded-chat .input-button-group,
1132
1300
  #conversejs .button-group,
1133
1301
  #conversejs .input-button-group {
1134
1302
  display: table; }
1303
+ #converse-embedded-chat .button-group,
1135
1304
  #conversejs .button-group {
1136
1305
  width: 100%; }
1306
+ #converse-embedded-chat .input-button-group button,
1307
+ #converse-embedded-chat .input-button-group input,
1137
1308
  #conversejs .input-button-group button,
1138
1309
  #conversejs .input-button-group input {
1139
1310
  display: table-cell; }
1311
+ #converse-embedded-chat .error,
1140
1312
  #conversejs .error {
1141
- color: red; }
1313
+ color: #A53214; }
1314
+ #converse-embedded-chat .reg-feedback,
1142
1315
  #conversejs .reg-feedback {
1143
1316
  font-size: 85%; }
1317
+ #converse-embedded-chat .reg-feedback,
1318
+ #converse-embedded-chat #converse-login .conn-feedback,
1144
1319
  #conversejs .reg-feedback,
1145
1320
  #conversejs #converse-login .conn-feedback {
1146
1321
  display: block;
1147
1322
  text-align: center;
1148
1323
  width: 100%; }
1324
+ #converse-embedded-chat a.restore-chat,
1149
1325
  #conversejs a.restore-chat {
1150
1326
  padding: 1px 0 1px 5px;
1151
1327
  color: white;
@@ -1154,139 +1330,178 @@
1154
1330
  overflow: hidden;
1155
1331
  text-overflow: ellipsis;
1156
1332
  white-space: nowrap; }
1333
+ #converse-embedded-chat a.restore-chat:visited,
1157
1334
  #conversejs a.restore-chat:visited {
1158
1335
  color: white; }
1336
+ #converse-embedded-chat .activated,
1159
1337
  #conversejs .activated {
1160
1338
  display: block !important; }
1339
+ #converse-embedded-chat .pure-form-message,
1340
+ #conversejs .pure-form-message {
1341
+ padding: 0.5em 0; }
1342
+ #converse-embedded-chat .pure-button,
1161
1343
  #conversejs .pure-button {
1162
1344
  border-radius: 4px; }
1345
+ #converse-embedded-chat .button-primary,
1163
1346
  #conversejs .button-primary {
1164
1347
  color: white;
1165
- background-color: #2AC611; }
1348
+ background-color: #3AA569; }
1349
+ #converse-embedded-chat .button-secondary,
1166
1350
  #conversejs .button-secondary {
1167
1351
  color: white;
1168
- background-color: #83A0D6; }
1352
+ background-color: #387592; }
1353
+ #converse-embedded-chat .button-cancel,
1169
1354
  #conversejs .button-cancel {
1170
1355
  color: white;
1171
- background-color: #D24E2B; }
1356
+ background-color: #777; }
1357
+ #converse-embedded-chat form.pure-form.converse-form,
1172
1358
  #conversejs form.pure-form.converse-form {
1173
1359
  background: white;
1174
- margin: 1em; }
1360
+ padding: 1em; }
1361
+ #converse-embedded-chat form.pure-form.converse-form legend,
1175
1362
  #conversejs form.pure-form.converse-form legend {
1176
- color: #818479; }
1363
+ color: #777; }
1364
+ #converse-embedded-chat form.pure-form.converse-form label,
1177
1365
  #conversejs form.pure-form.converse-form label {
1178
- margin-top: 1em; }
1366
+ margin-top: 1em;
1367
+ font-size: 16px; }
1368
+ #converse-embedded-chat form.pure-form.converse-form input[type=text],
1369
+ #converse-embedded-chat form.pure-form.converse-form input[type=password],
1370
+ #converse-embedded-chat form.pure-form.converse-form input[type=number],
1371
+ #converse-embedded-chat form.pure-form.converse-form input[type=button],
1372
+ #converse-embedded-chat form.pure-form.converse-form input[type=submit],
1179
1373
  #conversejs form.pure-form.converse-form input[type=text],
1180
1374
  #conversejs form.pure-form.converse-form input[type=password],
1181
1375
  #conversejs form.pure-form.converse-form input[type=number],
1182
1376
  #conversejs form.pure-form.converse-form input[type=button],
1183
1377
  #conversejs form.pure-form.converse-form input[type=submit] {
1184
- height: 2.2em; }
1378
+ padding: 0.5em; }
1379
+ #converse-embedded-chat form.pure-form.converse-form input[type=button],
1380
+ #converse-embedded-chat form.pure-form.converse-form input[type=submit],
1185
1381
  #conversejs form.pure-form.converse-form input[type=button],
1186
1382
  #conversejs form.pure-form.converse-form input[type=submit] {
1187
1383
  padding-left: 1em;
1188
1384
  padding-right: 1em;
1189
- margin-right: 1em; }
1385
+ margin: 0.5em 0;
1386
+ border: none; }
1387
+ #converse-embedded-chat form.pure-form.converse-form input.error,
1190
1388
  #conversejs form.pure-form.converse-form input.error {
1191
- border: 1px solid red;
1192
- color: #818479; }
1389
+ border: 1px solid #A53214;
1390
+ color: #777; }
1391
+ #converse-embedded-chat form.pure-form.converse-form .form-help,
1193
1392
  #conversejs form.pure-form.converse-form .form-help {
1194
1393
  color: gray;
1195
1394
  font-size: 85%;
1196
1395
  padding-top: 0.5em; }
1396
+ #converse-embedded-chat form.pure-form.converse-form .form-help:hover,
1197
1397
  #conversejs form.pure-form.converse-form .form-help:hover {
1198
- color: #818479; }
1398
+ color: #777; }
1399
+ #converse-embedded-chat form.pure-form.converse-centered-form,
1400
+ #conversejs form.pure-form.converse-centered-form {
1401
+ text-align: center;
1402
+ width: 100%; }
1403
+ #converse-embedded-chat .chat-textarea-chatbox-selected,
1199
1404
  #conversejs .chat-textarea-chatbox-selected {
1200
1405
  border: 1px solid #578308;
1201
1406
  margin: 0; }
1407
+ #converse-embedded-chat .chat-textarea-chatroom-selected,
1202
1408
  #conversejs .chat-textarea-chatroom-selected {
1203
- border: 2px solid #2A9D8F;
1409
+ border: 2px solid #578EA9;
1204
1410
  margin: 0; }
1411
+ #converse-embedded-chat .dropdown dt,
1412
+ #converse-embedded-chat .dropdown ul,
1205
1413
  #conversejs .dropdown dt,
1206
1414
  #conversejs .dropdown ul {
1207
1415
  margin: 0;
1208
1416
  padding: 0; }
1209
1417
 
1418
+ #converse-embedded-chat .flyout,
1210
1419
  #conversejs .flyout {
1211
1420
  border-radius: 4px;
1212
1421
  bottom: 6px;
1213
1422
  display: block;
1214
1423
  position: absolute; }
1215
1424
  @media screen and (max-height: 450px) {
1425
+ #converse-embedded-chat .flyout,
1216
1426
  #conversejs .flyout {
1217
1427
  border-radius: 0; } }
1218
1428
  @media screen and (max-width: 480px) {
1429
+ #converse-embedded-chat .flyout,
1219
1430
  #conversejs .flyout {
1220
1431
  border-radius: 0; } }
1221
1432
  @media screen and (max-height: 450px) {
1433
+ #converse-embedded-chat .flyout,
1222
1434
  #conversejs .flyout {
1223
1435
  bottom: 0; } }
1224
1436
  @media screen and (max-width: 480px) {
1437
+ #converse-embedded-chat .flyout,
1225
1438
  #conversejs .flyout {
1226
1439
  bottom: 0; } }
1440
+ #converse-embedded-chat .chat-head,
1227
1441
  #conversejs .chat-head {
1228
- border-top-left-radius: 4px;
1229
- border-top-right-radius: 4px;
1230
1442
  color: #ffffff;
1231
1443
  font-size: 100%;
1232
1444
  height: 55px;
1233
1445
  margin: 0;
1234
- padding: 5px;
1446
+ padding: 0.5em;
1235
1447
  position: relative; }
1236
- @media screen and (max-height: 450px) {
1237
- #conversejs .chat-head {
1238
- border-top-left-radius: 0;
1239
- border-top-right-radius: 0; } }
1240
- @media screen and (max-width: 480px) {
1241
- #conversejs .chat-head {
1242
- border-top-left-radius: 0;
1243
- border-top-right-radius: 0; } }
1448
+ #converse-embedded-chat .chat-head .avatar,
1244
1449
  #conversejs .chat-head .avatar {
1245
1450
  margin-right: 0.5em;
1246
1451
  border-radius: 50%;
1247
1452
  float: left; }
1453
+ #converse-embedded-chat .chat-head.chat-head-chatbox,
1248
1454
  #conversejs .chat-head.chat-head-chatbox {
1249
- background-color: #F4A261; }
1455
+ background-color: #3AA569; }
1456
+ #converse-embedded-chat .chat-head .user-custom-message,
1250
1457
  #conversejs .chat-head .user-custom-message {
1251
- clear: left;
1252
1458
  color: white;
1253
- font-size: 80%;
1459
+ font-size: 75%;
1254
1460
  font-style: italic;
1255
- height: 1.3em;
1256
1461
  overflow: hidden;
1257
1462
  text-overflow: ellipsis;
1258
1463
  white-space: nowrap;
1259
1464
  margin: 0;
1260
1465
  padding-top: 0.2em; }
1466
+ #converse-embedded-chat .chatbox-btn,
1261
1467
  #conversejs .chatbox-btn {
1262
- border-radius: 50%;
1263
- border: 1px solid white;
1468
+ border-radius: 25%;
1469
+ border: none;
1264
1470
  color: white;
1265
1471
  cursor: pointer;
1266
1472
  display: inline-block;
1267
1473
  float: right;
1268
- font-size: 9px;
1269
- margin: 0;
1270
- margin-right: 0.2em;
1271
- padding: 0.5em 0.5em 0.3em 0.5em;
1474
+ font-size: 12px;
1475
+ margin: 0 0.2em;
1476
+ padding: 0.3em;
1272
1477
  text-decoration: none; }
1478
+ #converse-embedded-chat .chatbox-btn:active,
1273
1479
  #conversejs .chatbox-btn:active {
1274
1480
  position: relative;
1275
1481
  top: 1px; }
1482
+ #converse-embedded-chat .chatbox-btn.button-on,
1483
+ #conversejs .chatbox-btn.button-on {
1484
+ background-color: white;
1485
+ color: #3AA569; }
1486
+ #converse-embedded-chat .chatbox,
1276
1487
  #conversejs .chatbox {
1277
1488
  display: block;
1489
+ text-align: left;
1278
1490
  float: right;
1279
1491
  height: 35px;
1280
1492
  margin: 0 0.5em;
1281
1493
  width: 200px; }
1282
1494
  @media screen and (max-height: 450px) {
1495
+ #converse-embedded-chat .chatbox,
1283
1496
  #conversejs .chatbox {
1284
1497
  margin: 0;
1285
1498
  width: 100%; } }
1286
1499
  @media screen and (max-width: 480px) {
1500
+ #converse-embedded-chat .chatbox,
1287
1501
  #conversejs .chatbox {
1288
1502
  margin: 0;
1289
1503
  width: 100%; } }
1504
+ #converse-embedded-chat .chatbox .box-flyout,
1290
1505
  #conversejs .chatbox .box-flyout {
1291
1506
  background-color: white;
1292
1507
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
@@ -1296,25 +1511,30 @@
1296
1511
  width: 200px;
1297
1512
  z-index: 1; }
1298
1513
  @media screen and (max-height: 450px) {
1514
+ #converse-embedded-chat .chatbox .box-flyout,
1299
1515
  #conversejs .chatbox .box-flyout {
1300
1516
  height: 400px;
1301
1517
  width: 100%;
1302
1518
  height: 100vh; } }
1303
1519
  @media screen and (max-width: 480px) {
1520
+ #converse-embedded-chat .chatbox .box-flyout,
1304
1521
  #conversejs .chatbox .box-flyout {
1305
1522
  height: 400px;
1306
1523
  width: 100%;
1307
1524
  height: 100vh; } }
1525
+ #converse-embedded-chat .chatbox .chat-title,
1308
1526
  #conversejs .chatbox .chat-title {
1309
1527
  color: white;
1310
- line-height: 15px;
1311
1528
  display: block;
1312
- text-overflow: ellipsis;
1529
+ line-height: 15px;
1313
1530
  overflow: hidden;
1314
- height: 2em; }
1531
+ text-overflow: ellipsis;
1532
+ white-space: nowrap; }
1533
+ #converse-embedded-chat .chatbox .chat-title a,
1315
1534
  #conversejs .chatbox .chat-title a {
1316
1535
  color: white;
1317
1536
  width: 100%; }
1537
+ #converse-embedded-chat .chatbox .chat-body,
1318
1538
  #conversejs .chatbox .chat-body {
1319
1539
  background-color: white;
1320
1540
  border-bottom-left-radius: 4px;
@@ -1324,90 +1544,118 @@
1324
1544
  height: -webkit-calc(100% - 55px);
1325
1545
  height: calc(100% - 55px); }
1326
1546
  @media screen and (max-height: 450px) {
1547
+ #converse-embedded-chat .chatbox .chat-body,
1327
1548
  #conversejs .chatbox .chat-body {
1328
1549
  border-bottom-left-radius: 0;
1329
1550
  border-bottom-right-radius: 0; } }
1330
1551
  @media screen and (max-width: 480px) {
1552
+ #converse-embedded-chat .chatbox .chat-body,
1331
1553
  #conversejs .chatbox .chat-body {
1332
1554
  border-bottom-left-radius: 0;
1333
1555
  border-bottom-right-radius: 0; } }
1556
+ #converse-embedded-chat .chatbox .chat-body p,
1334
1557
  #conversejs .chatbox .chat-body p {
1335
- color: #818479;
1558
+ color: #777;
1336
1559
  font-size: 14px;
1337
1560
  margin: 0;
1338
1561
  padding: 5px; }
1562
+ #converse-embedded-chat .chatbox .chat-body .chat-info,
1339
1563
  #conversejs .chatbox .chat-body .chat-info {
1340
- color: #D24E2B;
1564
+ line-height: 14px;
1565
+ color: #3AA569;
1566
+ font-size: 12px;
1341
1567
  margin: 0.3em; }
1568
+ #converse-embedded-chat .chatbox .chat-body .chat-info.chat-event,
1342
1569
  #conversejs .chatbox .chat-body .chat-info.chat-event {
1343
1570
  clear: left;
1344
1571
  font-style: italic; }
1572
+ #converse-embedded-chat .chatbox .chat-body .chat-info.chat-error,
1345
1573
  #conversejs .chatbox .chat-body .chat-info.chat-error {
1346
1574
  color: #D24E2B;
1347
1575
  font-weight: bold; }
1576
+ #converse-embedded-chat .chatbox .chat-body .chat-info.chat-date,
1348
1577
  #conversejs .chatbox .chat-body .chat-info.chat-date {
1349
1578
  display: inline-block;
1350
1579
  margin-top: 1em; }
1580
+ #converse-embedded-chat .chatbox .chat-body .chat-image,
1351
1581
  #conversejs .chatbox .chat-body .chat-image {
1352
- max-width: 100%;
1353
- max-height: 100%; }
1582
+ max-height: 24em;
1583
+ max-width: 100%; }
1584
+ #converse-embedded-chat .chatbox .chat-body .chat-action,
1585
+ #conversejs .chatbox .chat-body .chat-action {
1586
+ font-style: italic; }
1587
+ #converse-embedded-chat .chatbox .chat-body .chat-message,
1354
1588
  #conversejs .chatbox .chat-body .chat-message {
1355
- margin: 0.3em; }
1356
- #conversejs .chatbox .chat-body .chat-message span {
1357
- display: inline-block; }
1358
- #conversejs .chatbox .chat-body .chat-message span.chat-msg-author {
1359
- max-width: 100%;
1360
- font-weight: bold;
1361
- white-space: nowrap;
1362
- float: left;
1363
- text-overflow: ellipsis;
1364
- overflow: hidden; }
1365
- #conversejs .chatbox .chat-body .chat-message span.chat-msg-them {
1366
- color: #1A9707; }
1367
- #conversejs .chatbox .chat-body .chat-message span.chat-msg-me {
1368
- color: #2A9D8F; }
1369
- #conversejs .chatbox .chat-body .chat-message span.chat-msg-content {
1370
- max-width: 100%;
1371
- word-wrap: break-word; }
1589
+ overflow: auto; }
1590
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-author,
1591
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-author {
1592
+ font-weight: bold;
1593
+ white-space: nowrap;
1594
+ float: left;
1595
+ text-overflow: ellipsis;
1596
+ overflow: hidden; }
1597
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-them,
1598
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-them {
1599
+ color: #E77051; }
1600
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-me,
1601
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-me {
1602
+ color: #578EA9; }
1603
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content,
1604
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-content {
1605
+ max-width: 100%;
1606
+ word-wrap: break-word; }
1607
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
1608
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-content .emojione {
1609
+ margin-bottom: -6px; }
1610
+ #converse-embedded-chat .chatbox .chat-body .delayed .chat-msg-them,
1372
1611
  #conversejs .chatbox .chat-body .delayed .chat-msg-them {
1373
1612
  color: #FB5D50; }
1613
+ #converse-embedded-chat .chatbox .chat-body .delayed .chat-msg-me,
1374
1614
  #conversejs .chatbox .chat-body .delayed .chat-msg-me {
1375
1615
  color: #7EABBB; }
1616
+ #converse-embedded-chat .chatbox .new-msgs-indicator,
1376
1617
  #conversejs .chatbox .new-msgs-indicator {
1377
1618
  position: absolute;
1378
1619
  width: 100%;
1379
1620
  cursor: pointer;
1380
- background-color: #F4A261;
1621
+ background-color: #3AA569;
1381
1622
  color: #FCFDFD;
1382
- padding: 0.3em;
1623
+ padding: 0.5em;
1383
1624
  font-size: 0.9em;
1384
1625
  text-align: center;
1385
- z-index: 20; }
1626
+ z-index: 20;
1627
+ white-space: nowrap; }
1628
+ #converse-embedded-chat .chatbox .chat-content,
1386
1629
  #conversejs .chatbox .chat-content {
1387
1630
  position: relative;
1388
1631
  padding: 0.5em;
1389
1632
  font-size: 13px;
1390
- color: #818479;
1633
+ color: #777;
1391
1634
  overflow-y: auto;
1392
1635
  border: 0;
1393
1636
  background-color: #ffffff;
1394
1637
  line-height: 1.3em;
1395
1638
  height: 206px;
1396
1639
  height: calc(100% - 96px); }
1640
+ #converse-embedded-chat .chatbox .chat-content-sendbutton,
1641
+ #conversejs .chatbox .chat-content-sendbutton {
1642
+ height: calc(100% - 128px); }
1643
+ #converse-embedded-chat .chatbox .dropdown,
1397
1644
  #conversejs .chatbox .dropdown {
1398
1645
  /* status dropdown styles */
1399
1646
  background-color: #FCFDFD; }
1647
+ #converse-embedded-chat .chatbox .dropdown dd,
1400
1648
  #conversejs .chatbox .dropdown dd {
1401
1649
  margin: 0;
1402
1650
  padding: 0;
1403
1651
  position: relative; }
1652
+ #converse-embedded-chat .chatbox form.sendXMPPMessage,
1404
1653
  #conversejs .chatbox form.sendXMPPMessage {
1405
1654
  -moz-background-clip: padding;
1406
1655
  -webkit-background-clip: padding-box;
1407
1656
  border-bottom-left-radius: 4px;
1408
1657
  border-bottom-right-radius: 4px;
1409
1658
  background-clip: padding-box;
1410
- background: white;
1411
1659
  border-top: 1px solid #BBB;
1412
1660
  border: 0;
1413
1661
  margin: 0;
@@ -1416,11 +1664,14 @@
1416
1664
  height: 95px;
1417
1665
  min-width: 200px; }
1418
1666
  @media screen and (max-height: 450px) {
1667
+ #converse-embedded-chat .chatbox form.sendXMPPMessage,
1419
1668
  #conversejs .chatbox form.sendXMPPMessage {
1420
1669
  width: 100%; } }
1421
1670
  @media screen and (max-width: 480px) {
1671
+ #converse-embedded-chat .chatbox form.sendXMPPMessage,
1422
1672
  #conversejs .chatbox form.sendXMPPMessage {
1423
1673
  width: 100%; } }
1674
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-textarea,
1424
1675
  #conversejs .chatbox form.sendXMPPMessage .chat-textarea {
1425
1676
  border-bottom-left-radius: 4px;
1426
1677
  border-bottom-right-radius: 4px;
@@ -1429,78 +1680,148 @@
1429
1680
  padding: 0.5em;
1430
1681
  width: 100%;
1431
1682
  resize: none; }
1683
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .send-button,
1684
+ #conversejs .chatbox form.sendXMPPMessage .send-button {
1685
+ position: absolute;
1686
+ left: 3px;
1687
+ width: -webkit-calc(100% - 6px);
1688
+ width: calc(100% - 6px);
1689
+ background-color: #3AA569;
1690
+ color: white;
1691
+ font-size: 80%;
1692
+ height: 27px;
1693
+ bottom: -30px; }
1694
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar,
1432
1695
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar {
1433
- font-size: 14px;
1696
+ box-sizing: border-box;
1434
1697
  margin: 0;
1435
1698
  padding: 5px;
1436
1699
  height: 25px;
1437
1700
  display: block;
1438
- background-color: #FFF5EE; }
1701
+ background-color: #E7FBF0; }
1702
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar a,
1439
1703
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
1440
- color: #2A9D8F; }
1704
+ font-size: 14px;
1705
+ color: #777;
1706
+ text-decoration: none;
1707
+ text-shadow: none; }
1708
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text,
1441
1709
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text {
1442
1710
  font-size: 12px;
1443
- padding-right: 3px;
1444
- text-shadow: 0 1px 0 white; }
1711
+ padding-right: 3px; }
1712
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a,
1713
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted,
1445
1714
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a,
1446
1715
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted {
1447
- color: #D24E2B; }
1716
+ color: #777; }
1717
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
1718
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a,
1719
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
1720
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a {
1721
+ color: #578EA9; }
1722
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unverified a,
1723
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unverified,
1448
1724
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unverified a,
1449
1725
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unverified {
1450
1726
  color: #cf5300; }
1727
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .private a,
1728
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .private,
1451
1729
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .private a,
1452
1730
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .private {
1453
1731
  color: #4b7003; }
1732
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-occupants,
1733
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-clear,
1734
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr,
1454
1735
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-occupants,
1455
1736
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-clear,
1456
1737
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr {
1457
1738
  float: right; }
1739
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li,
1458
1740
  #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li {
1741
+ cursor: pointer;
1459
1742
  display: inline-block;
1460
1743
  list-style: none;
1461
- padding: 0 3px 0 3px;
1462
- cursor: pointer;
1463
- margin-top: 1px; }
1464
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li:hover {
1465
- cursor: pointer; }
1466
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul {
1467
- background: #fff;
1468
- bottom: 100%;
1469
- box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
1470
- display: none;
1471
- font-size: 12px;
1472
- margin: 0;
1473
- position: absolute;
1474
- right: 0; }
1475
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul li {
1476
- cursor: pointer;
1477
- list-style: none;
1478
- position: relative; }
1479
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul li a:hover {
1480
- color: #8f2831; }
1481
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley {
1482
- color: #2A9D8F;
1483
- padding-left: 5px; }
1484
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul li {
1485
- font-size: 14px;
1486
- padding: 5px;
1487
- z-index: 98; }
1488
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul li:hover {
1489
- background-color: #DCF9F6; }
1490
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li {
1491
- padding: 7px;
1492
- background-color: white;
1493
- display: block;
1494
- z-index: 99; }
1495
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li a {
1496
- -moz-transition: background-color 0.2s ease-in-out;
1497
- -webkit-transition: background-color 0.2s ease-in-out;
1498
- transition: background-color 0.2s ease-in-out;
1499
- display: block;
1500
- padding: 1px;
1501
- text-decoration: none; }
1502
- #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li:hover {
1503
- background-color: #DCF9F6; }
1744
+ margin-top: 1px;
1745
+ padding: 0 3px 0 3px; }
1746
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li:hover,
1747
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li:hover {
1748
+ cursor: pointer; }
1749
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu,
1750
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu {
1751
+ background-color: #fff;
1752
+ bottom: 100%;
1753
+ box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
1754
+ font-size: 12px;
1755
+ margin: 0;
1756
+ position: absolute;
1757
+ right: 0; }
1758
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu a,
1759
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu a {
1760
+ color: #578EA9; }
1761
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-picker,
1762
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-picker {
1763
+ height: 100px;
1764
+ overflow: scroll;
1765
+ padding: 0.5em; }
1766
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
1767
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
1768
+ /* offset-x | offset-y | blur-radius | spread-radius | color */
1769
+ box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4); }
1770
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
1771
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
1772
+ overflow: hidden;
1773
+ left: 0; }
1774
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .picked,
1775
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .picked {
1776
+ background-color: #DCF9F6; }
1777
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li,
1778
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li {
1779
+ height: 30px;
1780
+ padding: 4px;
1781
+ z-index: 98; }
1782
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li.emoji a,
1783
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li.emoji a {
1784
+ font-size: 20px; }
1785
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li,
1786
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li {
1787
+ margin-left: 0;
1788
+ cursor: pointer;
1789
+ list-style: none;
1790
+ position: relative; }
1791
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji,
1792
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji {
1793
+ padding: 0.3em; }
1794
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji:hover,
1795
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji:hover {
1796
+ background-color: #DCF9F6; }
1797
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li a:hover,
1798
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul li a:hover {
1799
+ color: #8f2831; }
1800
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu,
1801
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu {
1802
+ color: #777; }
1803
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley,
1804
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley {
1805
+ padding-left: 5px; }
1806
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
1807
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li:hover,
1808
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
1809
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li:hover {
1810
+ background-color: #DCF9F6; }
1811
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul,
1812
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul {
1813
+ z-index: 99; }
1814
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li,
1815
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li {
1816
+ display: block;
1817
+ padding: 7px; }
1818
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li:hover,
1819
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li:hover {
1820
+ background-color: #DCF9F6; }
1821
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li a,
1822
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-otr ul li a {
1823
+ display: block; }
1824
+ #converse-embedded-chat .chatbox .dragresize,
1504
1825
  #conversejs .chatbox .dragresize {
1505
1826
  background: transparent;
1506
1827
  border: 0;
@@ -1508,15 +1829,18 @@
1508
1829
  position: absolute;
1509
1830
  top: 0;
1510
1831
  z-index: 20; }
1832
+ #converse-embedded-chat .chatbox .dragresize-top,
1511
1833
  #conversejs .chatbox .dragresize-top {
1512
1834
  cursor: n-resize;
1513
1835
  height: 5px;
1514
1836
  width: 100%; }
1837
+ #converse-embedded-chat .chatbox .dragresize-left,
1515
1838
  #conversejs .chatbox .dragresize-left {
1516
1839
  cursor: w-resize;
1517
1840
  width: 5px;
1518
1841
  height: 100%;
1519
1842
  left: 0; }
1843
+ #converse-embedded-chat .chatbox .dragresize-topleft,
1520
1844
  #conversejs .chatbox .dragresize-topleft {
1521
1845
  cursor: nw-resize;
1522
1846
  width: 15px;
@@ -1524,9 +1848,50 @@
1524
1848
  top: 0;
1525
1849
  left: 0; }
1526
1850
 
1851
+ #converse-embedded-chat .chat-head,
1852
+ #conversejs .chat-head {
1853
+ border-top-left-radius: 4px;
1854
+ border-top-right-radius: 4px; }
1855
+ @media screen and (max-height: 450px) {
1856
+ #converse-embedded-chat .chat-head,
1857
+ #conversejs .chat-head {
1858
+ border-top-left-radius: 0;
1859
+ border-top-right-radius: 0; } }
1860
+ @media screen and (max-width: 480px) {
1861
+ #converse-embedded-chat .chat-head,
1862
+ #conversejs .chat-head {
1863
+ border-top-left-radius: 0;
1864
+ border-top-right-radius: 0; } }
1865
+ #converse-embedded-chat .chatbox .chat-body .chat-message,
1866
+ #conversejs .chatbox .chat-body .chat-message {
1867
+ margin: 0.3em;
1868
+ line-height: 20px; }
1869
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-author,
1870
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-author {
1871
+ line-height: 20px; }
1872
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content,
1873
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-content {
1874
+ line-height: 20px; }
1875
+ #converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
1876
+ #conversejs .chatbox .chat-body .chat-message .chat-msg-content .emojione {
1877
+ margin-bottom: -5px; }
1878
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
1879
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
1880
+ width: 100%; }
1881
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category,
1882
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category {
1883
+ float: left; }
1884
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li,
1885
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li {
1886
+ padding: 2px; }
1887
+ #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley ul li,
1888
+ #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley ul li {
1889
+ padding: 2px; }
1890
+
1527
1891
  #conversejs #controlbox {
1528
- display: none;
1529
1892
  margin-right: 1em; }
1893
+ #conversejs #controlbox .pure-form.converse-form {
1894
+ padding: 0; }
1530
1895
  @media screen and (max-width: 480px) {
1531
1896
  #conversejs #controlbox {
1532
1897
  margin: 0; } }
@@ -1534,7 +1899,7 @@
1534
1899
  #conversejs #controlbox {
1535
1900
  margin: 0; } }
1536
1901
  #conversejs #controlbox .controlbox-head {
1537
- background-color: #577BDD;
1902
+ background-color: #578EA9;
1538
1903
  border-top-left-radius: 4px;
1539
1904
  border-top-right-radius: 4px;
1540
1905
  color: white;
@@ -1555,6 +1920,14 @@
1555
1920
  padding: 0 0 5px 5px; }
1556
1921
  #conversejs #controlbox form.search-xmpp-contact input {
1557
1922
  width: 8em; }
1923
+ #conversejs #controlbox .msgs-indicator {
1924
+ border-radius: 3px;
1925
+ background-color: #E77051;
1926
+ color: white;
1927
+ font-size: 12px;
1928
+ font-weight: normal;
1929
+ padding: 0 4px;
1930
+ text-shadow: none; }
1558
1931
  #conversejs #controlbox a.subscribe-to-user {
1559
1932
  padding-left: 2em;
1560
1933
  font-weight: bold; }
@@ -1577,7 +1950,7 @@
1577
1950
  margin-bottom: 8px; }
1578
1951
  #conversejs #controlbox #converse-register .form-help .url {
1579
1952
  font-weight: bold;
1580
- color: #2A9D8F; }
1953
+ color: #578EA9; }
1581
1954
  #conversejs #controlbox #converse-register .input-group {
1582
1955
  display: table;
1583
1956
  margin: auto;
@@ -1593,72 +1966,117 @@
1593
1966
  color: gray;
1594
1967
  font-size: 85%; }
1595
1968
  #conversejs #controlbox #converse-register .instructions:hover {
1596
- color: #818479; }
1969
+ color: #777; }
1597
1970
  #conversejs #controlbox #converse-register, #conversejs #controlbox #converse-login {
1598
1971
  margin-top: 2em; }
1599
1972
  #conversejs #controlbox #converse-register .login-anon, #conversejs #controlbox #converse-login .login-anon {
1600
1973
  height: auto;
1601
1974
  white-space: normal; }
1602
1975
  #conversejs #controlbox #converse-register .save-submit, #conversejs #controlbox #converse-login .save-submit {
1603
- color: #436F64; }
1976
+ color: #3AA569; }
1604
1977
  #conversejs #controlbox #converse-register input, #conversejs #controlbox #converse-login input {
1605
1978
  width: 100%;
1606
1979
  margin: 0.5em 0; }
1607
1980
  #conversejs #controlbox #users .add-converse-contact {
1608
- margin: 0 1em 0.75em 1em; }
1609
- #conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
1610
- #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
1611
- #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
1612
- width: 100%; }
1613
- #conversejs #controlbox #chatrooms #available-chatrooms {
1614
- padding: 0 1em 2em 1em;
1615
- text-align: left; }
1616
- #conversejs #controlbox #chatrooms #available-chatrooms dt {
1617
- border: none;
1618
- color: #818479;
1619
- font-weight: normal;
1620
- padding: 0;
1621
- padding-bottom: 0.5em;
1622
- text-shadow: 0 1px 0 #FAFAFA; }
1623
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom {
1624
- border: none;
1625
- clear: both;
1626
- color: #818479;
1981
+ margin: 0 0 0.75em 0; }
1982
+ #conversejs #controlbox #chatrooms form.add-chatroom {
1983
+ margin: 0;
1984
+ padding: 0; }
1985
+ #conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
1986
+ #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
1987
+ #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
1988
+ width: 100%; }
1989
+ #conversejs #controlbox #chatrooms .rooms-list-container {
1990
+ text-align: left;
1991
+ margin: 0; }
1992
+ #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
1627
1993
  display: block;
1628
- overflow: hidden;
1629
- padding: 0.4em;
1630
- text-shadow: 0 1px 0 #FAFAFA;
1631
- word-wrap: break-word; }
1632
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom:hover {
1633
- background-color: #DCF9F6; }
1634
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info {
1635
- display: none;
1636
- clear: right;
1637
- display: block; }
1638
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info:before {
1639
- font-size: 15px; }
1640
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.open-room {
1641
- float: left;
1642
- width: 85%; }
1643
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom .room-info {
1644
- font-size: 11px;
1645
- font-style: normal;
1646
- font-weight: normal; }
1647
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom li.room-info {
1648
- display: block;
1649
- margin-left: 5px; }
1650
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom p.room-info {
1651
- margin: 0;
1994
+ color: #777;
1995
+ margin-top: 1em; }
1996
+ #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
1997
+ color: #585B51; }
1998
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list {
1999
+ margin: 0.5em 0;
2000
+ text-align: left; }
2001
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dt {
2002
+ border: none;
2003
+ color: #777;
2004
+ font-weight: normal;
1652
2005
  padding: 0;
2006
+ padding-bottom: 0.5em;
2007
+ text-shadow: 0 1px 0 #FAFAFA; }
2008
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom,
2009
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom {
2010
+ border: none;
2011
+ clear: both;
2012
+ color: #777;
1653
2013
  display: block;
1654
- white-space: normal; }
1655
- #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom div.room-info {
1656
- clear: left;
1657
- width: 100%; }
2014
+ overflow: hidden;
2015
+ padding: 0.3em 0;
2016
+ text-shadow: 0 1px 0 #FAFAFA;
2017
+ word-wrap: break-word; }
2018
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a:hover,
2019
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a:hover {
2020
+ color: #206485; }
2021
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom.unread-msgs .available-room,
2022
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom.unread-msgs .open-room,
2023
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom.unread-msgs .available-room,
2024
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom.unread-msgs .open-room {
2025
+ max-width: 55%;
2026
+ width: auto;
2027
+ font-weight: bold; }
2028
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.room-info:before,
2029
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.room-info:before {
2030
+ font-size: 15px; }
2031
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.open-room,
2032
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.open-room {
2033
+ width: 68%;
2034
+ float: left;
2035
+ overflow: hidden;
2036
+ text-overflow: ellipsis;
2037
+ white-space: nowrap;
2038
+ padding-right: 0.5em; }
2039
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.available-room,
2040
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.available-room {
2041
+ width: 85%; }
2042
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark,
2043
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark,
2044
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark,
2045
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark {
2046
+ color: #A8ABA1; }
2047
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark.button-on,
2048
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark.button-on,
2049
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark.button-on,
2050
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark.button-on {
2051
+ color: #578EA9; }
2052
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark.button-on:hover,
2053
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark.button-on:hover,
2054
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark.button-on:hover,
2055
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark.button-on:hover {
2056
+ color: #206485; }
2057
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .room-info,
2058
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .room-info {
2059
+ font-size: 12px;
2060
+ font-style: normal;
2061
+ font-weight: normal; }
2062
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom li.room-info,
2063
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom li.room-info {
2064
+ display: block;
2065
+ margin-left: 5px; }
2066
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom p.room-info,
2067
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom p.room-info {
2068
+ line-height: 16px;
2069
+ margin: 0;
2070
+ display: block;
2071
+ white-space: normal; }
2072
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom div.room-info,
2073
+ #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom div.room-info {
2074
+ padding: 0.3em 0;
2075
+ clear: left;
2076
+ width: 100%; }
1658
2077
  #conversejs #controlbox .dropdown a {
1659
- width: 148px;
1660
- display: inline-block;
1661
- line-height: 25px; }
2078
+ width: 143px;
2079
+ display: inline-block; }
1662
2080
  #conversejs #controlbox .dropdown li {
1663
2081
  list-style: none;
1664
2082
  padding-left: 0; }
@@ -1668,44 +2086,33 @@
1668
2086
  position: absolute;
1669
2087
  left: 0;
1670
2088
  top: 0;
1671
- border: 1px solid #B1BFC4;
1672
2089
  width: 100%;
1673
2090
  z-index: 21;
1674
2091
  background-color: #FCFDFD; }
1675
2092
  #conversejs #controlbox .dropdown dd ul li:hover {
1676
2093
  background-color: #DCF9F6; }
1677
- #conversejs #controlbox .dropdown dd.search-xmpp ul {
1678
- box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4); }
1679
- #conversejs #controlbox .dropdown dd.search-xmpp ul li:hover {
2094
+ #conversejs #controlbox .dropdown dd.search-xmpp {
2095
+ height: 0; }
2096
+ #conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container {
2097
+ position: absolute;
2098
+ z-index: 22; }
2099
+ #conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container form {
2100
+ box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4);
2101
+ background-color: white; }
2102
+ #conversejs #controlbox .dropdown dd.search-xmpp li:hover {
1680
2103
  background-color: #FCFDFD; }
1681
2104
  #conversejs #controlbox .dropdown dt a span {
1682
2105
  cursor: pointer;
1683
2106
  display: block;
1684
2107
  padding: 4px 7px 0 5px; }
1685
2108
  #conversejs #controlbox #select-xmpp-status {
2109
+ display: none;
1686
2110
  float: right;
1687
2111
  margin-right: 0.5em; }
1688
- #conversejs #controlbox #set-custom-xmpp-status {
1689
- float: left;
1690
- padding: 0; }
1691
- #conversejs #controlbox #set-custom-xmpp-status fieldset {
1692
- padding: 0;
1693
- margin-top: -1px; }
1694
- #conversejs #controlbox #set-custom-xmpp-status input {
1695
- height: 26px;
1696
- width: -webkit-calc(100% - 40px);
1697
- width: calc(100% - 40px);
1698
- padding: 0 0 0 0.5em; }
1699
- #conversejs #controlbox #set-custom-xmpp-status input[type=submit] {
1700
- height: 26px;
1701
- width: 40px;
1702
- padding: 1px;
1703
- float: right; }
1704
2112
  #conversejs #controlbox #controlbox-tabs {
1705
2113
  text-align: center;
1706
2114
  display: inline;
1707
2115
  overflow: hidden;
1708
- font-size: 12px;
1709
2116
  list-style-type: none;
1710
2117
  /* single tab */ }
1711
2118
  #conversejs #controlbox #controlbox-tabs li {
@@ -1713,14 +2120,14 @@
1713
2120
  list-style: none;
1714
2121
  padding-left: 0;
1715
2122
  text-shadow: white 0 1px 0;
1716
- width: 38%; }
2123
+ width: 40%; }
1717
2124
  #conversejs #controlbox #controlbox-tabs li a {
1718
2125
  background-color: white;
1719
2126
  border-bottom: 1px solid #CCC;
1720
- border-top-left-radius: 4px;
1721
- border-top-right-radius: 4px;
2127
+ border-top-left-radius: 5px;
2128
+ border-top-right-radius: 5px;
1722
2129
  box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
1723
- color: #818479;
2130
+ color: #777;
1724
2131
  display: block;
1725
2132
  font-size: 12px;
1726
2133
  height: 54px;
@@ -1728,55 +2135,77 @@
1728
2135
  margin: 0;
1729
2136
  text-align: center;
1730
2137
  text-decoration: none; }
2138
+ #conversejs #controlbox #controlbox-tabs li a.contacts-tab .msgs-indicator {
2139
+ background-color: #3AA569; }
2140
+ #conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
2141
+ background-color: #E77051; }
2142
+ #conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
2143
+ border: solid white 2px;
2144
+ opacity: 0.8;
2145
+ border-top-right-radius: 5px;
2146
+ float: right; }
1731
2147
  #conversejs #controlbox #controlbox-tabs li a:hover {
1732
- color: #818479; }
2148
+ color: #777; }
2149
+ #conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
2150
+ opacity: 1; }
1733
2151
  #conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
1734
2152
  box-shadow: none;
1735
2153
  border-bottom: 0;
1736
2154
  height: 55px;
1737
2155
  cursor: default;
1738
- color: #818479; }
2156
+ color: #777; }
1739
2157
  #conversejs #controlbox .fancy-dropdown {
1740
2158
  border: 1px solid #B1BFC4;
1741
2159
  height: 25px;
1742
- border-radius: 4px;
1743
- text-align: left;
1744
- padding: 0;
1745
- padding-left: 0.3em; }
1746
- #conversejs #controlbox .fancy-dropdown .choose-xmpp-status {
1747
- width: 155px; }
2160
+ border-radius: 5px;
2161
+ text-align: left; }
1748
2162
  #conversejs #controlbox .fancy-dropdown .choose-xmpp-status,
1749
2163
  #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
2164
+ line-height: 25px;
1750
2165
  text-shadow: 0 1px 0 #ffffff;
1751
2166
  overflow: hidden;
1752
2167
  text-overflow: ellipsis;
1753
2168
  white-space: nowrap;
1754
- display: inline; }
2169
+ display: inline-block; }
2170
+ #conversejs #controlbox .fancy-dropdown .choose-xmpp-status:hover,
2171
+ #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form:hover {
2172
+ color: #206485; }
2173
+ #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
2174
+ padding: 0 0.5em;
2175
+ width: 100%; }
1755
2176
  #conversejs #controlbox .fancy-dropdown.no-border {
1756
2177
  border: 0; }
1757
- #conversejs #controlbox #fancy-xmpp-status-select {
1758
- padding-left: 0; }
1759
- #conversejs #controlbox #fancy-xmpp-status-select .xmpp-status {
1760
- margin-left: 0.3em;
1761
- display: inline; }
1762
- #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message {
1763
- float: right;
1764
- clear: right;
1765
- width: 12px;
1766
- margin-right: 0.3em;
1767
- color: #2A9D8F; }
2178
+ #conversejs #controlbox #fancy-xmpp-status-select .xmpp-status {
2179
+ padding: 0 0.5em; }
2180
+ #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message {
2181
+ line-height: 25px;
2182
+ float: right;
2183
+ clear: right;
2184
+ width: 12px;
2185
+ color: #578EA9; }
2186
+ #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message:hover {
2187
+ color: #206485; }
2188
+ #conversejs #controlbox #fancy-xmpp-status-select fieldset {
2189
+ padding: 0;
2190
+ margin-top: -1px; }
2191
+ #conversejs #controlbox #fancy-xmpp-status-select input {
2192
+ height: 26px;
2193
+ width: -webkit-calc(100% - 40px);
2194
+ width: calc(100% - 40px);
2195
+ padding: 0 0 0 0.5em; }
2196
+ #conversejs #controlbox #fancy-xmpp-status-select input[type=submit] {
2197
+ height: 26px;
2198
+ width: 40px;
2199
+ padding: 1px;
2200
+ float: right; }
1768
2201
  #conversejs #controlbox .controlbox-pane {
2202
+ padding: 1em;
1769
2203
  background-color: white;
1770
- border-bottom-left-radius: 4px;
1771
- border-bottom-right-radius: 4px;
1772
2204
  border: 0;
1773
2205
  font-size: 14px;
1774
2206
  position: absolute;
1775
2207
  text-align: center;
1776
2208
  width: 100%;
1777
- height: 289px;
1778
- height: -webkit-calc(100% - 55px);
1779
- height: calc(100% - 55px);
1780
2209
  overflow-y: auto;
1781
2210
  overflow-x: hidden; }
1782
2211
  #conversejs #controlbox .controlbox-pane label {
@@ -1792,8 +2221,7 @@
1792
2221
  #conversejs #controlbox #users {
1793
2222
  overflow-y: hidden; }
1794
2223
  #conversejs #controlbox .add-xmpp-contact {
1795
- background: none;
1796
- padding: 1em; }
2224
+ padding: 1em 0.5em; }
1797
2225
  #conversejs #controlbox .add-xmpp-contact input {
1798
2226
  margin: 0 0 1rem;
1799
2227
  width: 100%; }
@@ -1806,19 +2234,19 @@
1806
2234
  padding: 2px; }
1807
2235
  #conversejs #controlbox .xmpp-status-menu li a {
1808
2236
  width: 100%;
1809
- padding: 0 8px; }
2237
+ padding: 0.3em; }
1810
2238
  #conversejs #controlbox .xmpp-status-menu li a.logout,
1811
2239
  #conversejs #controlbox .xmpp-status-menu li a.logout span {
1812
2240
  color: #D24E2B; }
1813
2241
  #conversejs #controlbox .set-xmpp-status {
1814
2242
  background: none;
1815
- margin: 1em 1em 0.5em 1em; }
2243
+ margin: 1em 0 0.5em 0em; }
1816
2244
  #conversejs #controlbox .set-xmpp-status .dropdown dd ul {
1817
2245
  z-index: 22; }
1818
2246
  #conversejs .toggle-controlbox {
1819
- background-color: #2A9D8F;
1820
- border-top-left-radius: 4px;
1821
- border-top-right-radius: 4px;
2247
+ background-color: #578EA9;
2248
+ border-top-left-radius: 5px;
2249
+ border-top-right-radius: 5px;
1822
2250
  color: #0a0a0a;
1823
2251
  float: right;
1824
2252
  height: 100%;
@@ -1827,6 +2255,17 @@
1827
2255
  #conversejs .toggle-controlbox span {
1828
2256
  color: white; }
1829
2257
 
2258
+ #conversejs #controlbox .controlbox-pane {
2259
+ border-bottom-left-radius: 4px;
2260
+ border-bottom-right-radius: 4px;
2261
+ height: 289px;
2262
+ height: -webkit-calc(100% - 55px);
2263
+ height: calc(100% - 55px); }
2264
+
2265
+ #conversejs #controlbox .available-chatroom.unread-msgs .msgs-indicator {
2266
+ border-radius: 10%;
2267
+ opacity: 1; }
2268
+
1830
2269
  #conversejs #converse-roster {
1831
2270
  text-align: left;
1832
2271
  width: 100%;
@@ -1836,18 +2275,20 @@
1836
2275
  height: calc(100% - 50px - 20px);
1837
2276
  overflow: hidden;
1838
2277
  padding: 0;
1839
- padding-bottom: 3em; }
2278
+ padding-bottom: 3em;
2279
+ /* Custom addition for CSP */ }
1840
2280
  #conversejs #converse-roster.no-contact-requests {
1841
2281
  height: calc(100% - 25px - 20px); }
2282
+ #conversejs #converse-roster #online-count {
2283
+ display: none; }
1842
2284
  #conversejs #converse-roster .search-xmpp ul li.chat-info {
1843
2285
  padding-left: 10px; }
1844
- #conversejs #converse-roster .roster-filter-group {
1845
- margin: 0 1em;
2286
+ #conversejs #converse-roster .roster-filter-form {
2287
+ margin: 0 0 0.5em 0;
1846
2288
  width: 100%;
1847
- padding-right: 2em;
1848
2289
  /* (jQ addClass:) if input has value: */
1849
2290
  /* (jQ addClass:) if mouse is over the 'x' input area*/ }
1850
- #conversejs #converse-roster .roster-filter-group .roster-filter {
2291
+ #conversejs #converse-roster .roster-filter-form .roster-filter {
1851
2292
  float: left;
1852
2293
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==) no-repeat right -20px center;
1853
2294
  border: 1px solid #999;
@@ -1857,11 +2298,13 @@
1857
2298
  padding: 0;
1858
2299
  padding-left: 0.4em;
1859
2300
  width: 53%; }
1860
- #conversejs #converse-roster .roster-filter-group .roster-filter.x {
2301
+ #conversejs #converse-roster .roster-filter-form .roster-filter.x {
1861
2302
  background-position: right 3px center; }
1862
- #conversejs #converse-roster .roster-filter-group .roster-filter.onX {
2303
+ #conversejs #converse-roster .roster-filter-form .roster-filter.onX {
1863
2304
  cursor: pointer; }
1864
- #conversejs #converse-roster .roster-filter-group .state-type {
2305
+ #conversejs #converse-roster .roster-filter-form .roster-filter-state {
2306
+ display: none; }
2307
+ #conversejs #converse-roster .roster-filter-form .state-type {
1865
2308
  float: left;
1866
2309
  border: 1px solid #999;
1867
2310
  font-size: calc(14px - 2px);
@@ -1869,8 +2312,11 @@
1869
2312
  margin: 0;
1870
2313
  padding: 0;
1871
2314
  padding-left: 0.4em;
1872
- width: 53%; }
1873
- #conversejs #converse-roster .roster-filter-group .filter-type {
2315
+ width: 53%;
2316
+ display: none; }
2317
+ #conversejs #converse-roster .roster-filter-form .state-type-state {
2318
+ display: inline-block; }
2319
+ #conversejs #converse-roster .roster-filter-form .filter-type {
1874
2320
  display: table-cell;
1875
2321
  float: right;
1876
2322
  font-size: calc(14px - 2px);
@@ -1880,110 +2326,170 @@
1880
2326
  border-radius: 0;
1881
2327
  border: 1px solid; }
1882
2328
  #conversejs #converse-roster .roster-contacts {
2329
+ padding: 0;
1883
2330
  margin: 0;
1884
2331
  height: 100%;
1885
2332
  overflow-x: hidden;
1886
- overflow-y: auto; }
2333
+ overflow-y: auto;
2334
+ display: none; }
1887
2335
  #conversejs #converse-roster .roster-contacts dt.roster-group {
1888
2336
  border: none;
1889
- color: #818479;
2337
+ color: #777;
1890
2338
  display: none;
1891
2339
  font-weight: normal;
1892
- margin-top: 0.5em;
1893
- padding: 0.5em 1em;
2340
+ margin: 1em 0 0.5em 0;
1894
2341
  text-shadow: 0 1px 0 #FAFAFA; }
1895
- #conversejs #converse-roster .roster-contacts dt.roster-group:hover {
1896
- background-color: #DCF9F6; }
1897
2342
  #conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle {
1898
- color: #818479;
2343
+ color: #777;
1899
2344
  display: block;
1900
2345
  width: 100%; }
2346
+ #conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle:hover {
2347
+ color: #585B51; }
1901
2348
  #conversejs #converse-roster .roster-contacts dd {
1902
2349
  border: none;
1903
2350
  clear: both;
1904
- color: #818479;
1905
- background-color: #FCFDFD;
2351
+ color: #777;
1906
2352
  display: block;
1907
2353
  height: 24px;
1908
2354
  overflow-y: hidden;
1909
- padding: 0.3em 0 0.3em 1em;
1910
2355
  text-shadow: 0 1px 0 #FAFAFA;
1911
2356
  line-height: 14px;
1912
- width: 100%; }
2357
+ width: 100%;
2358
+ height: 30px;
2359
+ margin: 0;
2360
+ padding: 0.5em 0 0 0; }
2361
+ #conversejs #converse-roster .roster-contacts dd a:hover {
2362
+ color: #206485; }
1913
2363
  #conversejs #converse-roster .roster-contacts dd .open-chat {
1914
- max-width: 90%; }
1915
- #conversejs #converse-roster .roster-contacts dd:hover {
1916
- background-color: #DCF9F6; }
1917
- #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact {
1918
- display: inline-block; }
1919
- #conversejs #converse-roster .roster-contacts dd:hover .open-chat {
1920
- width: 80%; }
1921
- #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact.request-actions {
1922
- margin-left: 0.5em;
1923
- margin-bottom: 0.3em;
2364
+ margin: auto;
2365
+ padding: 0;
2366
+ width: 85%; }
2367
+ #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs {
2368
+ font-weight: bold; }
2369
+ #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .contact-name {
2370
+ width: 70%; }
2371
+ #conversejs #converse-roster .roster-contacts dd .open-chat .msgs-indicator {
2372
+ background-color: #3AA569;
2373
+ opacity: 1;
2374
+ border-radius: 10%;
2375
+ padding: 0 0.2em;
2376
+ font-size: 12px; }
2377
+ #conversejs #converse-roster .roster-contacts dd .open-chat .contact-name {
2378
+ overflow: hidden;
2379
+ white-space: nowrap;
2380
+ text-overflow: ellipsis;
2381
+ padding: 0;
2382
+ margin: 0;
2383
+ max-width: 80%;
2384
+ float: none;
2385
+ height: 60px; }
2386
+ #conversejs #converse-roster .roster-contacts dd .open-chat .contact-name.unread-msgs {
2387
+ max-width: 60%; }
2388
+ #conversejs #converse-roster .roster-contacts dd .open-chat .avatar {
2389
+ float: left;
2390
+ display: inline-block;
2391
+ height: 60px; }
2392
+ #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
2393
+ padding: 0 0 0 0.3em;
1924
2394
  float: right; }
2395
+ #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat {
2396
+ max-width: 70%; }
2397
+ #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name {
2398
+ width: 100%; }
1925
2399
  #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name {
2400
+ line-height: 16px;
1926
2401
  width: 69%;
1927
2402
  padding: 0; }
1928
2403
  #conversejs #converse-roster .roster-contacts dd.current-xmpp-contact span {
1929
- font-size: 16px;
2404
+ font-size: 14px;
1930
2405
  float: left;
1931
- color: #2A9D8F; }
2406
+ margin-right: 0.5em; }
1932
2407
  #conversejs #converse-roster .roster-contacts dd.odd {
1933
2408
  background-color: #DCEAC5;
1934
2409
  /* Make this difference */ }
1935
2410
  #conversejs #converse-roster .roster-contacts dd a, #conversejs #converse-roster .roster-contacts dd span {
1936
- text-shadow: 0 1px 0 #FAFAFA;
1937
2411
  display: inline-block;
1938
2412
  overflow: hidden;
1939
2413
  white-space: nowrap;
1940
2414
  text-overflow: ellipsis; }
1941
2415
  #conversejs #converse-roster .roster-contacts dd span {
1942
- padding: 0 0.5em 0 0;
2416
+ padding: 0;
1943
2417
  height: 100%; }
1944
2418
  #conversejs #converse-roster .roster-contacts dd a.decline-xmpp-request {
1945
2419
  margin-left: 5px; }
1946
2420
  #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact {
2421
+ font-size: 10px;
1947
2422
  float: right;
1948
- margin-right: 1em;
1949
- display: none;
1950
- color: #818479; }
2423
+ margin: 0;
2424
+ padding: 0;
2425
+ color: #A8ABA1; }
2426
+ #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact:hover {
2427
+ color: #818479; }
1951
2428
  #conversejs #converse-roster span.pending-contact-name {
1952
- width: 80%; }
2429
+ line-height: 16px;
2430
+ width: 100%; }
1953
2431
 
2432
+ #converse-embedded-chat .new-chatroom-nick,
2433
+ #conversejs .new-chatroom-nick {
2434
+ margin: 1em auto; }
2435
+ #converse-embedded-chat .add-chatroom input[type="submit"],
2436
+ #converse-embedded-chat .add-chatroom input[type="button"],
2437
+ #conversejs .add-chatroom input[type="submit"],
2438
+ #conversejs .add-chatroom input[type="button"] {
2439
+ margin: 0.3em 0; }
2440
+ #converse-embedded-chat .chat-head-chatroom,
1954
2441
  #conversejs .chat-head-chatroom {
1955
- background-color: #E76F51; }
1956
- #conversejs .chat-head-chatroom .chatroom-topic {
1957
- color: white;
1958
- font-size: 80%;
1959
- font-style: italic;
1960
- height: 1.3em;
1961
- overflow: hidden;
1962
- text-overflow: ellipsis;
1963
- white-space: nowrap;
1964
- margin: 0;
1965
- margin-top: 0.3em; }
2442
+ background-color: #E77051; }
2443
+ #converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on,
2444
+ #conversejs .chat-head-chatroom .chatbox-btn.button-on {
2445
+ background-color: white;
2446
+ color: #E77051; }
2447
+ #converse-embedded-chat .chat-head-chatroom .chat-title,
2448
+ #conversejs .chat-head-chatroom .chat-title {
2449
+ color: #FF977C; }
2450
+ #converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-name,
2451
+ #conversejs .chat-head-chatroom .chat-title .chatroom-name {
2452
+ color: white; }
2453
+ #converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-jid,
2454
+ #conversejs .chat-head-chatroom .chat-title .chatroom-jid {
2455
+ font-size: 12px; }
2456
+ #converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-description,
2457
+ #conversejs .chat-head-chatroom .chat-title .chatroom-description {
2458
+ color: white;
2459
+ font-size: 80%;
2460
+ font-style: italic;
2461
+ overflow: hidden;
2462
+ text-overflow: ellipsis;
2463
+ white-space: nowrap;
2464
+ margin: 0.3em 0; }
2465
+ #converse-embedded-chat .chatroom,
1966
2466
  #conversejs .chatroom {
1967
2467
  width: 300px; }
1968
2468
  @media screen and (max-height: 450px) {
2469
+ #converse-embedded-chat .chatroom,
1969
2470
  #conversejs .chatroom {
1970
2471
  width: 100%; } }
1971
2472
  @media screen and (max-width: 480px) {
2473
+ #converse-embedded-chat .chatroom,
1972
2474
  #conversejs .chatroom {
1973
2475
  width: 100%; } }
2476
+ #converse-embedded-chat .chatroom .box-flyout,
1974
2477
  #conversejs .chatroom .box-flyout {
1975
2478
  min-width: 300px;
1976
2479
  width: 300px; }
1977
2480
  @media screen and (max-height: 450px) {
2481
+ #converse-embedded-chat .chatroom .box-flyout,
1978
2482
  #conversejs .chatroom .box-flyout {
1979
2483
  height: 400px;
1980
2484
  width: 100%;
1981
2485
  height: 100vh; } }
1982
2486
  @media screen and (max-width: 480px) {
2487
+ #converse-embedded-chat .chatroom .box-flyout,
1983
2488
  #conversejs .chatroom .box-flyout {
1984
2489
  height: 400px;
1985
2490
  width: 100%;
1986
2491
  height: 100vh; } }
2492
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body,
1987
2493
  #conversejs .chatroom .box-flyout .chatroom-body {
1988
2494
  height: 289px;
1989
2495
  border-bottom-left-radius: 4px;
@@ -1993,110 +2499,183 @@
1993
2499
  background-color: white;
1994
2500
  border-top: 0;
1995
2501
  width: 100%; }
2502
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-info,
2503
+ #conversejs .chatroom .box-flyout .chatroom-body .chat-info {
2504
+ color: #E77051; }
2505
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .mentioned,
1996
2506
  #conversejs .chatroom .box-flyout .chatroom-body .mentioned {
1997
2507
  font-weight: bold; }
1998
- #conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
1999
- color: #1A9707; }
2508
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-message .chat-msg-them,
2509
+ #conversejs .chatroom .box-flyout .chatroom-body .chat-message .chat-msg-them {
2510
+ color: #3AA569; }
2511
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .disconnect-msg,
2512
+ #conversejs .chatroom .box-flyout .chatroom-body .disconnect-msg {
2513
+ padding: 2em 2em 0 2em; }
2514
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area,
2000
2515
  #conversejs .chatroom .box-flyout .chatroom-body .chat-area {
2001
2516
  word-wrap: break-word;
2002
2517
  height: 100%;
2003
2518
  width: 70%;
2004
2519
  float: left;
2005
2520
  min-width: 200px; }
2521
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator,
2006
2522
  #conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
2007
- background-color: #E76F51;
2523
+ background-color: #E77051;
2008
2524
  max-width: 70%; }
2525
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .chat-content,
2009
2526
  #conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
2010
2527
  padding: 0 0.5em 0 0.5em; }
2528
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area.full,
2011
2529
  #conversejs .chatroom .box-flyout .chatroom-body .chat-area.full {
2012
2530
  min-width: 100%; }
2531
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator,
2013
2532
  #conversejs .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator {
2014
2533
  min-width: 100%; }
2534
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
2015
2535
  #conversejs .chatroom .box-flyout .chatroom-body .occupants {
2536
+ overflow-x: hidden;
2537
+ overflow-y: hidden;
2016
2538
  float: right;
2017
2539
  vertical-align: top;
2018
2540
  background-color: white;
2019
- overflow: hidden;
2020
- border-left: 1px solid #818479;
2541
+ border-left: 1px solid #777;
2021
2542
  border-bottom-right-radius: 4px;
2022
2543
  width: 30%;
2023
- height: 100%; }
2024
- #conversejs .chatroom .box-flyout .chatroom-body .occupants.hidden {
2025
- display: none; }
2544
+ height: 100%;
2545
+ padding: 0.5em; }
2546
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
2026
2547
  #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
2027
- padding: 0.3em;
2548
+ padding: 0.3em 0;
2028
2549
  font-weight: bold; }
2029
- #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list {
2030
- height: 85%;
2031
- height: calc(100% - 70px);
2550
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
2551
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
2552
+ position: absolute;
2553
+ bottom: 0.5em;
2554
+ width: 25%;
2555
+ width: -webkit-calc(30% - 1em);
2556
+ width: calc(30% - 1em); }
2557
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul,
2558
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul {
2559
+ padding: 0; }
2560
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul li,
2561
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul li {
2562
+ padding: .5em; }
2563
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul,
2564
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul {
2565
+ padding: 0.3em 0;
2032
2566
  overflow-x: hidden;
2033
2567
  overflow-y: auto;
2034
2568
  list-style: none; }
2035
- #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list li {
2569
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
2570
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
2571
+ overflow-y: auto;
2572
+ height: -webkit-calc(100% - 220px);
2573
+ height: calc(100% - 220px); }
2574
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
2575
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
2576
+ padding-top: 0; }
2577
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li,
2578
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
2036
2579
  cursor: default;
2037
2580
  display: block;
2038
2581
  font-size: 12px;
2039
2582
  overflow: hidden;
2040
- padding: 2px 5px;
2583
+ padding: 0.2em 0.5em 0.2em 0;
2041
2584
  text-overflow: ellipsis;
2042
- white-space: nowrap;
2043
- width: 100px; }
2044
- #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list li.moderator {
2585
+ white-space: nowrap; }
2586
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li [class^="icon-"], #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li [class*=" icon-"],
2587
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li [class^="icon-"],
2588
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li [class*=" icon-"] {
2589
+ padding-right: 0.5em; }
2590
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.feature,
2591
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.feature {
2592
+ font-size: 10px; }
2593
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant,
2594
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant {
2595
+ cursor: pointer; }
2596
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status,
2597
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status {
2598
+ display: inline-block;
2599
+ margin-right: 0.5em;
2600
+ width: 0.5em;
2601
+ height: 0.5em; }
2602
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online, #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat,
2603
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online,
2604
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat {
2605
+ background-color: #1A9707; }
2606
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd,
2607
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd {
2608
+ background-color: red; }
2609
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-away,
2610
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-away {
2611
+ background-color: darkorange; }
2612
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-xa,
2613
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-xa {
2614
+ background-color: orange; }
2615
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.moderator,
2616
+ #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.moderator {
2045
2617
  color: #D24E2B; }
2618
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container,
2046
2619
  #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container {
2047
2620
  background-color: white;
2048
2621
  border-bottom-left-radius: 4px;
2049
2622
  border-bottom-right-radius: 4px;
2050
2623
  border: 0;
2051
- color: #818479;
2624
+ color: #777;
2052
2625
  font-size: 14px;
2053
2626
  height: 289px;
2627
+ width: 100%;
2054
2628
  height: -webkit-calc(100% - 55px);
2055
2629
  height: calc(100% - 55px);
2056
2630
  overflow-y: auto;
2057
2631
  position: absolute; }
2058
- #conversejs .chatroom .chat-textarea {
2632
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
2633
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
2634
+ font-size: 90%;
2635
+ color: #A53214; }
2636
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
2637
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
2638
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
2639
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
2640
+ display: block; }
2641
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
2642
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
2643
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
2644
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit] {
2645
+ margin: 0 0.5em; }
2646
+ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary,
2647
+ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary {
2648
+ background-color: #E77051; }
2649
+ #converse-embedded-chat .chatroom form.sendXMPPMessage .chat-toolbar,
2650
+ #conversejs .chatroom form.sendXMPPMessage .chat-toolbar {
2651
+ background-color: #FFECE7; }
2652
+ #converse-embedded-chat .chatroom form.sendXMPPMessage .chat-textarea,
2653
+ #conversejs .chatroom form.sendXMPPMessage .chat-textarea {
2059
2654
  border-bottom-right-radius: 0; }
2060
- #conversejs .chatroom .room-invite {
2061
- margin: 0.3em; }
2062
- #conversejs .chatroom .room-invite .invited-contact {
2063
- margin: -1px 0 0 -1px;
2064
- width: 100%;
2065
- border: 1px solid #999; }
2066
- #conversejs .chatroom .room-invite .invited-contact.tt-input {
2067
- width: 100%;
2068
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkBCjE0uzKkOgAAAidJREFUKM+N0k+IEnEUB/D3cyscdagkWpHV0WGWREXm0AgOGkSJ07kh2UXYU5cOewm6Bp0KXG/tpSCv6hyEFQIhMEaE3yERYfwTOoqKGLQxDAbqYadLgu7J7/XxeY/3ez8EACDLsgljfMfj8ZxUKhXXYDAAnueBoqgyAMipVOovXAuSZdnUaDQeDofDs16vFyUIAjRNUwmCoG02G1AUdZ5IJN7GYrHfm3AvEAjcnUwmX0ajUdRqtV74fL6sruufKYoa6bp+fzabPUMI7ZfL5eImNHk8npNerxc1m80XHMe98fv9H3K5XDkSibxjWfb1arWaYoyPMMbCFqxUKi6CIODw8LDmdDq7oigaAACiKK5omv7KcdylpmlIkiTHFlRVFTRNUxVFqa/ROqIoGoqi5A3DgFartfU4Jp7ngSAI2uVyPZIk6dZmUZKk2w6H4xghBPF4HK7vWLbZbDCdTp+rqvpUkiS0RvV6/bTf7x8wDHMViURqm/AGAMgURZ232+1X1Wr102KxuEwmk3lZlo/7/f7BcrkkSZKs2e12tHXH/x/gHsY4jTE+0jQNGYYBCCFgGOaKJMkfjUaDZximGQ6HXzSbzZ+ZTMbY6oIxFgqFgqPT6YAgCMBxXM1ut6N0Op0fj8chi8XyjWXZ98Fg8DuCHZLNZh+USqWP8/n8idvt/hUKhV7u7QK9Xu8fmqanAJBQVXUfAGY7TQQAKBaLN8fjsdDtdh/run72Dzhf7XLe2UevAAAAAElFTkSuQmCC) no-repeat right 3px center; }
2069
- #conversejs .chatroom .room-invite .invited-contact.tt-input:focus {
2070
- border-color: #E76F51; }
2071
- #conversejs .chatroom .room-invite .invited-contact.tt-hint {
2072
- color: transparent;
2073
- background-color: white; }
2074
- #conversejs .chatroom .room-invite .tt-dropdown-menu {
2075
- width: 96%;
2076
- max-height: 250px;
2077
- background: #E76F51;
2078
- border-bottom-right-radius: 4px;
2079
- border-bottom-left-radius: 4px;
2080
- overflow-y: auto; }
2081
- #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion p {
2082
- color: white;
2083
- cursor: pointer;
2084
- font-size: 11px;
2085
- text-overflow: ellipsis;
2086
- overflow-x: hidden; }
2087
- #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion p:hover {
2088
- background-color: #FF977C; }
2089
- #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion .tt-highlight {
2090
- background-color: #D24E2B; }
2655
+ #converse-embedded-chat .chatroom form.sendXMPPMessage .send-button,
2656
+ #conversejs .chatroom form.sendXMPPMessage .send-button {
2657
+ background-color: #E77051; }
2658
+ #converse-embedded-chat .chatroom .room-invite .invited-contact,
2659
+ #conversejs .chatroom .room-invite .invited-contact {
2660
+ margin: -1px 0 0 -1px;
2661
+ width: 100%;
2662
+ border: 1px solid #999; }
2091
2663
 
2092
2664
  #conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
2093
- background-color: #2A9D8F; }
2665
+ background-color: #E7A151; }
2666
+ #conversejs .chatbox.headlines .chat-body {
2667
+ background-color: #E7A151;
2668
+ border-radius: 4px; }
2669
+ #conversejs .chatbox.headlines .chat-body .chat-message span.chat-msg-them {
2670
+ color: #D2842B; }
2671
+ #conversejs .chatbox.headlines .chat-content {
2672
+ height: 100%;
2673
+ border-radius: 4px; }
2094
2674
 
2095
2675
  #conversejs #minimized-chats {
2096
2676
  border-top-left-radius: 4px;
2097
2677
  border-top-right-radius: 4px;
2098
2678
  color: white;
2099
- display: none;
2100
2679
  float: right;
2101
2680
  font-weight: bold;
2102
2681
  height: 100%;
@@ -2106,7 +2685,7 @@
2106
2685
  #conversejs #minimized-chats #toggle-minimized-chats {
2107
2686
  border-top-left-radius: 4px;
2108
2687
  border-top-right-radius: 4px;
2109
- background-color: #2A9D8F;
2688
+ background-color: #578EA9;
2110
2689
  color: white;
2111
2690
  position: relative;
2112
2691
  padding: 10px 0 0 0;
@@ -2140,5 +2719,100 @@
2140
2719
  position: absolute;
2141
2720
  right: 116px;
2142
2721
  bottom: 10px; }
2722
+ #conversejs #minimized-chats .unread-message-count-hidden,
2723
+ #conversejs #minimized-chats .chat-head-message-count-hidden {
2724
+ display: none; }
2725
+
2726
+ #converse-embedded-chat,
2727
+ #conversejs {
2728
+ /* Pointer */ }
2729
+ #converse-embedded-chat [hidden],
2730
+ #conversejs [hidden] {
2731
+ display: none; }
2732
+ #converse-embedded-chat .visually-hidden,
2733
+ #conversejs .visually-hidden {
2734
+ position: absolute;
2735
+ clip: rect(0, 0, 0, 0); }
2736
+ #converse-embedded-chat div.awesomplete,
2737
+ #conversejs div.awesomplete {
2738
+ display: inline-block;
2739
+ position: relative; }
2740
+ #converse-embedded-chat div.awesomplete > input,
2741
+ #conversejs div.awesomplete > input {
2742
+ display: block; }
2743
+ #converse-embedded-chat div.awesomplete > ul,
2744
+ #conversejs div.awesomplete > ul {
2745
+ position: absolute;
2746
+ left: 0;
2747
+ right: 0;
2748
+ z-index: 1;
2749
+ min-width: 100%;
2750
+ box-sizing: border-box;
2751
+ list-style: none;
2752
+ padding: 0;
2753
+ border-radius: .3em;
2754
+ margin: .2em 0 0;
2755
+ background: rgba(255, 255, 255, 0.9);
2756
+ background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
2757
+ border: 1px solid rgba(0, 0, 0, 0.3);
2758
+ box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
2759
+ text-shadow: none; }
2760
+ #converse-embedded-chat div.awesomplete > ul[hidden],
2761
+ #converse-embedded-chat div.awesomplete > ul:empty,
2762
+ #conversejs div.awesomplete > ul[hidden],
2763
+ #conversejs div.awesomplete > ul:empty {
2764
+ display: none; }
2765
+ @supports (transform: scale(0)) {
2766
+ #converse-embedded-chat div.awesomplete > ul,
2767
+ #conversejs div.awesomplete > ul {
2768
+ transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
2769
+ transform-origin: 1.43em -.43em; }
2770
+ #converse-embedded-chat div.awesomplete > ul[hidden],
2771
+ #converse-embedded-chat div.awesomplete > ul:empty,
2772
+ #conversejs div.awesomplete > ul[hidden],
2773
+ #conversejs div.awesomplete > ul:empty {
2774
+ opacity: 0;
2775
+ transform: scale(0);
2776
+ display: block;
2777
+ transition-timing-function: ease; } }
2778
+ #converse-embedded-chat div.awesomplete > ul:before,
2779
+ #conversejs div.awesomplete > ul:before {
2780
+ content: "";
2781
+ position: absolute;
2782
+ top: -.43em;
2783
+ left: 1em;
2784
+ width: 0;
2785
+ height: 0;
2786
+ background: white;
2787
+ border: inherit;
2788
+ border-right: 0;
2789
+ border-bottom: 0;
2790
+ -webkit-transform: rotate(45deg);
2791
+ transform: rotate(45deg); }
2792
+ #converse-embedded-chat div.awesomplete > ul > li,
2793
+ #conversejs div.awesomplete > ul > li {
2794
+ text-overflow: ellipsis;
2795
+ overflow-x: hidden;
2796
+ position: relative;
2797
+ cursor: pointer; }
2798
+ #converse-embedded-chat div.awesomplete > ul > li:hover,
2799
+ #conversejs div.awesomplete > ul > li:hover {
2800
+ background: #E77051;
2801
+ color: white; }
2802
+ #converse-embedded-chat div.awesomplete > ul > li[aria-selected="true"],
2803
+ #conversejs div.awesomplete > ul > li[aria-selected="true"] {
2804
+ background: #3d6d8f;
2805
+ color: white; }
2806
+ #converse-embedded-chat div.awesomplete mark,
2807
+ #conversejs div.awesomplete mark {
2808
+ background: #FFB9A7; }
2809
+ #converse-embedded-chat div.awesomplete li:hover mark,
2810
+ #conversejs div.awesomplete li:hover mark {
2811
+ background: #A53214;
2812
+ color: white; }
2813
+ #converse-embedded-chat div.awesomplete li[aria-selected="true"] mark,
2814
+ #conversejs div.awesomplete li[aria-selected="true"] mark {
2815
+ background: #3d6b00;
2816
+ color: inherit; }
2143
2817
 
2144
2818
  /*# sourceMappingURL=converse.css.map */