12 lines
13 KiB
CSS
12 lines
13 KiB
CSS
/** 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
|
|
*/
|
|
/*!
|
|
* 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
|
|
*/.hidden{display:none}.locked{background:url(images/emblem-readonly.png) no-repeat right;padding-right:22px}span.spinner{background:url(images/spinner.gif) no-repeat center;width:22px;height:22px;padding:0 2px;display:block}span.spinner.centered{position:absolute;top:30%;left:50%;margin:0 0 0 -25%}span.spinner.hor_centered{left:40%;position:absolute}#chatpanel{z-index:99;position:fixed;bottom:0;right:0;height:332px;width:auto}#toggle-controlbox{position:fixed;font-size:80%;bottom:0;right:0;border-top-right-radius:4px;border-top-left-radius:4px;background:#e3e2e2;border:1px solid #c3c3c3;border-bottom:0;padding:.25em .5em;margin-right:1em;height:1.1em}#connecting-to-chat{background:url(images/spinner.gif) no-repeat left;padding-left:1.4em}.chat-head{color:#fff;margin:0;font-size:100%;border-top-right-radius:4px;border-top-left-radius:4px;padding:3px 0 3px 7px}.chat-head-chatbox{background-color:#596a72;background-color:rgba(89,106,114,1)}.chat-head-chatroom{background-color:#2D617A}.chatroom .chat-body{height:272px;background-color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.chatroom .chat-area{float:left;width:200px}.chatroom .chat{overflow:auto;height:400px;border:solid 1px #ccc}.chatroom .participants{float:left;width:99px;height:272px;background-color:#fff;overflow:auto;border-right:1px solid #999;border-bottom:1px solid #999;border-bottom-right-radius:4px}.participants ul.participant-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:12px;padding:.5em 0 0 .5em;cursor:default}ul.participant-list li.moderator{color:#FE0007}.chatroom form.sendXMPPMessage{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.chatroom .participant-list{list-style:none}.chat-blink{background-color:#176689;border-right:1px solid #176689;border-left:1px solid #176689}.chat-content{padding:.3em;font-size:13px;color:#333;height:193px;overflow-y:auto;border:1px solid #999;border-bottom:0;border-top:0;background-color:#fff;line-height:1.3em}.chat-textarea{border:0;height:50px}.chat-textarea-chatbox-selected{border:1px solid #578308;margin:0}.chat-textarea-chatroom-selected{border:2px solid #2D617A;margin:0}.chat-info{color:#666}.chat-message-room,.chat-message-them,.chat-message-me{font-weight:700;white-space:nowrap;max-width:100px;text-overflow:ellipsis;overflow:hidden;display:inline-block;float:left;padding-right:3px}.chat-message-them{color:#F62817}.chat-message-me{color:#436976}.chat-message-room{color:#4B7003}.chat-event,.chat-date,.chat-info{color:gray}li.chat-info{padding-left:10px}.chat-date{display:inline-block;padding-top:10px}div#settings,div#chatrooms,div#login-dialog{height:272px}p.not-implemented{margin-top:3em;margin-left:.3em;color:gray}div.delayed .chat-message-them{color:#FB5D50}div.delayed .chat-message-me{color:#7EABBB}input.error{border:1px solid red}.conn-feedback.error{color:red}.chat-message-error{color:#76797C;font-size:90%;font-weight:400}.chat-head .avatar{float:left;margin-right:6px}div.chat-title{color:#fff;font-weight:700;line-height:15px;display:block;margin-top:2px;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:rgba(0,0,0,.51) 0 -1px 0;height:1em}.chat-head-chatbox,.chat-head-chatroom{background:linear-gradient(top,rgba(206,220,231,1) 0,rgba(89,106,114,1) 100%);height:35px;position:relative}p.user-custom-message,p.chatroom-topic{font-size:80%;font-style:italic;height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.activated{display:block!important}a.subscribe-to-user{padding-left:2em;font-weight:700}dl.add-converse-contact{margin:0 0 0 .5em}.fancy-dropdown{border:1px solid #ddd;height:22px}.fancy-dropdown a.choose-xmpp-status,.fancy-dropdown a.toggle-xmpp-contact-form{text-shadow:0 1px 0 rgba(255,255,255,1);padding-left:2em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:130px}#fancy-xmpp-status-select a.change-xmpp-status-message{background:url(images/pencil_icon.png) no-repeat right 3px;float:right;clear:right;height:22px}ul#found-users{padding:10px 0 5px 5px;border:0}form.search-xmpp-contact{margin:0;padding-left:5px;padding:0 0 5px 5px}form.search-xmpp-contact input{width:8em}.oc-chat-head{margin:0;color:#FFF;border-top-right-radius:4px;border-top-left-radius:4px;height:35px;clear:right;background-color:#5390C8;padding:3px 0 0}a.configure-chatroom-button,a.close-chatbox-button{margin-top:.2em;margin-right:.5em;cursor:pointer;float:right;width:12px;-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fff),color-stop(1,#f6f6f6));background:-moz-linear-gradient(center top,#fff 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;font-family:arial;font-size:12px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #fff}a.configure-chatroom-button{padding:0 4px;background:#fff url(images/preferences-system.png) no-repeat center center}.close-chatbox-button{padding:0 2px 0 6px}.close-chatbox-button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f6f6f6),color-stop(1,#fff));background:-moz-linear-gradient(center top,#f6f6f6 5%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');background-color:#f6f6f6}.close-chatbox-button:active{position:relative;top:1px}.oc-chat-content dt{margin:0;padding-top:.5em}.chatroom-form-container{color:#666;padding:5px;height:262px;overflow-y:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.chatroom-form{background:#fff;font-size:12px;padding:0}.chat-body p{font-size:14px;color:#666;padding:5px;margin:0}.chatroom-form legend{font-size:14px;font-weight:700;margin-bottom:5px}.chatroom-form label{font-weight:700;display:block;clear:both}.chatroom-form label input,.chatroom-form label select{float:right}#converse-roster dd.odd{background-color:#DCEAC5}#converse-roster dd.current-xmpp-contact{clear:both}#converse-roster dd.current-xmpp-contact,#converse-roster dd.current-xmpp-contact:hover{background:url(images/user_online_panel.png) no-repeat 5px 2px}#converse-roster dd.current-xmpp-contact.offline:hover,#converse-roster dd.current-xmpp-contact.unavailable:hover,#converse-roster dd.current-xmpp-contact.offline,#converse-roster dd.current-xmpp-contact.unavailable{background:url(images/user_offline_panel.png) no-repeat 5px 2px}#converse-roster dd.current-xmpp-contact.dnd,#converse-roster dd.current-xmpp-contact.dnd:hover{background:url(images/user_busy_panel.png) no-repeat 5px 2px}#converse-roster dd.current-xmpp-contact.xa,#converse-roster dd.current-xmpp-contact.xa:hover,#converse-roster dd.current-xmpp-contact.away,#converse-roster dd.current-xmpp-contact.away:hover{background:url(images/user_away_panel.png) no-repeat 5px 2px}#converse-roster dd.requesting-xmpp-contact button{margin-left:.5em}#converse-roster dd a,#converse-roster dd span{text-shadow:0 1px 0 rgba(250,250,250,1);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#converse-roster dd a{margin-left:1.3em}#converse-roster dd span{width:125px}.remove-xmpp-contact-dialog .ui-dialog-buttonpane{border:0}#converse-roster{height:200px;overflow-y:auto;overflow-x:hidden;width:100%;margin:0;position:relative;top:0;border:0;margin-top:.5em}#available-chatrooms dd{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:165px}#available-chatrooms dt,#converse-roster dt{font-weight:400;font-size:13px;color:#666;border:0;padding:0 0 .3em .5em;text-shadow:0 1px 0 rgba(250,250,250,1)}#converse-roster dt{display:none}dd.available-chatroom,#converse-roster dd{font-weight:700;border:0;display:block;padding:0 0 0 .5em;color:#666;text-shadow:0 1px 0 rgba(250,250,250,1)}.room-info{font-size:11px;font-style:normal;font-weight:400}li.room-info{display:block;margin-left:5px}div.room-info{clear:left}p.room-info{margin:0;padding:0;display:block;white-space:normal}a.room-info{background:url(images/information.png) no-repeat right top;width:22px;height:22px;float:right;display:none;clear:right}a.open-room{float:left;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}dd.available-chatroom:hover a.room-info{display:inline-block}dd.available-chatroom:hover a.open-room{width:75%}#converse-roster dd a.remove-xmpp-contact{background:url(images/delete_icon.png) no-repeat right top;padding:0 0 1em;float:right;width:22px;margin:0;display:none}#converse-roster dd:hover a.remove-xmpp-contact{display:inline-block}#converse-roster dd:hover a.open-chat{width:75%}.chatbox,.chatroom{box-shadow:1px 1px 5px 1px rgba(0,0,0,.4);display:none;float:right;margin-right:15px;z-index:20;border-radius:4px}.chatbox{width:201px}.chatroom{width:300px;height:311px}.oc-chat-content{height:272px;width:199px;padding:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.oc-chat-content dd{margin-left:0;margin-bottom:0;padding:1em}.oc-chat-content dd.odd{background-color:#DCEAC5}div#controlbox-panes{background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(240,240,240,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(240,240,240,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(240,240,240,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(240,240,240,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(240,240,240,1) 100%);background:linear-gradient(top,rgba(255,255,255,1) 0,rgba(240,240,240,1) 100%);background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:1px solid #999;width:199px}form#converse-login{background:#fff;padding:2em 0 .3em .5em}form#converse-login input{display:block;width:90%}form#converse-login .login-submit{margin-top:1em;width:auto}form.set-xmpp-status{background:0;padding:.5em 0 .5em .5em}form.add-chatroom{background:0;padding:3px}form.add-chatroom input[type=text]{width:95%;margin:3px}form.add-chatroom input[type=button],form.add-chatroom input[type=submit]{width:50%}select#select-xmpp-status{float:right;margin-right:.5em}.chat-head #controlbox-tabs{text-align:center;display:inline;overflow:hidden;font-size:12px;list-style-type:none}.chat-head #controlbox-tabs li{float:left;list-style:none;padding-left:0;text-shadow:#fff 0 1px 0;width:40%}ul#controlbox-tabs li a{display:block;font-size:12px;height:34px;line-height:34px;margin:0;text-align:center;text-decoration:none;border:1px solid #999;border-top-right-radius:4px;border-top-left-radius:4px;color:#666;text-shadow:0 1px 0 rgba(250,250,250,1)}.chat-head #controlbox-tabs li a:hover{color:#000}.chat-head #controlbox-tabs li a{background-color:#fff;box-shadow:inset 0 0 8px rgba(0,0,0,.2)}ul#controlbox-tabs a.current,ul#controlbox-tabs a.current:hover{box-shadow:none;color:#000;border-bottom:0;height:35px}div#users,div#chatrooms,div#login-dialog,div#settings{border:0;font-size:14px;width:199px;background-color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px}div#chatrooms{overflow-y:auto}form.sendXMPPMessage{background:#fff;border:1px solid #999;padding:.5em;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;height:54px}form#set-custom-xmpp-status{float:left;padding:0}#set-custom-xmpp-status button{padding:1px 2px 1px 1px}.chatbox dl.dropdown{margin-right:.5em;margin-bottom:0;background-color:#f0f0f0}.chatbox .dropdown dd,.dropdown dt,.dropdown ul{margin:0;padding:0}.chatbox .dropdown dd{position:relative}input.custom-xmpp-status{width:138px}form.add-xmpp-contact{background:0;padding:5px}form.add-xmpp-contact input{width:125px}.chatbox .dropdown dt a span{cursor:pointer;display:block;padding:5px}.chatbox .dropdown dd ul{padding: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}.chatbox .dropdown li{list-style:none;padding-left:0}.set-xmpp-status .dropdown dd ul{z-index:22}.chatbox .dropdown a{padding:3px 0 0 25px;display:block;height:22px}.chatbox .dropdown a.toggle-xmpp-contact-form{background:url(images/add_icon.png) no-repeat 4px 2px}.chatbox .dropdown a.online{background:url(images/user_online_panel.png) no-repeat 3px 4px}.chatbox .dropdown a.offline{background:url(images/user_offline_panel.png) no-repeat 3px 4px}.chatbox .dropdown a.dnd{background:url(images/user_busy_panel.png) no-repeat 3px 4px}.chatbox .dropdown a.away{background:url(images/user_away_panel.png) no-repeat 3px 4px}.chatbox .dropdown dd ul a:hover{background-color:#bed6e5} |