2 * Converse.js (Web-based XMPP instant messaging client)
3 * http://conversejs.org
5 * Copyright (c) 2012-2014, JC Brand <jc@opkode.com>
6 * Licensed under the Mozilla Public License
10 https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
11 http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
14 font-family: 'Converse-js';
15 src: url("../fonticons/fonts/icomoon.eot?-mnoxh0");
16 src: url("../fonticons/fonts/icomoon.eot?#iefix-mnoxh0") format("embedded-opentype"), url("../fonticons/fonts/icomoon.woff?-mnoxh0") format("woff"), url("../fonticons/fonts/icomoon.ttf?-mnoxh0") format("truetype"), url("../fonticons/fonts/icomoon.svg?-mnoxh0#icomoon") format("svg");
20 font-family: 'Converse-js';
27 /* Better Font Rendering =========== */
28 -webkit-font-smoothing: antialiased;
29 -moz-osx-font-smoothing: grayscale; }
31 .icon-conversejs:before {
34 #conversejs .icon-address-book:before {
36 #conversejs .icon-angry:before {
38 #conversejs .icon-attachment:before {
40 #conversejs .icon-away:before {
42 #conversejs .icon-blocked:before {
44 #conversejs .icon-bold:before {
46 #conversejs .icon-bubbles-2:before {
48 #conversejs .icon-bubbles-3:before {
50 #conversejs .icon-bubbles:before {
52 #conversejs .icon-camera-2:before {
54 #conversejs .icon-camera:before {
56 #conversejs .icon-cancel-circle:before {
58 #conversejs .icon-checkbox-checked:before {
60 #conversejs .icon-checkbox-partial:before {
62 #conversejs .icon-checkbox-unchecked:before {
64 #conversejs .icon-checkmark:before {
66 #conversejs .icon-close:before {
68 #conversejs .icon-closed:before {
70 #conversejs .icon-cog:before {
72 #conversejs .icon-cogs:before {
74 #conversejs .icon-confused:before {
76 #conversejs .icon-cool:before {
78 #conversejs .icon-dnd:before {
80 #conversejs .icon-envelop:before {
82 #conversejs .icon-evil:before {
84 #conversejs .icon-eye-blocked:before {
86 #conversejs .icon-eye:before {
88 #conversejs .icon-globe:before {
90 #conversejs .icon-grin:before {
92 #conversejs .icon-happy:before {
94 #conversejs .icon-headphones:before {
96 #conversejs .icon-heart:before {
98 #conversejs .icon-hide-users:before {
100 #conversejs .icon-home:before {
102 #conversejs .icon-image:before {
104 #conversejs .icon-info:before {
106 #conversejs .icon-info-2:before {
108 #conversejs .icon-italic:before {
110 #conversejs .icon-key-2:before {
112 #conversejs .icon-key:before {
114 #conversejs .icon-lock-2:before {
116 #conversejs .icon-lock:before {
118 #conversejs .icon-logout:before {
120 #conversejs .icon-minus:before {
122 #conversejs .icon-music:before {
124 #conversejs .icon-new-tab:before {
126 #conversejs .icon-newspaper:before {
128 #conversejs .icon-notebook:before {
130 #conversejs .icon-notification:before {
132 #conversejs .icon-online:before {
134 #conversejs .icon-chat:before {
136 #conversejs .icon-opened:before {
138 #conversejs .icon-pencil:before {
140 #conversejs .icon-phone-hang-up:before {
142 #conversejs .icon-phone:before {
144 #conversejs .icon-play:before {
146 #conversejs .icon-plus:before {
148 #conversejs .icon-pushpin:before {
150 #conversejs .icon-quotes-left:before {
152 #conversejs .icon-radio-checked:before {
154 #conversejs .icon-radio-unchecked:before {
156 #conversejs .icon-remove:before {
158 #conversejs .icon-room-info:before {
160 #conversejs .icon-sad:before {
162 #conversejs .icon-search:before {
164 #conversejs .icon-shocked:before {
166 #conversejs .icon-show-users:before {
168 #conversejs .icon-smiley:before {
170 #conversejs .icon-spell-check:before {
172 #conversejs .icon-spinner:before {
174 #conversejs .icon-strikethrough:before {
176 #conversejs .icon-thumbs-up:before {
178 #conversejs .icon-tongue:before {
180 #conversejs .icon-underline:before {
182 #conversejs .icon-unlocked:before {
184 #conversejs .icon-user:before {
186 #conversejs .icon-users:before {
188 #conversejs .icon-volume-decrease:before {
190 #conversejs .icon-volume-high:before {
192 #conversejs .icon-volume-increase:before {
194 #conversejs .icon-volume-low:before {
196 #conversejs .icon-volume-medium:before {
198 #conversejs .icon-volume-mute-2:before {
200 #conversejs .icon-volume-mute:before {
202 #conversejs .icon-warning:before {
204 #conversejs .icon-wink:before {
206 #conversejs .icon-wondering:before {
208 #conversejs .icon-wrench:before {
210 #conversejs .icon-xa:before {
212 #conversejs .icon-unavailable:before,
213 #conversejs .icon-offline:before {
215 #conversejs .icon-youtube:before {
217 #conversejs .icon-zoom-in:before {
219 #conversejs .icon-zoom-out:before {
221 #conversejs [data-icon]:before {
222 content: attr(data-icon);
223 font-family: 'Converse-js';
224 font-variant: normal;
228 text-transform: none;
229 /* Better Font Rendering =========== */
230 -webkit-font-smoothing: antialiased;
231 -moz-osx-font-smoothing: grayscale; }
232 #conversejs [class^="icon-"]:before, #conversejs [class*=" icon-"]:before {
233 background-position: 14px 14px;
234 background-image: none;
235 font-family: 'Converse-js';
237 font-variant: normal;
243 text-transform: none;
244 /* Better Font Rendering =========== */
245 -webkit-font-smoothing: antialiased;
246 -moz-osx-font-smoothing: grayscale; }
251 Copyright 2014 Yahoo! Inc. All rights reserved.
252 Licensed under the BSD License.
253 https://github.com/yahoo/pure/blob/master/LICENSE.md
256 normalize.css v^3.0 | MIT License | git.io/normalize
257 Copyright (c) Nicolas Gallagher and Jonathan Neal
259 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
261 * 1. Set default font family to sans-serif.
262 * 2. Prevent iOS and IE text size adjust after device orientation change,
263 * without disabling user zoom.
266 * Remove default margin.
268 /* HTML5 display definitions
269 ========================================================================== */
271 * Correct `block` display not defined for any HTML5 element in IE 8/9.
272 * Correct `block` display not defined for `details` or `summary` in IE 10/11
274 * Correct `block` display not defined for `main` in IE 11.
277 * 1. Correct `inline-block` display not defined in IE 8/9.
278 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
281 * Prevent modern browsers from displaying `audio` without controls.
282 * Remove excess height in iOS 5 devices.
285 * Address `[hidden]` styling not present in IE 8/9/10.
286 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
289 ========================================================================== */
291 * Remove the gray background color from active links in IE 10.
294 * Improve readability of focused elements when they are also in an
295 * active/hover state.
297 /* Text-level semantics
298 ========================================================================== */
300 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
303 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
306 * Address styling not present in Safari and Chrome.
309 * Address variable `h1` font-size and margin within `section` and `article`
310 * contexts in Firefox 4+, Safari, and Chrome.
313 * Address styling not present in IE 8/9.
316 * Address inconsistent and variable font size in all browsers.
319 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
322 ========================================================================== */
324 * Remove border when inside `a` element in IE 8/9/10.
327 * Correct overflow not hidden in IE 9/10/11.
330 ========================================================================== */
332 * Address margin not present in IE 8/9 and Safari.
335 * Address differences between Firefox and other browsers.
338 * Contain overflow in all browsers.
341 * Address odd `em`-unit font size rendering in all browsers.
344 ========================================================================== */
346 * Known limitation: by default, Chrome and Safari on OS X allow very limited
347 * styling of `select`, unless a `border` property is set.
350 * 1. Correct color not being inherited.
351 * Known issue: affects color of disabled elements.
352 * 2. Correct font properties not being inherited.
353 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
356 * Address `overflow` set to `hidden` in IE 8/9/10/11.
359 * Address inconsistent `text-transform` inheritance for `button` and `select`.
360 * All other form control elements do not inherit `text-transform` values.
361 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
362 * Correct `select` style inheritance in Firefox.
365 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
366 * and `video` controls.
367 * 2. Correct inability to style clickable `input` types in iOS.
368 * 3. Improve usability and consistency of cursor style between image-type
369 * `input` and others.
372 * Re-set default cursor for disabled elements.
375 * Remove inner padding and border in Firefox 4+.
378 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
382 * It's recommended that you don't attempt to style these elements.
383 * Firefox's implementation doesn't respect box-sizing, padding, or width.
385 * 1. Address box sizing set to `content-box` in IE 8/9/10.
386 * 2. Remove excess padding in IE 8/9/10.
389 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
390 * `font-size` values of the `input`, it causes the cursor style of the
391 * decrement button to change from `default` to `text`.
394 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
395 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
398 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
399 * Safari (but not Chrome) clips the cancel button when the search input has
400 * padding (and `textfield` appearance).
403 * Define consistent border, margin, and padding.
406 * 1. Correct `color` not being inherited in IE 8/9/10/11.
407 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
410 * Remove default vertical scrollbar in IE 8/9/10/11.
413 * Don't inherit the `font-weight` (applied by a rule above).
414 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
417 ========================================================================== */
419 * Remove most spacing between table cells.
421 /*csslint important:false*/
422 /* ==========================================================================
424 ========================================================================== */
426 * Extra rules that Pure adds on top of Normalize.css
429 * Always hide an element when it has the `hidden` HTML attribute.
432 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
437 Copyright 2014 Yahoo! Inc. All rights reserved.
438 Licensed under the BSD License.
439 https://github.com/yahoo/pure/blob/master/LICENSE.md
441 /*csslint box-model:false*/
443 Box-model set to false because we're setting a height on select elements, which
444 also have border and padding. This is done because some browsers don't render
445 the padding. We explicitly set the box-model for select elements to border-box,
446 so we can ignore the csslint warning.
449 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
450 since IE8 won't execute CSS that contains a CSS3 selector.
452 /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
453 /* May be able to remove this tweak as color inputs become more standardized across browsers. */
455 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
456 since IE8 won't execute CSS that contains a CSS3 selector.
459 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
460 since IE8 won't execute CSS that contains a CSS3 selector.
463 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
464 since IE8 won't execute CSS that contains a CSS3 selector.
469 /* Inline help for forms */
470 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
471 /* Block help for forms */
474 Copyright 2014 Yahoo! Inc. All rights reserved.
475 Licensed under the BSD License.
476 https://github.com/yahoo/pure/blob/master/LICENSE.md
478 /* Firefox: Get rid of the inner focus border */
479 /*csslint outline-none:false*/
480 /* Firefox: Get rid of the inner focus border */
481 -webkit-box-sizing: border-box;
482 -moz-box-sizing: border-box;
483 box-sizing: border-box; }
485 font-family: sans-serif;
487 -ms-text-size-adjust: 100%;
489 -webkit-text-size-adjust: 100%;
496 #conversejs figcaption,
505 #conversejs summary {
509 #conversejs progress,
511 display: inline-block;
513 vertical-align: baseline;
515 #conversejs audio:not([controls]) {
518 #conversejs [hidden],
519 #conversejs template {
522 background-color: transparent; }
523 #conversejs a:active,
524 #conversejs a:hover {
526 #conversejs abbr[title] {
527 border-bottom: 1px dotted; }
532 font-style: italic; }
546 vertical-align: baseline; }
553 #conversejs svg:not(:root) {
558 box-sizing: content-box;
566 font-family: monospace, monospace;
570 #conversejs optgroup,
572 #conversejs textarea {
583 text-transform: none; }
585 #conversejs html input[type="button"],
586 #conversejs input[type="reset"],
587 #conversejs input[type="submit"] {
588 -webkit-appearance: button;
592 #conversejs button[disabled],
593 #conversejs html input[disabled] {
595 #conversejs button::-moz-focus-inner,
596 #conversejs input::-moz-focus-inner {
600 line-height: normal; }
601 #conversejs input[type="checkbox"],
602 #conversejs input[type="radio"] {
603 box-sizing: border-box;
607 #conversejs input[type="number"]::-webkit-inner-spin-button,
608 #conversejs input[type="number"]::-webkit-outer-spin-button {
610 #conversejs input[type="search"] {
611 -webkit-appearance: textfield;
613 box-sizing: content-box;
615 #conversejs input[type="search"]::-webkit-search-cancel-button,
616 #conversejs input[type="search"]::-webkit-search-decoration {
617 -webkit-appearance: none; }
618 #conversejs fieldset {
619 border: 1px solid #c0c0c0;
621 padding: 0.35em 0.625em 0.75em; }
627 #conversejs textarea {
629 #conversejs optgroup {
632 border-collapse: collapse;
638 #conversejs [hidden] {
639 display: none !important; }
640 #conversejs .pure-img {
644 #conversejs .pure-form input[type="text"],
645 #conversejs .pure-form input[type="password"],
646 #conversejs .pure-form input[type="email"],
647 #conversejs .pure-form input[type="url"],
648 #conversejs .pure-form input[type="date"],
649 #conversejs .pure-form input[type="month"],
650 #conversejs .pure-form input[type="time"],
651 #conversejs .pure-form input[type="datetime"],
652 #conversejs .pure-form input[type="datetime-local"],
653 #conversejs .pure-form input[type="week"],
654 #conversejs .pure-form input[type="number"],
655 #conversejs .pure-form input[type="search"],
656 #conversejs .pure-form input[type="tel"],
657 #conversejs .pure-form input[type="color"],
658 #conversejs .pure-form select,
659 #conversejs .pure-form textarea {
660 padding: 0.5em 0.6em;
661 display: inline-block;
662 border: 1px solid #ccc;
663 box-shadow: inset 0 1px 3px #ddd;
665 vertical-align: middle;
666 -webkit-box-sizing: border-box;
667 -moz-box-sizing: border-box;
668 box-sizing: border-box; }
669 #conversejs .pure-form input:not([type]) {
670 padding: 0.5em 0.6em;
671 display: inline-block;
672 border: 1px solid #ccc;
673 box-shadow: inset 0 1px 3px #ddd;
675 -webkit-box-sizing: border-box;
676 -moz-box-sizing: border-box;
677 box-sizing: border-box; }
678 #conversejs .pure-form input[type="color"] {
679 padding: 0.2em 0.5em; }
680 #conversejs .pure-form input[type="text"]:focus,
681 #conversejs .pure-form input[type="password"]:focus,
682 #conversejs .pure-form input[type="email"]:focus,
683 #conversejs .pure-form input[type="url"]:focus,
684 #conversejs .pure-form input[type="date"]:focus,
685 #conversejs .pure-form input[type="month"]:focus,
686 #conversejs .pure-form input[type="time"]:focus,
687 #conversejs .pure-form input[type="datetime"]:focus,
688 #conversejs .pure-form input[type="datetime-local"]:focus,
689 #conversejs .pure-form input[type="week"]:focus,
690 #conversejs .pure-form input[type="number"]:focus,
691 #conversejs .pure-form input[type="search"]:focus,
692 #conversejs .pure-form input[type="tel"]:focus,
693 #conversejs .pure-form input[type="color"]:focus,
694 #conversejs .pure-form select:focus,
695 #conversejs .pure-form textarea:focus {
697 border-color: #1A9707; }
698 #conversejs .pure-form input:not([type]):focus {
700 border-color: #1A9707; }
701 #conversejs .pure-form input[type="file"]:focus,
702 #conversejs .pure-form input[type="radio"]:focus,
703 #conversejs .pure-form input[type="checkbox"]:focus {
704 outline: thin solid #1A9707;
705 outline: 1px auto #1A9707; }
706 #conversejs .pure-form .pure-checkbox,
707 #conversejs .pure-form .pure-radio {
710 #conversejs .pure-form input[type="text"][disabled],
711 #conversejs .pure-form input[type="password"][disabled],
712 #conversejs .pure-form input[type="email"][disabled],
713 #conversejs .pure-form input[type="url"][disabled],
714 #conversejs .pure-form input[type="date"][disabled],
715 #conversejs .pure-form input[type="month"][disabled],
716 #conversejs .pure-form input[type="time"][disabled],
717 #conversejs .pure-form input[type="datetime"][disabled],
718 #conversejs .pure-form input[type="datetime-local"][disabled],
719 #conversejs .pure-form input[type="week"][disabled],
720 #conversejs .pure-form input[type="number"][disabled],
721 #conversejs .pure-form input[type="search"][disabled],
722 #conversejs .pure-form input[type="tel"][disabled],
723 #conversejs .pure-form input[type="color"][disabled],
724 #conversejs .pure-form select[disabled],
725 #conversejs .pure-form textarea[disabled] {
727 background-color: #eaeded;
729 #conversejs .pure-form input:not([type])[disabled] {
731 background-color: #eaeded;
733 #conversejs .pure-form input[readonly],
734 #conversejs .pure-form select[readonly],
735 #conversejs .pure-form textarea[readonly] {
736 background-color: #eee;
737 /* menu hover bg color */
739 /* menu text color */
740 border-color: #ccc; }
741 #conversejs .pure-form input:focus:invalid,
742 #conversejs .pure-form textarea:focus:invalid,
743 #conversejs .pure-form select:focus:invalid {
745 border-color: #e9322d; }
746 #conversejs .pure-form input[type="file"]:focus:invalid:focus,
747 #conversejs .pure-form input[type="radio"]:focus:invalid:focus,
748 #conversejs .pure-form input[type="checkbox"]:focus:invalid:focus {
749 outline-color: #e9322d; }
750 #conversejs .pure-form select {
751 /* Normalizes the height; padding is not sufficient. */
753 border: 1px solid #ccc;
754 background-color: white; }
755 #conversejs .pure-form select[multiple] {
757 #conversejs .pure-form label {
758 margin: 0.5em 0 0.2em; }
759 #conversejs .pure-form fieldset {
761 padding: 0.35em 0 0.75em;
763 #conversejs .pure-form legend {
767 margin-bottom: 0.3em;
769 border-bottom: 1px solid #e5e5e5; }
770 #conversejs .pure-form-stacked input[type="text"],
771 #conversejs .pure-form-stacked input[type="password"],
772 #conversejs .pure-form-stacked input[type="email"],
773 #conversejs .pure-form-stacked input[type="url"],
774 #conversejs .pure-form-stacked input[type="date"],
775 #conversejs .pure-form-stacked input[type="month"],
776 #conversejs .pure-form-stacked input[type="time"],
777 #conversejs .pure-form-stacked input[type="datetime"],
778 #conversejs .pure-form-stacked input[type="datetime-local"],
779 #conversejs .pure-form-stacked input[type="week"],
780 #conversejs .pure-form-stacked input[type="number"],
781 #conversejs .pure-form-stacked input[type="search"],
782 #conversejs .pure-form-stacked input[type="tel"],
783 #conversejs .pure-form-stacked input[type="color"],
784 #conversejs .pure-form-stacked input[type="file"],
785 #conversejs .pure-form-stacked select,
786 #conversejs .pure-form-stacked label,
787 #conversejs .pure-form-stacked textarea {
790 #conversejs .pure-form-stacked input:not([type]) {
793 #conversejs .pure-form-aligned input,
794 #conversejs .pure-form-aligned textarea,
795 #conversejs .pure-form-aligned select,
796 #conversejs .pure-form-aligned .pure-help-inline,
797 #conversejs .pure-form-message-inline {
798 display: inline-block;
801 vertical-align: middle; }
802 #conversejs .pure-form-aligned textarea {
803 vertical-align: top; }
804 #conversejs .pure-form-aligned .pure-control-group {
805 margin-bottom: 0.5em; }
806 #conversejs .pure-form-aligned .pure-control-group label {
808 display: inline-block;
809 vertical-align: middle;
812 #conversejs .pure-form-aligned .pure-controls {
813 margin: 1.5em 0 0 11em; }
814 #conversejs .pure-form input.pure-input-rounded,
815 #conversejs .pure-form .pure-input-rounded {
817 padding: 0.5em 1em; }
818 #conversejs .pure-form .pure-group fieldset {
819 margin-bottom: 10px; }
820 #conversejs .pure-form .pure-group input,
821 #conversejs .pure-form .pure-group textarea {
828 #conversejs .pure-form .pure-group input:focus,
829 #conversejs .pure-form .pure-group textarea:focus {
831 #conversejs .pure-form .pure-group input:first-child,
832 #conversejs .pure-form .pure-group textarea:first-child {
834 border-radius: 4px 4px 0 0;
836 #conversejs .pure-form .pure-group input:first-child:last-child,
837 #conversejs .pure-form .pure-group textarea:first-child:last-child {
841 #conversejs .pure-form .pure-group input:last-child,
842 #conversejs .pure-form .pure-group textarea:last-child {
844 border-radius: 0 0 4px 4px;
846 #conversejs .pure-form .pure-group button {
848 #conversejs .pure-form .pure-input-1 {
850 #conversejs .pure-form .pure-input-3-4 {
852 #conversejs .pure-form .pure-input-2-3 {
854 #conversejs .pure-form .pure-input-1-2 {
856 #conversejs .pure-form .pure-input-1-3 {
858 #conversejs .pure-form .pure-input-1-4 {
860 #conversejs .pure-form .pure-help-inline,
861 #conversejs .pure-form-message-inline {
862 display: inline-block;
865 vertical-align: middle;
866 font-size: 0.875em; }
867 #conversejs .pure-form-message {
870 font-size: 0.875em; }
871 @media only screen and (max-width: 480px) {
873 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ }
874 #conversejs .pure-form button[type="submit"] {
876 #conversejs .pure-form input:not([type]),
877 #conversejs .pure-form input[type="text"],
878 #conversejs .pure-form input[type="password"],
879 #conversejs .pure-form input[type="email"],
880 #conversejs .pure-form input[type="url"],
881 #conversejs .pure-form input[type="date"],
882 #conversejs .pure-form input[type="month"],
883 #conversejs .pure-form input[type="time"],
884 #conversejs .pure-form input[type="datetime"],
885 #conversejs .pure-form input[type="datetime-local"],
886 #conversejs .pure-form input[type="week"],
887 #conversejs .pure-form input[type="number"],
888 #conversejs .pure-form input[type="search"],
889 #conversejs .pure-form input[type="tel"],
890 #conversejs .pure-form input[type="color"],
891 #conversejs .pure-form label {
892 margin-bottom: 0.3em;
894 #conversejs .pure-group input:not([type]),
895 #conversejs .pure-group input[type="text"],
896 #conversejs .pure-group input[type="password"],
897 #conversejs .pure-group input[type="email"],
898 #conversejs .pure-group input[type="url"],
899 #conversejs .pure-group input[type="date"],
900 #conversejs .pure-group input[type="month"],
901 #conversejs .pure-group input[type="time"],
902 #conversejs .pure-group input[type="datetime"],
903 #conversejs .pure-group input[type="datetime-local"],
904 #conversejs .pure-group input[type="week"],
905 #conversejs .pure-group input[type="number"],
906 #conversejs .pure-group input[type="search"],
907 #conversejs .pure-group input[type="tel"],
908 #conversejs .pure-group input[type="color"] {
910 #conversejs .pure-form-aligned .pure-control-group label {
911 margin-bottom: 0.3em;
915 #conversejs .pure-form-aligned .pure-controls {
916 margin: 1.5em 0 0 0; }
917 #conversejs .pure-form .pure-help-inline,
918 #conversejs .pure-form-message-inline,
919 #conversejs .pure-form-message {
922 /* Increased bottom padding to make it group with its related input element. */
923 padding: 0.2em 0 0.8em; } }
924 #conversejs .pure-button {
926 display: inline-block;
930 vertical-align: middle;
933 -webkit-user-drag: none;
934 -webkit-user-select: none;
935 -moz-user-select: none;
936 -ms-user-select: none;
938 -webkit-box-sizing: border-box;
939 -moz-box-sizing: border-box;
940 box-sizing: border-box; }
941 #conversejs .pure-button::-moz-focus-inner {
944 #conversejs .pure-button {
945 font-family: inherit;
949 /* rgba not supported (IE 8) */
950 color: rgba(0, 0, 0, 0.8);
952 border: 1px solid #999;
954 border: none transparent;
955 /*IE9 + everything else*/
956 background-color: #E6E6E6;
957 text-decoration: none;
958 border-radius: 2px; }
959 #conversejs .pure-button-hover,
960 #conversejs .pure-button:hover,
961 #conversejs .pure-button:focus {
962 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
963 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
964 background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
965 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
966 background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
967 background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }
968 #conversejs .pure-button:focus {
970 #conversejs .pure-button-active,
971 #conversejs .pure-button:active {
972 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
973 border-color: #000 \9; }
974 #conversejs .pure-button[disabled],
975 #conversejs .pure-button-disabled,
976 #conversejs .pure-button-disabled:hover,
977 #conversejs .pure-button-disabled:focus,
978 #conversejs .pure-button-disabled:active {
980 background-image: none;
981 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
982 filter: alpha(opacity=40);
983 -khtml-opacity: 0.40;
988 #conversejs .pure-button-hidden {
990 #conversejs .pure-button::-moz-focus-inner {
993 #conversejs .pure-button-primary,
994 #conversejs .pure-button-selected,
995 #conversejs a.pure-button-primary,
996 #conversejs a.pure-button-selected {
997 background-color: #0078e7;
999 #conversejs *, #conversejs *:before, #conversejs *:after {
1000 -webkit-box-sizing: border-box;
1001 -moz-box-sizing: border-box;
1002 box-sizing: border-box; }
1003 @media screen and (max-width: 480px) {
1011 #conversejs div, #conversejs span, #conversejs h1, #conversejs h2, #conversejs h3, #conversejs h4, #conversejs h5, #conversejs h6, #conversejs p, #conversejs blockquote,
1012 #conversejs pre, #conversejs a, #conversejs em, #conversejs img, #conversejs strong, #conversejs dl, #conversejs dt, #conversejs dd, #conversejs ol, #conversejs ul, #conversejs li,
1013 #conversejs fieldset, #conversejs form, #conversejs label, #conversejs legend, #conversejs table, #conversejs caption, #conversejs tbody,
1014 #conversejs tfoot, #conversejs thead, #conversejs tr, #conversejs th, #conversejs td, #conversejs article, #conversejs aside, #conversejs canvas, #conversejs details,
1015 #conversejs embed, #conversejs figure, #conversejs figcaption, #conversejs footer, #conversejs header, #conversejs hgroup, #conversejs menu,
1016 #conversejs nav, #conversejs output, #conversejs ruby, #conversejs section, #conversejs summary, #conversejs time, #conversejs mark, #conversejs audio, #conversejs video {
1021 vertical-align: baseline; }
1022 #conversejs textarea,
1023 #conversejs input[type=submit], #conversejs input[type=button],
1024 #conversejs input[type=text], #conversejs input[type=password],
1025 #conversejs button {
1029 #conversejs strong {
1031 #conversejs ol, #conversejs ul {
1035 #conversejs ul, #conversejs ol, #conversejs dl {
1038 #conversejs a, #conversejs a:visited {
1039 text-decoration: none;
1041 text-shadow: none; }
1055 @media screen and (max-width: 480px) {
1059 #conversejs ::selection {
1060 background-color: #DCF9F6; }
1061 #conversejs ::-moz-selection {
1062 background-color: #DCF9F6; }
1063 #conversejs .no-text-select {
1064 -webkit-touch-callout: none;
1065 -webkit-user-select: none;
1066 -moz-user-select: none;
1067 -ms-user-select: none;
1068 user-select: none; }
1069 #conversejs .emoticon {
1073 #conversejs .right {
1075 #conversejs .centered {
1079 #conversejs .hor_centered {
1084 #conversejs .hidden {
1086 #conversejs .locked {
1087 padding-right: 22px; }
1088 @-webkit-keyframes spin {
1090 -webkit-transform: rotate(0deg); }
1092 -webkit-transform: rotate(359deg); } }
1093 @-moz-keyframes spin {
1095 -moz-transform: rotate(0deg); }
1097 -moz-transform: rotate(359deg); } }
1100 -webkit-transform: rotate(0deg);
1101 -moz-transform: rotate(0deg);
1102 -ms-transform: rotate(0deg);
1103 -o-transform: rotate(0deg);
1104 transform: rotate(0deg); }
1106 -webkit-transform: rotate(359deg);
1107 -moz-transform: rotate(359deg);
1108 -ms-transform: rotate(359deg);
1109 -o-transform: rotate(359deg);
1110 transform: rotate(359deg); } }
1111 #conversejs .spinner {
1112 -webkit-animation: spin 2s infinite, linear;
1113 -moz-animation: spin 2s infinite, linear;
1114 animation: spin 2s infinite, linear;
1118 #conversejs .spinner:before {
1120 font-family: 'Converse-js' !important;
1122 #conversejs .button-group,
1123 #conversejs .input-button-group {
1125 #conversejs .button-group {
1127 #conversejs .input-button-group button,
1128 #conversejs .input-button-group input {
1129 display: table-cell; }
1130 #conversejs .error {
1132 #conversejs .reg-feedback {
1134 #conversejs .reg-feedback,
1135 #conversejs #converse-login .conn-feedback {
1139 #conversejs a.restore-chat {
1140 padding: 1px 0 1px 5px;
1145 text-overflow: ellipsis;
1146 white-space: nowrap; }
1147 #conversejs a.restore-chat:visited {
1149 #conversejs .activated {
1150 display: block !important; }
1151 #conversejs .pure-button {
1152 border-radius: 4px; }
1153 #conversejs .button-primary {
1155 background-color: #2AC611; }
1156 #conversejs .button-secondary {
1158 background-color: #83A0D6; }
1159 #conversejs .button-cancel {
1161 background-color: #D24E2B; }
1162 #conversejs form.pure-form.converse-form {
1165 #conversejs form.pure-form.converse-form legend {
1167 #conversejs form.pure-form.converse-form label {
1169 #conversejs form.pure-form.converse-form input[type=text],
1170 #conversejs form.pure-form.converse-form input[type=password],
1171 #conversejs form.pure-form.converse-form input[type=number],
1172 #conversejs form.pure-form.converse-form input[type=button],
1173 #conversejs form.pure-form.converse-form input[type=submit] {
1175 #conversejs form.pure-form.converse-form input[type=button],
1176 #conversejs form.pure-form.converse-form input[type=submit] {
1179 margin-right: 1em; }
1180 #conversejs form.pure-form.converse-form input.error {
1181 border: 1px solid red;
1183 #conversejs form.pure-form.converse-form .form-help {
1186 padding-top: 0.5em; }
1187 #conversejs form.pure-form.converse-form .form-help:hover {
1189 #conversejs .chat-textarea-chatbox-selected {
1190 border: 1px solid #578308;
1192 #conversejs .chat-textarea-chatroom-selected {
1193 border: 2px solid #2A9D8F;
1195 #conversejs .dropdown dt,
1196 #conversejs .dropdown ul {
1200 #conversejs .flyout {
1204 position: absolute; }
1205 #conversejs .chat-head {
1206 border-top-left-radius: 4px;
1207 border-top-right-radius: 4px;
1213 position: relative; }
1214 #conversejs .chat-head .avatar {
1215 margin-right: 0.5em;
1218 #conversejs .chat-head.chat-head-chatbox {
1219 background-color: #F4A261; }
1220 #conversejs .chat-head .user-custom-message {
1227 text-overflow: ellipsis;
1228 white-space: nowrap;
1230 padding-top: 0.2em; }
1231 #conversejs .chatbox-btn {
1233 border: 1px solid white;
1236 display: inline-block;
1240 margin-right: 0.2em;
1241 padding: 0.5em 0.5em 0.3em 0.5em;
1242 text-decoration: none; }
1243 #conversejs .chatbox-btn:active {
1246 #conversejs .chatbox {
1252 @media screen and (max-width: 480px) {
1253 #conversejs .chatbox {
1256 #conversejs .chatbox .box-flyout {
1257 background-color: white;
1258 box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
1264 @media screen and (max-width: 480px) {
1265 #conversejs .chatbox .box-flyout {
1269 #conversejs .chatbox .chat-title {
1273 text-overflow: ellipsis;
1276 #conversejs .chatbox .chat-title a {
1279 #conversejs .chatbox .chat-body {
1280 background-color: white;
1281 border-bottom-left-radius: 4px;
1282 border-bottom-right-radius: 4px;
1285 height: -webkit-calc(100% - 55px);
1286 height: calc(100% - 55px); }
1287 #conversejs .chatbox .chat-body p {
1292 #conversejs .chatbox .chat-body .chat-info {
1295 #conversejs .chatbox .chat-body .chat-info.chat-event {
1297 font-style: italic; }
1298 #conversejs .chatbox .chat-body .chat-info.chat-error {
1300 font-weight: bold; }
1301 #conversejs .chatbox .chat-body .chat-info.chat-date {
1302 display: inline-block;
1304 #conversejs .chatbox .chat-body .chat-message {
1306 #conversejs .chatbox .chat-body .chat-message span {
1307 display: inline-block; }
1308 #conversejs .chatbox .chat-body .chat-message span.chat-msg-author {
1311 white-space: nowrap;
1313 text-overflow: ellipsis;
1315 #conversejs .chatbox .chat-body .chat-message span.chat-msg-them {
1317 #conversejs .chatbox .chat-body .chat-message span.chat-msg-me {
1319 #conversejs .chatbox .chat-body .chat-message span.chat-msg-content {
1321 word-wrap: break-word; }
1322 #conversejs .chatbox .chat-body .delayed .chat-msg-them {
1324 #conversejs .chatbox .chat-body .delayed .chat-msg-me {
1326 #conversejs .chatbox .chat-content {
1333 background-color: #ffffff;
1336 height: calc(100% - 96px); }
1337 #conversejs .chatbox .dropdown {
1338 /* status dropdown styles */
1339 background-color: #FCFDFD; }
1340 #conversejs .chatbox .dropdown dd {
1343 position: relative; }
1344 #conversejs .chatbox form.sendXMPPMessage {
1345 -moz-background-clip: padding;
1346 -webkit-background-clip: padding-box;
1347 border-bottom-left-radius: 4px;
1348 border-bottom-right-radius: 4px;
1349 background-clip: padding-box;
1351 border-top: 1px solid #BBB;
1358 @media screen and (max-width: 480px) {
1359 #conversejs .chatbox form.sendXMPPMessage {
1361 #conversejs .chatbox form.sendXMPPMessage .chat-textarea {
1362 border-bottom-left-radius: 4px;
1363 border-bottom-right-radius: 4px;
1369 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar {
1375 background-color: #FFF5EE; }
1376 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
1378 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text {
1381 text-shadow: 0 1px 0 white; }
1382 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a,
1383 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted {
1385 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unverified a,
1386 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unverified {
1388 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .private a,
1389 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .private {
1391 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-occupants,
1392 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-clear,
1393 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr {
1395 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li {
1396 display: inline-block;
1398 padding: 0 3px 0 3px;
1401 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li:hover {
1403 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul {
1406 box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
1412 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul li {
1415 position: relative; }
1416 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul li a:hover {
1418 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley {
1420 padding-left: 5px; }
1421 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul li {
1425 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul li:hover {
1426 background-color: #DCF9F6; }
1427 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li {
1429 background-color: white;
1432 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li a {
1433 -moz-transition: background-color 0.2s ease-in-out;
1434 -webkit-transition: background-color 0.2s ease-in-out;
1435 transition: background-color 0.2s ease-in-out;
1438 text-decoration: none; }
1439 #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-otr ul li:hover {
1440 background-color: #DCF9F6; }
1441 #conversejs .chatbox .dragresize {
1442 background: transparent;
1448 #conversejs .chatbox .dragresize-top {
1452 #conversejs .chatbox .dragresize-left {
1457 #conversejs .chatbox .dragresize-topleft {
1464 #conversejs #controlbox {
1466 margin-right: 1em; }
1467 @media screen and (max-width: 480px) {
1468 #conversejs #controlbox {
1470 #conversejs #controlbox .controlbox-head {
1471 background-color: #577BDD;
1472 border-top-left-radius: 4px;
1473 border-top-right-radius: 4px;
1477 padding: 6px 6px 6px 0; }
1478 #conversejs #controlbox form.search-xmpp-contact {
1481 padding: 0 0 5px 5px; }
1482 #conversejs #controlbox form.search-xmpp-contact input {
1484 #conversejs #controlbox a.subscribe-to-user {
1486 font-weight: bold; }
1487 #conversejs #controlbox #converse-register {
1488 background: white; }
1489 #conversejs #controlbox #converse-register .title {
1490 font-weight: bold; }
1491 #conversejs #controlbox #converse-register .info {
1496 #conversejs #controlbox #converse-register .form-errors {
1499 #conversejs #controlbox #converse-register .provider-title {
1501 #conversejs #controlbox #converse-register .provider-score {
1503 margin-bottom: 8px; }
1504 #conversejs #controlbox #converse-register .form-help .url {
1507 #conversejs #controlbox #converse-register .input-group {
1511 #conversejs #controlbox #converse-register .input-group span {
1513 text-overflow: ellipsis;
1515 #conversejs #controlbox #converse-register .input-group span, #conversejs #controlbox #converse-register .input-group input[name=username] {
1516 display: table-cell;
1518 #conversejs #controlbox #converse-register .instructions {
1521 #conversejs #controlbox #converse-register .instructions:hover {
1523 #conversejs #controlbox #converse-register, #conversejs #controlbox #converse-login {
1525 #conversejs #controlbox #converse-register .login-anon, #conversejs #controlbox #converse-login .login-anon {
1527 white-space: normal; }
1528 #conversejs #controlbox #converse-register .save-submit, #conversejs #controlbox #converse-login .save-submit {
1530 #conversejs #controlbox #converse-register input, #conversejs #controlbox #converse-login input {
1533 #conversejs #controlbox #users .add-converse-contact {
1534 margin: 0 1em 0.75em 1em; }
1535 #conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
1536 #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
1537 #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
1539 #conversejs #controlbox #chatrooms #available-chatrooms {
1540 padding: 0 1em 2em 1em;
1542 #conversejs #controlbox #chatrooms #available-chatrooms dt {
1545 font-weight: normal;
1547 padding-bottom: 0.5em;
1548 text-shadow: 0 1px 0 #FAFAFA; }
1549 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom {
1556 text-shadow: 0 1px 0 #FAFAFA;
1557 word-wrap: break-word; }
1558 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom:hover {
1559 background-color: #DCF9F6; }
1560 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info {
1564 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info:before {
1566 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.open-room {
1569 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom .room-info {
1572 font-weight: normal; }
1573 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom li.room-info {
1576 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom p.room-info {
1580 white-space: normal; }
1581 #conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom div.room-info {
1584 #conversejs #controlbox .dropdown a {
1586 display: inline-block;
1587 line-height: 25px; }
1588 #conversejs #controlbox .dropdown li {
1591 #conversejs #controlbox .dropdown dd ul {
1597 border: 1px solid #B1BFC4;
1600 background-color: #FCFDFD; }
1601 #conversejs #controlbox .dropdown dd ul li:hover {
1602 background-color: #DCF9F6; }
1603 #conversejs #controlbox .dropdown dd.search-xmpp ul {
1604 box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4); }
1605 #conversejs #controlbox .dropdown dd.search-xmpp ul li:hover {
1606 background-color: #FCFDFD; }
1607 #conversejs #controlbox .dropdown dt a span {
1610 padding: 4px 7px 0 5px; }
1611 #conversejs #controlbox #select-xmpp-status {
1613 margin-right: 0.5em; }
1614 #conversejs #controlbox #set-custom-xmpp-status {
1617 #conversejs #controlbox #set-custom-xmpp-status fieldset {
1620 #conversejs #controlbox #set-custom-xmpp-status input {
1622 width: -webkit-calc(100% - 40px);
1623 width: calc(100% - 40px);
1624 padding: 0 0 0 0.5em; }
1625 #conversejs #controlbox #set-custom-xmpp-status input[type=submit] {
1630 #conversejs #controlbox #controlbox-tabs {
1635 list-style-type: none;
1637 #conversejs #controlbox #controlbox-tabs li {
1641 text-shadow: white 0 1px 0;
1643 #conversejs #controlbox #controlbox-tabs li a {
1644 background-color: white;
1645 border-bottom: 1px solid #CCC;
1646 border-top-left-radius: 4px;
1647 border-top-right-radius: 4px;
1648 box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
1656 text-decoration: none; }
1657 #conversejs #controlbox #controlbox-tabs li a:hover {
1659 #conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
1665 #conversejs #controlbox .fancy-dropdown {
1666 border: 1px solid #B1BFC4;
1671 padding-left: 0.3em; }
1672 #conversejs #controlbox .fancy-dropdown .choose-xmpp-status {
1674 #conversejs #controlbox .fancy-dropdown .choose-xmpp-status,
1675 #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
1676 text-shadow: 0 1px 0 #ffffff;
1678 text-overflow: ellipsis;
1679 white-space: nowrap;
1681 #conversejs #controlbox .fancy-dropdown.no-border {
1683 #conversejs #controlbox #fancy-xmpp-status-select {
1685 #conversejs #controlbox #fancy-xmpp-status-select .xmpp-status {
1688 #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message {
1692 margin-right: 0.3em;
1694 #conversejs #controlbox .controlbox-pane {
1695 background-color: white;
1696 border-bottom-left-radius: 4px;
1697 border-bottom-right-radius: 4px;
1704 height: -webkit-calc(100% - 55px);
1705 height: calc(100% - 55px);
1707 overflow-x: hidden; }
1708 #conversejs #controlbox .controlbox-pane label {
1713 #conversejs #controlbox .controlbox-pane dd {
1716 #conversejs #controlbox .controlbox-pane dd.odd {
1717 background-color: #DCEAC5; }
1718 #conversejs #controlbox #users {
1719 overflow-y: hidden; }
1720 #conversejs #controlbox .add-xmpp-contact {
1723 #conversejs #controlbox .add-xmpp-contact input {
1726 #conversejs #controlbox .add-xmpp-contact button {
1728 #conversejs #controlbox .xmpp-status-menu {
1730 box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4); }
1731 #conversejs #controlbox .xmpp-status-menu li {
1733 #conversejs #controlbox .xmpp-status-menu li a {
1736 #conversejs #controlbox .xmpp-status-menu li a.logout,
1737 #conversejs #controlbox .xmpp-status-menu li a.logout span {
1739 #conversejs #controlbox .set-xmpp-status {
1741 margin: 1em 1em 0.5em 1em; }
1742 #conversejs #controlbox .set-xmpp-status .dropdown dd ul {
1744 #conversejs .toggle-controlbox {
1745 background-color: #2A9D8F;
1746 border-top-left-radius: 4px;
1747 border-top-right-radius: 4px;
1752 padding: 10px 8px 0 8px; }
1753 #conversejs .toggle-controlbox span {
1756 #conversejs #converse-roster {
1762 height: calc(100% - 50px - 20px);
1765 padding-bottom: 3em; }
1766 #conversejs #converse-roster.no-contact-requests {
1767 height: calc(100% - 25px - 20px); }
1768 #conversejs #converse-roster .search-xmpp ul li.chat-info {
1769 padding-left: 10px; }
1770 #conversejs #converse-roster .roster-filter-group {
1774 /* (jQ addClass:) if input has value: */
1775 /* (jQ addClass:) if mouse is over the 'x' input area*/ }
1776 #conversejs #converse-roster .roster-filter-group .roster-filter {
1778 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==) no-repeat right -20px center;
1779 border: 1px solid #999;
1784 padding-left: 0.4em;
1786 #conversejs #converse-roster .roster-filter-group .roster-filter.x {
1787 background-position: right 3px center; }
1788 #conversejs #converse-roster .roster-filter-group .roster-filter.onX {
1790 #conversejs #converse-roster .roster-filter-group .filter-type {
1791 display: table-cell;
1793 font-size: calc(14px - 2px);
1798 border: 1px solid; }
1799 #conversejs #converse-roster .roster-contacts {
1804 #conversejs #converse-roster .roster-contacts dt.roster-group {
1808 font-weight: normal;
1811 text-shadow: 0 1px 0 #FAFAFA; }
1812 #conversejs #converse-roster .roster-contacts dt.roster-group:hover {
1813 background-color: #DCF9F6; }
1814 #conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle {
1818 #conversejs #converse-roster .roster-contacts dd {
1825 padding: 0.3em 0 0.3em 1em;
1826 text-shadow: 0 1px 0 #FAFAFA;
1829 #conversejs #converse-roster .roster-contacts dd .open-chat {
1831 #conversejs #converse-roster .roster-contacts dd:hover {
1832 background-color: #DCF9F6; }
1833 #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact {
1834 display: inline-block; }
1835 #conversejs #converse-roster .roster-contacts dd:hover .open-chat {
1837 #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact.request-actions {
1839 margin-bottom: 0.3em;
1841 #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name {
1844 #conversejs #converse-roster .roster-contacts dd.current-xmpp-contact span {
1848 #conversejs #converse-roster .roster-contacts dd.odd {
1849 background-color: #DCEAC5;
1850 /* Make this difference */ }
1851 #conversejs #converse-roster .roster-contacts dd a, #conversejs #converse-roster .roster-contacts dd span {
1852 text-shadow: 0 1px 0 #FAFAFA;
1853 display: inline-block;
1855 white-space: nowrap;
1856 text-overflow: ellipsis; }
1857 #conversejs #converse-roster .roster-contacts dd span {
1858 padding: 0 0.5em 0 0;
1860 #conversejs #converse-roster .roster-contacts dd a.decline-xmpp-request {
1862 #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact {
1867 #conversejs #converse-roster span.pending-contact-name {
1870 #conversejs .chat-head-chatroom {
1871 background-color: #E76F51; }
1872 #conversejs .chat-head-chatroom .chatroom-topic {
1878 text-overflow: ellipsis;
1879 white-space: nowrap;
1881 margin-top: 0.3em; }
1882 #conversejs .chatroom {
1884 @media screen and (max-width: 480px) {
1885 #conversejs .chatroom {
1887 #conversejs .chatroom .box-flyout {
1890 #conversejs .chatroom .box-flyout {
1893 #conversejs .chatroom .box-flyout .chatroom-body {
1895 border-bottom-left-radius: 4px;
1896 border-bottom-right-radius: 4px;
1897 height: -webkit-calc(100% - 55px);
1898 height: calc(100% - 55px);
1899 background-color: white;
1902 #conversejs .chatroom .box-flyout .chatroom-body .chat-area {
1903 word-wrap: break-word;
1908 #conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
1909 padding: 0 0.5em 0 0.5em; }
1910 #conversejs .chatroom .box-flyout .chatroom-body .chat-area.full {
1912 #conversejs .chatroom .box-flyout .chatroom-body .mentioned {
1913 font-weight: bold; }
1914 #conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
1916 #conversejs .chatroom .box-flyout .chatroom-body .occupants {
1917 vertical-align: top;
1918 background-color: white;
1920 border-left: 1px solid #818479;
1921 border-bottom-right-radius: 4px;
1924 #conversejs .chatroom .box-flyout .chatroom-body .occupants.hidden {
1926 #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
1928 font-weight: bold; }
1929 #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list {
1931 height: calc(100% - 70px);
1935 #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list li {
1941 text-overflow: ellipsis;
1942 white-space: nowrap;
1944 #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupant-list li.moderator {
1946 #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container {
1947 background-color: white;
1948 border-bottom-left-radius: 4px;
1949 border-bottom-right-radius: 4px;
1954 height: -webkit-calc(100% - 55px);
1955 height: calc(100% - 55px);
1957 position: absolute; }
1958 #conversejs .chatroom .chat-textarea {
1959 border-bottom-right-radius: 0; }
1960 #conversejs .chatroom .room-invite {
1962 #conversejs .chatroom .room-invite .invited-contact {
1963 margin: -1px 0 0 -1px;
1965 border: 1px solid #999; }
1966 #conversejs .chatroom .room-invite .invited-contact.tt-input {
1968 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; }
1969 #conversejs .chatroom .room-invite .invited-contact.tt-input:focus {
1970 border-color: #E76F51; }
1971 #conversejs .chatroom .room-invite .invited-contact.tt-hint {
1973 background-color: white; }
1974 #conversejs .chatroom .room-invite .tt-dropdown-menu {
1977 background: #E76F51;
1978 border-bottom-right-radius: 4px;
1979 border-bottom-left-radius: 4px;
1981 #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion p {
1985 text-overflow: ellipsis;
1986 overflow-x: hidden; }
1987 #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion p:hover {
1988 background-color: #FF977C; }
1989 #conversejs .chatroom .room-invite .tt-dropdown-menu .tt-suggestion .tt-highlight {
1990 background-color: #D24E2B; }
1992 #conversejs #minimized-chats {
1993 border-top-left-radius: 4px;
1994 border-top-right-radius: 4px;
2003 #conversejs #minimized-chats #toggle-minimized-chats {
2004 border-top-left-radius: 4px;
2005 border-top-right-radius: 4px;
2006 background-color: #2A9D8F;
2009 padding: 10px 0 0 0;
2013 text-align: center; }
2014 #conversejs #minimized-chats .minimized-chats-flyout {
2017 #conversejs #minimized-chats .minimized-chats-flyout .chat-head {
2022 margin-bottom: 0.2em;
2023 box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4); }
2024 #conversejs #minimized-chats .minimized-chats-flyout.minimized {
2026 #conversejs #minimized-chats .unread-message-count,
2027 #conversejs #minimized-chats .chat-head-message-count {
2029 background-color: white;
2031 text-shadow: 1px 1px 0 #FAFAFA;
2041 /*# sourceMappingURL=converse.css.map */