Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
C
converse.js
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
converse.js
Commits
7a94f73d
Commit
7a94f73d
authored
May 31, 2013
by
JC Brand
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Fixed alignment of chat messages in Firefox
parent
cd72a0a1
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
29 additions
and
22 deletions
+29
-22
CHANGES.rst
CHANGES.rst
+11
-9
converse.css
converse.css
+17
-12
converse.min.css
converse.min.css
+1
-1
No files found.
CHANGES.rst
View file @
7a94f73d
...
...
@@ -6,30 +6,32 @@ Changelog
- CSS tweaks: fixed overflowing text in status message and chatrooms list.
[jcbrand]
- Bugfix: C
anno
t join chatroom when clicking from a list of rooms.
- Bugfix: C
ouldn'
t join chatroom when clicking from a list of rooms.
[jcbrand]
- Add better support for kicking or banning users from chatrooms.
[jcbrand]
- Fixed alignment of chat messages in Firefox.
[jcbrand]
0.3 (2013-05-21)
----------------
- Add vCard support
- Add vCard support
[jcbrand]
- Remember custom status messages upon reload.
[jcbrand]
- Remember custom status messages upon reload.
[jcbrand]
- Remove jquery-ui dependency.
- Remove jquery-ui dependency.
[jcbrand]
- Use backbone.localStorage to store the contacts roster, open chatboxes and
chat messages.
chat messages.
[jcbrand]
- Fixed user status handling, which wasn't 100% according to the spec.
- Fixed user status handling, which wasn't 100% according to the spec.
[jcbrand]
- Separate messages according to day in chats.
- Separate messages according to day in chats.
[jcbrand]
- Add support for specifying the BOSH bind URL as configuration setting.
[jcbrand]
- Improve the message counter to only increment when the window is not focused
- Improve the message counter to only increment when the window is not focused
[witekdev]
- Make fetching of list of chatrooms on a server a configuration option.
[jcbrand]
...
...
converse.css
View file @
7a94f73d
...
...
@@ -174,24 +174,29 @@ ul.participant-list li.moderator {
color
:
#666666
;
}
.chat-message-room
,
.chat-message-them
,
.chat-message-me
{
font-weight
:
bold
;
color
:
#436976
;
}
.chat-message-room
{
font-weight
:
bold
;
color
:
#4B7003
;
}
.chat-message-them
{
font-weight
:
bold
;
color
:
#F62817
;
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
{
...
...
@@ -263,7 +268,7 @@ div.chat-title {
.chat-head-chatbox
,
.chat-head-chatroom
{
background
:
linear-gradient
(
top
,
rgba
(
206
,
220
,
231
,
1
)
0%
,
rgba
(
89
,
106
,
114
,
1
)
100%
);
height
:
3
3
px
;
height
:
3
5
px
;
position
:
relative
;
}
...
...
converse.min.css
View file @
7a94f73d
.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
0
2px
;
display
:
block
;}
span
.spinner.hor_centered
{
left
:
40%
;
position
:
absolute
;}
img
.spinner
{
width
:
auto
;
border
:
none
;
box-shadow
:
none
;
-moz-box-shadow
:
none
;
-webkit-box-shadow
:
none
;
margin
:
0
;
padding
:
0
5px
0
5px
;}
img
.centered
{
position
:
absolute
;
top
:
30%
;
left
:
50%
;
margin
:
0
0
0
-25%
;}
#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
:
none
;
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
:
white
;
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
:
white
;
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-me
{
font-weight
:
bold
;
color
:
#436976
;}
.chat-message-room
{
font-weight
:
bold
;
color
:
#4B7003
;}
.chat-message-them
{
font-weight
:
bold
;
color
:
#F62817
;
white-space
:
nowrap
;
max-width
:
100px
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
display
:
inline-block
;}
.chat-event
,
.chat-date
,
.chat-info
{
color
:
#808080
;}
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
:
#808080
;}
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
:
normal
;}
.chat-head
.avatar
{
float
:
left
;
margin-right
:
6px
;}
div
.chat-title
{
color
:
white
;
font-weight
:
bold
;
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
,
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
:
33px
;
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
:
bold
;}
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
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
:
bold
;
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
:
white
;
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
:
bold
;
margin-bottom
:
5px
;}
.chatroom-form
label
{
font-weight
:
bold
;
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
:
none
;}
#converse-roster
{
height
:
200px
;
overflow-y
:
auto
;
overflow-x
:
hidden
;
width
:
100%
;
margin
:
0
;
position
:
relative
;
top
:
0
;
border
:
none
;
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
:
normal
;
font-size
:
13px
;
color
:
#666
;
border
:
none
;
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
:
bold
;
border
:
none
;
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
:
normal
;}
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
;
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
0
;
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
,
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
:
white
;
border-bottom-left-radius
:
4px
;
border-bottom-right-radius
:
4px
;
border
:
1px
solid
#999
;
width
:
199px
;}
form
#converse-login
{
background
:
white
;
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
:
none
;
padding
:
.5em
0
.5em
.5em
;}
form
.add-chatroom
{
background
:
none
;
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
:
white
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
:
black
;}
.chat-head
#controlbox-tabs
li
a
{
background-color
:
white
;
box-shadow
:
inset
0
0
8px
rgba
(
0
,
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
:
white
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
;}
div
#chatrooms
{
overflow-y
:
auto
;}
form
.sendXMPPMessage
{
background
:
white
;
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
:
none
;
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
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
;}
\ No newline at end of file
.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
0
2px
;
display
:
block
;}
span
.spinner.hor_centered
{
left
:
40%
;
position
:
absolute
;}
img
.spinner
{
width
:
auto
;
border
:
none
;
box-shadow
:
none
;
-moz-box-shadow
:
none
;
-webkit-box-shadow
:
none
;
margin
:
0
;
padding
:
0
5px
0
5px
;}
img
.centered
{
position
:
absolute
;
top
:
30%
;
left
:
50%
;
margin
:
0
0
0
-25%
;}
#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
:
none
;
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
:
white
;
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
:
white
;
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
:
bold
;
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
:
#808080
;}
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
:
#808080
;}
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
:
normal
;}
.chat-head
.avatar
{
float
:
left
;
margin-right
:
6px
;}
div
.chat-title
{
color
:
white
;
font-weight
:
bold
;
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
,
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
:
bold
;}
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
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
:
bold
;
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
:
white
;
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
:
bold
;
margin-bottom
:
5px
;}
.chatroom-form
label
{
font-weight
:
bold
;
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
:
none
;}
#converse-roster
{
height
:
200px
;
overflow-y
:
auto
;
overflow-x
:
hidden
;
width
:
100%
;
margin
:
0
;
position
:
relative
;
top
:
0
;
border
:
none
;
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
:
normal
;
font-size
:
13px
;
color
:
#666
;
border
:
none
;
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
:
bold
;
border
:
none
;
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
:
normal
;}
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
;
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
0
;
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
,
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
:
white
;
border-bottom-left-radius
:
4px
;
border-bottom-right-radius
:
4px
;
border
:
1px
solid
#999
;
width
:
199px
;}
form
#converse-login
{
background
:
white
;
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
:
none
;
padding
:
.5em
0
.5em
.5em
;}
form
.add-chatroom
{
background
:
none
;
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
:
white
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
:
black
;}
.chat-head
#controlbox-tabs
li
a
{
background-color
:
white
;
box-shadow
:
inset
0
0
8px
rgba
(
0
,
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
:
white
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
;}
div
#chatrooms
{
overflow-y
:
auto
;}
form
.sendXMPPMessage
{
background
:
white
;
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
:
none
;
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
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
;}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
