2014-05-07 22:36:45 +02:00
|
|
|
/*!
|
|
|
|
|
* Converse.js (Web-based XMPP instant messaging client)
|
|
|
|
|
* http://conversejs.org
|
|
|
|
|
*
|
|
|
|
|
* Copyright (c) 2012, Jan-Carel Brand <jc@opkode.com>
|
|
|
|
|
* Dual licensed under the MIT and GPL Licenses
|
|
|
|
|
*/
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Converse-js';
|
|
|
|
|
src: url('fonticons/fonts/Converse-js.eot');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Converse-js';
|
|
|
|
|
src: url(data:application/font-woff;charset=utf-8;base64,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
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
|
|
|
|
#conversejs [data-icon]:before {
|
|
|
|
|
font-family: 'Converse-js';
|
|
|
|
|
content: attr(data-icon);
|
|
|
|
|
speak: none;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-variant: normal;
|
|
|
|
|
text-transform: none;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
}
|
|
|
|
|
/* Use the following CSS code if you want to have a class per icon */
|
|
|
|
|
/*
|
|
|
|
|
Instead of a list of all class selectors,
|
|
|
|
|
you can use the generic selector below, but it's slower:
|
|
|
|
|
[class*="icon-"] {
|
|
|
|
|
*/
|
|
|
|
|
#conversejs .icon-home,
|
|
|
|
|
#conversejs .icon-pencil,
|
|
|
|
|
#conversejs .icon-camera,
|
|
|
|
|
#conversejs .icon-camera-2,
|
|
|
|
|
#conversejs .icon-play,
|
|
|
|
|
#conversejs .icon-music,
|
|
|
|
|
#conversejs .icon-headphones,
|
|
|
|
|
#conversejs .icon-phone,
|
|
|
|
|
#conversejs .icon-phone-hang-up,
|
|
|
|
|
#conversejs .icon-address-book,
|
|
|
|
|
#conversejs .icon-notebook,
|
|
|
|
|
#conversejs .icon-envelop,
|
|
|
|
|
#conversejs .icon-pushpin,
|
|
|
|
|
#conversejs .icon-online,
|
|
|
|
|
#conversejs .icon-away,
|
|
|
|
|
#conversejs .icon-xa,
|
|
|
|
|
#conversejs .icon-bubbles,
|
|
|
|
|
#conversejs .icon-bubbles-2,
|
|
|
|
|
#conversejs .icon-bubbles-3,
|
|
|
|
|
#conversejs .icon-user,
|
|
|
|
|
#conversejs .icon-users,
|
|
|
|
|
#conversejs .icon-quotes-left,
|
|
|
|
|
#conversejs .icon-spinner,
|
|
|
|
|
#conversejs .icon-search,
|
|
|
|
|
#conversejs .icon-cogs,
|
|
|
|
|
#conversejs .icon-wrench,
|
|
|
|
|
#conversejs .icon-unlocked,
|
|
|
|
|
#conversejs .icon-lock,
|
|
|
|
|
#conversejs .icon-lock-2,
|
|
|
|
|
#conversejs .icon-key,
|
|
|
|
|
#conversejs .icon-key-2,
|
|
|
|
|
#conversejs .icon-zoom-out,
|
|
|
|
|
#conversejs .icon-zoom-in,
|
|
|
|
|
#conversejs .icon-cog,
|
|
|
|
|
#conversejs .icon-remove,
|
|
|
|
|
#conversejs .icon-remove-2,
|
|
|
|
|
#conversejs .icon-eye,
|
|
|
|
|
#conversejs .icon-eye-blocked,
|
|
|
|
|
#conversejs .icon-attachment,
|
|
|
|
|
#conversejs .icon-globe,
|
|
|
|
|
#conversejs .icon-heart,
|
|
|
|
|
#conversejs .icon-happy,
|
|
|
|
|
#conversejs .icon-thumbs-up,
|
|
|
|
|
#conversejs .icon-smiley,
|
|
|
|
|
#conversejs .icon-tongue,
|
|
|
|
|
#conversejs .icon-sad,
|
|
|
|
|
#conversejs .icon-wink,
|
|
|
|
|
#conversejs .icon-wondering,
|
|
|
|
|
#conversejs .icon-confused,
|
|
|
|
|
#conversejs .icon-shocked,
|
|
|
|
|
#conversejs .icon-evil,
|
|
|
|
|
#conversejs .icon-angry,
|
|
|
|
|
#conversejs .icon-cool,
|
|
|
|
|
#conversejs .icon-grin,
|
|
|
|
|
#conversejs .icon-info,
|
|
|
|
|
#conversejs .icon-notification,
|
|
|
|
|
#conversejs .icon-warning,
|
|
|
|
|
#conversejs .icon-spell-check,
|
|
|
|
|
#conversejs .icon-volume-high,
|
|
|
|
|
#conversejs .icon-volume-medium,
|
|
|
|
|
#conversejs .icon-volume-low,
|
|
|
|
|
#conversejs .icon-volume-mute,
|
|
|
|
|
#conversejs .icon-volume-mute-2,
|
|
|
|
|
#conversejs .icon-volume-decrease,
|
|
|
|
|
#conversejs .icon-volume-increase,
|
|
|
|
|
#conversejs .icon-bold,
|
|
|
|
|
#conversejs .icon-underline,
|
|
|
|
|
#conversejs .icon-italic,
|
|
|
|
|
#conversejs .icon-strikethrough,
|
|
|
|
|
#conversejs .icon-new-tab,
|
|
|
|
|
#conversejs .icon-youtube,
|
|
|
|
|
#conversejs .icon-close,
|
|
|
|
|
#conversejs .icon-blocked,
|
|
|
|
|
#conversejs .icon-cancel-circle,
|
|
|
|
|
#conversejs .icon-minus,
|
|
|
|
|
#conversejs .icon-plus,
|
|
|
|
|
#conversejs .icon-checkbox-checked,
|
|
|
|
|
#conversejs .icon-checkbox-unchecked,
|
|
|
|
|
#conversejs .icon-checkbox-partial,
|
|
|
|
|
#conversejs .icon-radio-checked,
|
|
|
|
|
#conversejs .icon-radio-unchecked,
|
|
|
|
|
#conversejs .icon-room-info,
|
|
|
|
|
#conversejs .icon-newspaper,
|
|
|
|
|
#conversejs .icon-image,
|
|
|
|
|
#conversejs .icon-offline,
|
|
|
|
|
#conversejs .icon-unavailable,
|
|
|
|
|
#conversejs .icon-dnd {
|
|
|
|
|
font-family: 'Converse-js';
|
|
|
|
|
speak: none;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-variant: normal;
|
|
|
|
|
text-transform: none;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-home:before {
|
|
|
|
|
content: "\e000";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-pencil:before {
|
|
|
|
|
content: "\270e";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-camera:before {
|
|
|
|
|
content: "\e003";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-camera-2:before {
|
|
|
|
|
content: "\2616";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-play:before {
|
|
|
|
|
content: "\25d9";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-music:before {
|
|
|
|
|
content: "\266b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-headphones:before {
|
|
|
|
|
content: "\266c";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-phone:before {
|
|
|
|
|
content: "\260f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-phone-hang-up:before {
|
|
|
|
|
content: "\260e";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-address-book:before {
|
|
|
|
|
content: "\270f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-notebook:before {
|
|
|
|
|
content: "\2710";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-envelop:before {
|
|
|
|
|
content: "\2709";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-pushpin:before {
|
|
|
|
|
content: "\e012";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-online:before {
|
|
|
|
|
content: "\25fc";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-away:before {
|
|
|
|
|
content: "\25fb";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-bubbles:before {
|
|
|
|
|
content: "\e015";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-bubbles-2:before {
|
|
|
|
|
content: "\e016";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-bubbles-3:before {
|
|
|
|
|
content: "\e017";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-user:before {
|
|
|
|
|
content: "\e01a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-users:before {
|
|
|
|
|
content: "\e01b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-quotes-left:before {
|
|
|
|
|
content: "\e01d";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-spinner:before {
|
|
|
|
|
content: "\231b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-search:before {
|
|
|
|
|
content: "\e021";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-cogs:before {
|
|
|
|
|
content: "\e022";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-wrench:before {
|
|
|
|
|
content: "\e024";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-unlocked:before {
|
|
|
|
|
content: "\e025";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-lock:before {
|
|
|
|
|
content: "\e026";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-lock-2:before {
|
|
|
|
|
content: "\e027";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-key:before {
|
|
|
|
|
content: "\e028";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-key-2:before {
|
|
|
|
|
content: "\e029";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-zoom-out:before {
|
|
|
|
|
content: "\e02a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-zoom-in:before {
|
|
|
|
|
content: "\e02b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-cog:before {
|
|
|
|
|
content: "\e02f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-remove:before {
|
|
|
|
|
content: "\e02d";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-remove-2:before {
|
|
|
|
|
content: "\e02e";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-eye:before {
|
|
|
|
|
content: "\e030";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-eye-blocked:before {
|
|
|
|
|
content: "\e031";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-attachment:before {
|
|
|
|
|
content: "\e032";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-globe:before {
|
|
|
|
|
content: "\e033";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-heart:before {
|
|
|
|
|
content: "\2764";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-happy:before {
|
|
|
|
|
content: "\263b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-thumbs-up:before {
|
|
|
|
|
content: "\261d";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-smiley:before {
|
|
|
|
|
content: "\263a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-tongue:before {
|
|
|
|
|
content: "\e038";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-sad:before {
|
|
|
|
|
content: "\2639";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-wink:before {
|
|
|
|
|
content: "\e03a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-wondering:before {
|
|
|
|
|
content: "\2369";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-confused:before {
|
|
|
|
|
content: "\2368";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-shocked:before {
|
|
|
|
|
content: "\2364";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-evil:before {
|
|
|
|
|
content: "\261f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-angry:before {
|
|
|
|
|
content: "\e03f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-cool:before {
|
|
|
|
|
content: "\e040";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-grin:before {
|
|
|
|
|
content: "\e041";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-info:before {
|
|
|
|
|
content: "\2360";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-notification:before {
|
|
|
|
|
content: "\e01f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-warning:before {
|
|
|
|
|
content: "\26a0";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-spell-check:before {
|
|
|
|
|
content: "\e045";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-high:before {
|
|
|
|
|
content: "\e046";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-medium:before {
|
|
|
|
|
content: "\e047";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-low:before {
|
|
|
|
|
content: "\e048";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-mute:before {
|
|
|
|
|
content: "\e049";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-mute-2:before {
|
|
|
|
|
content: "\e04a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-decrease:before {
|
|
|
|
|
content: "\e04b";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-volume-increase:before {
|
|
|
|
|
content: "\e04c";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-bold:before {
|
|
|
|
|
content: "\e04d";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-underline:before {
|
|
|
|
|
content: "\e04e";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-italic:before {
|
|
|
|
|
content: "\e04f";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-strikethrough:before {
|
|
|
|
|
content: "\e050";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-new-tab:before {
|
|
|
|
|
content: "\e053";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-youtube:before {
|
|
|
|
|
content: "\e055";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-close:before {
|
|
|
|
|
content: "\2715";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-blocked:before {
|
|
|
|
|
content: "\2718";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-cancel-circle:before {
|
|
|
|
|
content: "\e058";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-minus:before {
|
|
|
|
|
content: "\e05a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-plus:before {
|
|
|
|
|
content: "\271a";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-checkbox-checked:before {
|
|
|
|
|
content: "\2611";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-checkbox-unchecked:before {
|
|
|
|
|
content: "\2b27";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-checkbox-partial:before {
|
|
|
|
|
content: "\2b28";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-radio-checked:before {
|
|
|
|
|
content: "\2b26";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-radio-unchecked:before {
|
|
|
|
|
content: "\2b25";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-room-info:before {
|
|
|
|
|
content: "\e059";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-newspaper:before {
|
|
|
|
|
content: "\e001";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-image:before {
|
|
|
|
|
content: "\2b14";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-xa:before,
|
|
|
|
|
#conversejs .icon-unavailable:before,
|
|
|
|
|
#conversejs .icon-offline:before {
|
|
|
|
|
content: "\e002";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .icon-dnd:before {
|
|
|
|
|
content: "\e004";
|
|
|
|
|
}
|
|
|
|
|
#conversejs .no-text-select {
|
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-khtml-user-select: none;
|
|
|
|
|
-moz-user-select: -moz-none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs {
|
|
|
|
|
bottom: 1px;
|
|
|
|
|
direction: ltr;
|
|
|
|
|
height: 25px;
|
|
|
|
|
left: 0;
|
|
|
|
|
position: fixed;
|
|
|
|
|
right: 0;
|
|
|
|
|
z-index: 30;
|
|
|
|
|
display: block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
|
}
|
2014-05-11 20:09:16 +02:00
|
|
|
#conversejs div {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul li {
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
2014-05-07 22:36:45 +02:00
|
|
|
#conversejs div,
|
|
|
|
|
#conversejs span,
|
|
|
|
|
#conversejs h1,
|
|
|
|
|
#conversejs h2,
|
|
|
|
|
#conversejs h3,
|
|
|
|
|
#conversejs h4,
|
|
|
|
|
#conversejs h5,
|
|
|
|
|
#conversejs h6,
|
|
|
|
|
#conversejs p,
|
|
|
|
|
#conversejs blockquote,
|
|
|
|
|
#conversejs pre,
|
|
|
|
|
#conversejs a,
|
|
|
|
|
#conversejs em,
|
|
|
|
|
#conversejs img,
|
|
|
|
|
#conversejs strong,
|
|
|
|
|
#conversejs dl,
|
|
|
|
|
#conversejs dt,
|
|
|
|
|
#conversejs dd,
|
|
|
|
|
#conversejs ol,
|
|
|
|
|
#conversejs ul,
|
|
|
|
|
#conversejs li,
|
|
|
|
|
#conversejs fieldset,
|
|
|
|
|
#conversejs form,
|
|
|
|
|
#conversejs label,
|
|
|
|
|
#conversejs legend,
|
|
|
|
|
#conversejs table,
|
|
|
|
|
#conversejs caption,
|
|
|
|
|
#conversejs tbody,
|
|
|
|
|
#conversejs tfoot,
|
|
|
|
|
#conversejs thead,
|
|
|
|
|
#conversejs tr,
|
|
|
|
|
#conversejs th,
|
|
|
|
|
#conversejs td,
|
|
|
|
|
#conversejs article,
|
|
|
|
|
#conversejs aside,
|
|
|
|
|
#conversejs canvas,
|
|
|
|
|
#conversejs details,
|
|
|
|
|
#conversejs embed,
|
|
|
|
|
#conversejs figure,
|
|
|
|
|
#conversejs figcaption,
|
|
|
|
|
#conversejs footer,
|
|
|
|
|
#conversejs header,
|
|
|
|
|
#conversejs hgroup,
|
|
|
|
|
#conversejs menu,
|
|
|
|
|
#conversejs nav,
|
|
|
|
|
#conversejs output,
|
|
|
|
|
#conversejs ruby,
|
|
|
|
|
#conversejs section,
|
|
|
|
|
#conversejs summary,
|
|
|
|
|
#conversejs time,
|
|
|
|
|
#conversejs mark,
|
|
|
|
|
#conversejs audio,
|
|
|
|
|
#conversejs video {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
font: inherit;
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
#conversejs,
|
|
|
|
|
#conversejs input,
|
|
|
|
|
#conversejs textarea {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ol,
|
|
|
|
|
#conversejs ul {
|
|
|
|
|
list-style: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs li {
|
|
|
|
|
height: 10px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #2D617A;
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul,
|
|
|
|
|
#conversejs ol,
|
|
|
|
|
#conversejs dl {
|
|
|
|
|
font: inherit;
|
|
|
|
|
margin: 0 0 15px 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .emoticon {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .hidden {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .locked {
|
|
|
|
|
padding-right: 22px;
|
|
|
|
|
}
|
|
|
|
|
span.spinner {
|
|
|
|
|
background: url(images/spinner.gif) no-repeat center;
|
|
|
|
|
height: 22px;
|
|
|
|
|
padding: 0 2px 0 2px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
span.spinner.centered {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-top: 5em;
|
|
|
|
|
}
|
|
|
|
|
span.spinner.hor_centered {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #toggle-controlbox {
|
|
|
|
|
font-size: 85%;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
background-color: #5390c8;
|
|
|
|
|
padding: 4px 8px;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2014-05-12 18:12:29 +02:00
|
|
|
#conversejs #trimmed-chatboxes {
|
2014-05-07 22:36:45 +02:00
|
|
|
float: left;
|
|
|
|
|
height: 25px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2014-05-12 18:12:29 +02:00
|
|
|
#conversejs #trimmed-chatboxes .box-flyout {
|
2014-05-07 22:36:45 +02:00
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
bottom: 1px;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
2014-05-12 18:12:29 +02:00
|
|
|
#conversejs #trimmed-chatboxes .box-flyout .chat-head {
|
2014-05-07 22:36:45 +02:00
|
|
|
font-size: 100%;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 3px 0 0 5px;
|
2014-05-11 20:09:16 +02:00
|
|
|
margin: 0 0 2px 2px;
|
2014-05-07 22:36:45 +02:00
|
|
|
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
|
|
|
|
|
height: 24px;
|
|
|
|
|
}
|
2014-05-12 18:12:29 +02:00
|
|
|
#conversejs #trimmed-chatboxes .chat-head-chatroom {
|
2014-05-07 22:36:45 +02:00
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #toggle-controlbox {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #connecting-to-chat {
|
|
|
|
|
background: url(images/spinner.gif) no-repeat left;
|
|
|
|
|
padding-left: 1.4em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
border-top-left-radius: 4px;
|
2014-05-11 20:09:16 +02:00
|
|
|
padding: 2px 2px 2px 4px;
|
|
|
|
|
margin: 0;
|
2014-05-07 22:36:45 +02:00
|
|
|
}
|
|
|
|
|
#conversejs .chat-head-chatbox {
|
|
|
|
|
background-color: #2D617A;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head-chatroom {
|
|
|
|
|
background-color: #0F592F;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-body {
|
|
|
|
|
background-color: white;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
border-bottom-left-radius: 4px;
|
2014-05-11 20:09:16 +02:00
|
|
|
height: 289px;
|
2014-05-07 22:36:45 +02:00
|
|
|
border-top: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom .chat-area {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom .participants {
|
|
|
|
|
float: left;
|
|
|
|
|
background-color: white;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
border-left: 1px solid #AAA;
|
2014-05-11 20:09:16 +02:00
|
|
|
width: 100px;
|
2014-05-07 22:36:45 +02:00
|
|
|
border-bottom-right-radius: 4px;
|
2014-05-11 20:09:16 +02:00
|
|
|
height: 289px;
|
2014-05-07 22:36:45 +02:00
|
|
|
}
|
|
|
|
|
#conversejs .participants ul.participant-list li {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding: 0.5em 0 0 0.5em;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul.participant-list li.moderator {
|
|
|
|
|
color: #8f2831;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom .participant-list {
|
|
|
|
|
list-style: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-blink {
|
|
|
|
|
background-color: #176679;
|
|
|
|
|
border-right: 1px solid #176679;
|
|
|
|
|
border-left: 1px solid #176679;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-content {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 4px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
border: 0;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
line-height: 1.3em;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-content {
|
|
|
|
|
height: 206px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-info {
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-error {
|
|
|
|
|
color: #8f2831;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-room,
|
|
|
|
|
#conversejs .chat-message-them,
|
|
|
|
|
#conversejs .chat-message-me {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
max-width: 100px;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
float: left;
|
|
|
|
|
padding-right: 3px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-content {
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-them {
|
|
|
|
|
color: #8f2831;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-me {
|
|
|
|
|
color: #2D617A;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-room {
|
|
|
|
|
color: #4B7003;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-event,
|
|
|
|
|
#conversejs .chat-date,
|
|
|
|
|
#conversejs .chat-info {
|
|
|
|
|
color: #808080;
|
|
|
|
|
}
|
|
|
|
|
#conversejs li.chat-info {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-date {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs p.not-implemented {
|
|
|
|
|
margin-top: 3em;
|
|
|
|
|
margin-left: 0.3em;
|
|
|
|
|
color: #808080;
|
|
|
|
|
}
|
|
|
|
|
#conversejs div.delayed .chat-message-them {
|
|
|
|
|
color: #FB5D50;
|
|
|
|
|
}
|
|
|
|
|
#conversejs div.delayed .chat-message-me {
|
|
|
|
|
color: #7EABBB;
|
|
|
|
|
}
|
|
|
|
|
input.error {
|
|
|
|
|
border: 1px solid red;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .conn-feedback.error {
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-message-error {
|
|
|
|
|
color: #76797C;
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head .avatar {
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-title {
|
2014-05-11 20:09:16 +02:00
|
|
|
padding: 1px 0;
|
2014-05-07 22:36:45 +02:00
|
|
|
color: white;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
display: block;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-shadow: rgba(0, 0, 0, 0.51) 0 -1px 0;
|
|
|
|
|
height: 1em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-title a {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head-chatbox,
|
|
|
|
|
#conversejs .chat-head-chatroom {
|
|
|
|
|
background: linear-gradient(top, #cedce7 0%, #4f6a72 100%);
|
|
|
|
|
height: 35px;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
#conversejs p.user-custom-message,
|
|
|
|
|
#conversejs p.chatroom-topic {
|
|
|
|
|
font-size: 80%;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
height: 1.3em;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
margin: 0;
|
2014-05-11 20:09:16 +02:00
|
|
|
padding: 1px 0;
|
2014-05-07 22:36:45 +02:00
|
|
|
}
|
|
|
|
|
#conversejs div.chat-head-chatbox a.user-custom-message {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .activated {
|
|
|
|
|
display: block !important;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a.subscribe-to-user {
|
|
|
|
|
padding-left: 2em;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
dl.add-converse-contact {
|
|
|
|
|
margin: 0 0 0 0.5em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .fancy-dropdown {
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
height: 22px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .fancy-dropdown a.choose-xmpp-status {
|
|
|
|
|
width: 155px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .fancy-dropdown a.choose-xmpp-status,
|
|
|
|
|
#conversejs .fancy-dropdown a.toggle-xmpp-contact-form {
|
|
|
|
|
text-shadow: 0 1px 0 #ffffff;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .fancy-dropdown a.toggle-xmpp-contact-form span {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .choose-xmpp-status span {
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #fancy-xmpp-status-select a.change-xmpp-status-message {
|
|
|
|
|
float: right;
|
|
|
|
|
clear: right;
|
|
|
|
|
height: 22px;
|
|
|
|
|
width: 12px;
|
|
|
|
|
padding: 0px 5px 0 0;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul#found-users {
|
|
|
|
|
padding: 10px 0 5px 5px;
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.search-xmpp-contact {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
padding: 0 0 5px 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.search-xmpp-contact input {
|
|
|
|
|
width: 8em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .controlbox-head {
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: #FFF;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
clear: right;
|
|
|
|
|
background-color: #2D617A;
|
|
|
|
|
padding: 3px 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head-message-count {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: -6px;
|
|
|
|
|
top: -6px;
|
|
|
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #f6f6f6), color-stop(1, #808080));
|
|
|
|
|
background: -moz-linear-gradient(center top, #ffff00 5%, #f6f6f6 100%);
|
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='#f6f6f6');
|
|
|
|
|
border: 3px solid #4f6a72;
|
|
|
|
|
text-shadow: 1px 1px 0 #ccc;
|
|
|
|
|
color: darkred;
|
|
|
|
|
border-radius: 20%;
|
|
|
|
|
padding: 2px 10px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head-chatroom .chat-head-message-count {
|
|
|
|
|
border: 3px solid #2D617A;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a.configure-chatroom-button,
|
|
|
|
|
#conversejs a.toggle-chatbox-button,
|
|
|
|
|
#conversejs a.close-chatbox-button {
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
padding: 3px 3px 2px 3px;
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
float: right;
|
|
|
|
|
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
|
|
|
|
|
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
|
|
|
|
|
box-shadow: inset 0 1px 0 0 #ffffff;
|
|
|
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
|
|
|
|
|
background: -moz-linear-gradient(center top, #ffffff 5%, #f6f6f6 100%);
|
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
|
|
|
|
|
-moz-border-radius: 6px;
|
|
|
|
|
-webkit-border-radius: 6px;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
border: 1px solid #888;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
color: #666 !important;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
text-shadow: 1px 1px 0 #ffffff;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a.configure-chatroom-button:active,
|
|
|
|
|
#conversejs a.toggle-chatbox-button:active,
|
|
|
|
|
#conversejs a.close-chatbox-button:active {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 1px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .controlbox-pane dt {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding-top: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom-form-container {
|
|
|
|
|
height: 100%;
|
|
|
|
|
color: #666;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom-form {
|
|
|
|
|
background: white;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
padding: 10px 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-body p {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #666;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom-form legend {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom-form label {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
display: block;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom-form label input,
|
|
|
|
|
#conversejs .chatroom-form label select {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd.odd {
|
|
|
|
|
background-color: #DCEAC5;
|
|
|
|
|
/* Make this difference */
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd.current-xmpp-contact {
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd.current-xmpp-contact span {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
float: left;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd.requesting-xmpp-contact button {
|
|
|
|
|
margin-left: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd a,
|
|
|
|
|
#conversejs #converse-roster dd span {
|
|
|
|
|
text-shadow: 0 1px 0 #fafafa;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd span {
|
|
|
|
|
padding: 2px 5px 0 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
margin: 0.5em 0 0 0;
|
|
|
|
|
height: 254px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs dd.available-chatroom {
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 175px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs dd.available-chatroom a.open-room {
|
|
|
|
|
width: 148px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #available-chatrooms dt,
|
|
|
|
|
#conversejs #converse-roster dt {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
color: #666;
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 0.3em 0em 0em 0.5em;
|
|
|
|
|
text-shadow: 0 1px 0 #fafafa;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dt {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs dd.available-chatroom,
|
|
|
|
|
#conversejs #converse-roster dd {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
border: none;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 0 0em 0 0.5em;
|
|
|
|
|
color: #666;
|
|
|
|
|
text-shadow: 0 1px 0 #fafafa;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .room-info {
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
#conversejs li.room-info {
|
|
|
|
|
display: block;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs div.room-info {
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
|
|
|
|
#conversejs p.room-info {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
display: block;
|
|
|
|
|
white-space: normal;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a.room-info {
|
|
|
|
|
width: 22px;
|
|
|
|
|
height: 22px;
|
|
|
|
|
float: right;
|
|
|
|
|
display: none;
|
|
|
|
|
clear: right;
|
|
|
|
|
}
|
|
|
|
|
#conversejs a.open-room {
|
|
|
|
|
float: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
#conversejs dd.available-chatroom:hover a.room-info {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd a.remove-xmpp-contact {
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
float: right;
|
|
|
|
|
width: 22px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
display: none;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd:hover a.remove-xmpp-contact {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster a.open-chat {
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
width: 85%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd:hover a.open-chat {
|
|
|
|
|
width: 70%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #converse-roster dd.pending-xmpp-contact:hover span {
|
|
|
|
|
width: 70%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox,
|
|
|
|
|
#conversejs .chatroom {
|
|
|
|
|
height: 25px;
|
|
|
|
|
float: right;
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox {
|
|
|
|
|
width: 200px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom {
|
|
|
|
|
width: 300px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .controlbox-pane {
|
|
|
|
|
padding: 0;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .controlbox-pane dd {
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding: 1em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .controlbox-pane dd.odd {
|
|
|
|
|
background-color: #DCEAC5;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form#converse-login {
|
|
|
|
|
background: white;
|
|
|
|
|
padding: 2em 0 0.3em 0.5em;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form#converse-login input {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 90%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form#converse-login .login-submit {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
width: auto;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.set-xmpp-status {
|
|
|
|
|
background: none;
|
|
|
|
|
margin: none;
|
|
|
|
|
padding: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.add-chatroom {
|
|
|
|
|
background: none;
|
|
|
|
|
padding: 3px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.add-chatroom input[type=text] {
|
|
|
|
|
width: 95%;
|
|
|
|
|
margin: 3px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.add-chatroom input[type=button],
|
|
|
|
|
#conversejs form.add-chatroom input[type=submit] {
|
|
|
|
|
width: 48%;
|
|
|
|
|
}
|
|
|
|
|
select#select-xmpp-status {
|
|
|
|
|
float: right;
|
|
|
|
|
margin-right: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
/* @group Tabs */
|
|
|
|
|
#conversejs .chat-head #controlbox-tabs {
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: inline;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
/* single tab */
|
|
|
|
|
#conversejs .chat-head #controlbox-tabs li {
|
|
|
|
|
float: left;
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
text-shadow: white 0 1px 0;
|
|
|
|
|
width: 38%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul#controlbox-tabs li a {
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
height: 34px;
|
|
|
|
|
line-height: 34px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
color: #666;
|
|
|
|
|
text-shadow: 0 1px 0 #fafafa;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head #controlbox-tabs li a:hover {
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-head #controlbox-tabs li a {
|
|
|
|
|
background-color: white;
|
|
|
|
|
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
|
|
|
border-bottom: 1px solid #CCC;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul#controlbox-tabs a.current,
|
|
|
|
|
#conversejs ul#controlbox-tabs a.current:hover {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
height: 35px;
|
|
|
|
|
cursor: default;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
#conversejs div#users,
|
|
|
|
|
#conversejs div#chatrooms,
|
|
|
|
|
#conversejs div#login-dialog,
|
|
|
|
|
#conversejs div#settings {
|
|
|
|
|
border: 0;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 289px;
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
#conversejs div#chatrooms {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.sendXMPPMessage {
|
|
|
|
|
background: white;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-top: 1px solid #BBB;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
-moz-background-clip: padding;
|
|
|
|
|
-webkit-background-clip: padding-box;
|
|
|
|
|
background-clip: padding-box;
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 75px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom form.sendXMPPMessage {
|
|
|
|
|
-webkit-border-bottom-right-radius: 0;
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-textarea {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
border: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 3px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
resize: none;
|
|
|
|
|
height: 62px;
|
|
|
|
|
}
|
2014-05-11 20:09:16 +02:00
|
|
|
#conversejs .chatroom .chat-textarea {
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
}
|
2014-05-07 22:36:45 +02:00
|
|
|
#conversejs ul.chat-toolbar {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 5px 0 0;
|
|
|
|
|
height: 20px;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 195px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar .toggle-clear,
|
|
|
|
|
#conversejs .chat-toolbar .toggle-otr {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar a {
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar ul li a:hover {
|
|
|
|
|
color: #8f2831;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar ul {
|
|
|
|
|
display: none;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 100%;
|
|
|
|
|
margin-bottom: 1px;
|
|
|
|
|
right: 0;
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4);
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar ul li {
|
|
|
|
|
position: relative;
|
|
|
|
|
list-style: none;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar .toggle-smiley {
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar .toggle-smiley ul li {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
z-index: 98;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar .toggle-otr ul li {
|
|
|
|
|
background-color: white;
|
|
|
|
|
display: block;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar ul li:hover {
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar .toggle-otr ul li a {
|
|
|
|
|
transition: background-color 0.2s ease-in-out;
|
|
|
|
|
-webkit-transition: background-color 0.2s ease-in-out;
|
|
|
|
|
-moz-transition: background-color 0.2s ease-in-out;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 1px;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-toolbar-text {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
padding-right: 3px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .unencrypted a,
|
|
|
|
|
#conversejs .unencrypted {
|
|
|
|
|
color: #8f2831;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .unverified a,
|
|
|
|
|
#conversejs .unverified {
|
|
|
|
|
color: #cf5300;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .private a,
|
|
|
|
|
#conversejs .private {
|
|
|
|
|
color: #4b7003;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul.chat-toolbar li {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding: 0 3px 0 3px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs ul.chat-toolbar li:hover {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form#set-custom-xmpp-status {
|
|
|
|
|
float: left;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-textarea-chatbox-selected {
|
|
|
|
|
border: 1px solid #578308;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chat-textarea-chatroom-selected {
|
|
|
|
|
border: 2px solid #2D617A;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #set-custom-xmpp-status button {
|
|
|
|
|
padding: 1px 2px 1px 1px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #controlbox {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
#conversejs #controlbox div.xmpp-status {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
/* status dropdown styles */
|
|
|
|
|
#conversejs .chatbox dl.dropdown {
|
|
|
|
|
margin: 0.5em;
|
|
|
|
|
background-color: #f0f0f0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown dd,
|
|
|
|
|
#conversejs .dropdown dt,
|
|
|
|
|
#conversejs .dropdown ul {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown dd {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
input.custom-xmpp-status {
|
|
|
|
|
width: 124px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.add-xmpp-contact {
|
|
|
|
|
background: none;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs form.add-xmpp-contact input {
|
|
|
|
|
width: 108px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown dt a span {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 4px 7px 0 5px;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown dd ul {
|
|
|
|
|
padding: 5px 0 5px 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
border-top: 0;
|
|
|
|
|
width: 99%;
|
|
|
|
|
z-index: 21;
|
|
|
|
|
background-color: #f0f0f0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown li {
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown a {
|
|
|
|
|
height: 22px;
|
|
|
|
|
width: 148px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatbox .dropdown dd ul li:hover {
|
|
|
|
|
background-color: #bed6e5;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .xmpp-status-menu li a {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .xmpp-status-menu li a span {
|
|
|
|
|
padding: 0 5px 0 5px;
|
|
|
|
|
color: #4f4f4f;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .set-xmpp-status .dropdown dd ul {
|
|
|
|
|
z-index: 22;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .box-flyout {
|
2014-05-11 20:09:16 +02:00
|
|
|
border-radius: 4px;
|
2014-05-07 22:36:45 +02:00
|
|
|
bottom: 6px;
|
|
|
|
|
box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
|
2014-05-11 20:09:16 +02:00
|
|
|
display: block;
|
2014-05-07 22:36:45 +02:00
|
|
|
height: 324px;
|
2014-05-11 20:09:16 +02:00
|
|
|
position: absolute;
|
2014-05-07 22:36:45 +02:00
|
|
|
}
|
|
|
|
|
#conversejs .box-flyout.minimized {
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
2014-05-11 20:09:16 +02:00
|
|
|
#conversejs .box-flyout.minimized .chat-head {
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
2014-05-07 22:36:45 +02:00
|
|
|
#conversejs .chatbox .box-flyout {
|
|
|
|
|
width: 200px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .chatroom .box-flyout {
|
|
|
|
|
width: 300px;
|
|
|
|
|
}
|
|
|
|
|
#conversejs .dragresize {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 5px;
|
|
|
|
|
background: transparent;
|
|
|
|
|
border: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
cursor: n-resize;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
}
|
