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
063e31e3
Commit
063e31e3
authored
Dec 13, 2014
by
JC Brand
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Add skeleton-sass and convert css files to scss.
parent
889d5cf5
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
2128 additions
and
1759 deletions
+2128
-1759
Makefile
Makefile
+10
-10
bower.json
bower.json
+2
-1
css/converse.css
css/converse.css
+1861
-1522
css/theme.css
css/theme.css
+15
-13
sass/converse.scss
sass/converse.scss
+240
-213
No files found.
Makefile
View file @
063e31e3
# You can set these variables from the command line.
# You can set these variables from the command line.
BOWER
?=
node_modules/.bin/bower
BOWER
?=
node_modules/.bin/bower
BUILDDIR
=
./docs
BUILDDIR
=
./docs
PAPER
=
PAPER
=
PHANTOMJS
?=
node_modules/.bin/phantomjs
PHANTOMJS
?=
node_modules/.bin/phantomjs
SPHINXBUILD
=
./bin/sphinx-build
SPHINXBUILD
?=
./bin/sphinx-build
SPHINXOPTS
=
SPHINXOPTS
=
POTOJSON
?=
node_modules/.bin/po2json
PO2JSON
?=
node_modules/.bin/po2json
SASS
?=
sass
# Internal variables.
# Internal variables.
ALLSPHINXOPTS
=
-d
$(BUILDDIR)
/doctrees
$
(
PAPEROPT_
$(PAPER)
)
$(SPHINXOPTS)
./docs/source
ALLSPHINXOPTS
=
-d
$(BUILDDIR)
/doctrees
$
(
PAPEROPT_
$(PAPER)
)
$(SPHINXOPTS)
./docs/source
...
@@ -42,7 +43,7 @@ po:
...
@@ -42,7 +43,7 @@ po:
merge
:
po
merge
:
po
po2json
:
po2json
:
find ./locale
-maxdepth
1
-mindepth
1
-type
d
-exec
$(PO
TO
JSON)
-p
-f
jed
-d
converse
{}
/LC_MESSAGES/converse.po
{}
/LC_MESSAGES/converse.json
\;
find ./locale
-maxdepth
1
-mindepth
1
-type
d
-exec
$(PO
2
JSON)
-p
-f
jed
-d
converse
{}
/LC_MESSAGES/converse.po
{}
/LC_MESSAGES/converse.json
\;
########################################################################
########################################################################
## Release management
## Release management
...
@@ -88,8 +89,7 @@ dev: clean
...
@@ -88,8 +89,7 @@ dev: clean
## Builds
## Builds
css
::
css
::
./node_modules/.bin/lessc less/styles.less
>
css/theme.css
${SASS}
sass/converse.scss
>
css/converse.css
./node_modules/.bin/lessc less/converse.less
>
css/converse.css
build
::
build
::
./node_modules/.bin/grunt jst
./node_modules/.bin/grunt jst
...
...
bower.json
View file @
063e31e3
...
@@ -29,7 +29,8 @@
...
@@ -29,7 +29,8 @@
"bootstrapJS"
:
"https://raw.githubusercontent.com/jcbrand/bootstrap/7d96a5f60d26c67b5348b270a775518b96a702c8/dist/js/bootstrap.js"
,
"bootstrapJS"
:
"https://raw.githubusercontent.com/jcbrand/bootstrap/7d96a5f60d26c67b5348b270a775518b96a702c8/dist/js/bootstrap.js"
,
"fontawesome"
:
"~4.1.0"
,
"fontawesome"
:
"~4.1.0"
,
"typeahead.js"
:
"https://raw.githubusercontent.com/jcbrand/typeahead.js/eedfb10505dd3a20123d1fafc07c1352d83f0ab3/dist/typeahead.jquery.js"
,
"typeahead.js"
:
"https://raw.githubusercontent.com/jcbrand/typeahead.js/eedfb10505dd3a20123d1fafc07c1352d83f0ab3/dist/typeahead.jquery.js"
,
"strophejs-plugins"
:
"https://github.com/strophe/strophejs-plugins.git#conversejs"
"strophejs-plugins"
:
"https://github.com/strophe/strophejs-plugins.git#conversejs"
,
"skeleton-sass"
:
"~2.0.3"
},
},
"exportsOverride"
:
{}
"exportsOverride"
:
{}
}
}
css/converse.css
View file @
063e31e3
...
@@ -7,37 +7,10 @@
...
@@ -7,37 +7,10 @@
*/
*/
@font-face
{
@font-face
{
font-family
:
'Converse-js'
;
font-family
:
'Converse-js'
;
src
:
url(
'../fonticons/fonts/icomoon.eot?-mnoxh0'
)
;
src
:
url(
"../fonticons/fonts/icomoon.eot?-mnoxh0"
)
;
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'
);
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"
);
font-weight
:
normal
;
font-weight
:
normal
;
font-style
:
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
;
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
#conversejs
[
class
^=
"icon-"
],
#conversejs
[
class
*=
" icon-"
]
{
font-family
:
'Converse-js'
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.icon-conversejs
{
.icon-conversejs
{
font-family
:
'Converse-js'
;
font-family
:
'Converse-js'
;
speak
:
none
;
speak
:
none
;
...
@@ -48,292 +21,62 @@
...
@@ -48,292 +21,62 @@
line-height
:
1
;
line-height
:
1
;
/* Better Font Rendering =========== */
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
-moz-osx-font-smoothing
:
grayscale
;
}
}
.icon-conversejs
:before
{
.icon-conversejs
:before
{
content
:
"\e600"
;
content
:
"\e600"
;
}
}
#conversejs
.icon-closed
:before
{
content
:
"\25ba"
;
}
#conversejs
.icon-opened
:before
{
content
:
"\25bc"
;
}
#conversejs
.icon-checkmark
:before
{
content
:
"\2713"
;
}
#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-hide-users
:before
{
content
:
"\e01c"
;
}
#conversejs
.icon-show-users
:before
{
content
:
"\e01e"
;
}
#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-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
.icon-logout
:before
{
content
:
"\e601"
;
}
#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
{
#conversejs
{
/**
* SASS/SCSS/Compass Transcription of Skeleton Responsive Grid
* @author Dennis Thompson <http://www.atomicpages.net>
* @copyright Copyright (c) 2014 AtomicPages LLC
* @license MIT
* @version 2.0.2
*/
/* RESET
* ------------------------------------------------ */
/* HTML5 display-role reset for older browsers */
/* BASIC STYLES
* ------------------------------------------------ */
/* TYPOGRAPHY
* ------------------------------------------------ */
/* Blockquotes */
/* LINKS
* ------------------------------------------------ */
/* LISTS
* ------------------------------------------------ */
/* IMAGES
* ------------------------------------------------ */
/* BUTTONS
* ------------------------------------------------ */
/* Fix for odd Mozilla border & padding issues */
/* FORMS
* ------------------------------------------------ */
/* MISC
* ------------------------------------------------ */
/* BASE GRID
* ------------------------------------------------ */
/* The Grid */
/* TABLET (PORTRAIT)
* ------------------------------------------------ */
/* MOBILE (PORTRAIT)
* ------------------------------------------------ */
/* MOBILE (LANDSCAPE)
* ------------------------------------------------ */
/* CLEARING
* ------------------------------------------------ */
/* Add custom styles here */
/* MEDIA QUERIES
* ------------------------------------------------ */
/* Large displays */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
color
:
#6C4C44
;
font-size
:
14px
;
bottom
:
0
;
bottom
:
0
;
direction
:
ltr
;
direction
:
ltr
;
height
:
25px
;
height
:
25px
;
...
@@ -345,1215 +88,1811 @@
...
@@ -345,1215 +88,1811 @@
box-sizing
:
border-box
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
}
/* (jQ addClass:) if input has value: */
#conversejs
div
{
/* (jQ addClass:) if mouse is over the 'x' input area*/
box-sizing
:
border-box
;
/* @group Tabs */
}
/* single tab */
#conversejs
ul
li
{
/* status dropdown styles */
}
height
:
auto
;
#conversejs
html
,
#conversejs
body
,
#conversejs
div
,
#conversejs
span
,
#conversejs
applet
,
#conversejs
object
,
#conversejs
iframe
,
}
#conversejs
h1
,
#conversejs
h2
,
#conversejs
h3
,
#conversejs
h4
,
#conversejs
h5
,
#conversejs
h6
,
#conversejs
p
,
#conversejs
blockquote
,
#conversejs
pre
,
#conversejs
div
,
#conversejs
a
,
#conversejs
abbr
,
#conversejs
acronym
,
#conversejs
address
,
#conversejs
big
,
#conversejs
cite
,
#conversejs
code
,
#conversejs
span
,
#conversejs
del
,
#conversejs
dfn
,
#conversejs
em
,
#conversejs
img
,
#conversejs
ins
,
#conversejs
kbd
,
#conversejs
q
,
#conversejs
s
,
#conversejs
samp
,
#conversejs
h1
,
#conversejs
small
,
#conversejs
strike
,
#conversejs
strong
,
#conversejs
sub
,
#conversejs
sup
,
#conversejs
tt
,
#conversejs
var
,
#conversejs
h2
,
#conversejs
b
,
#conversejs
u
,
#conversejs
i
,
#conversejs
center
,
#conversejs
h3
,
#conversejs
dl
,
#conversejs
dt
,
#conversejs
dd
,
#conversejs
ol
,
#conversejs
ul
,
#conversejs
li
,
#conversejs
h4
,
#conversejs
fieldset
,
#conversejs
form
,
#conversejs
label
,
#conversejs
legend
,
#conversejs
h5
,
#conversejs
table
,
#conversejs
caption
,
#conversejs
tbody
,
#conversejs
tfoot
,
#conversejs
thead
,
#conversejs
tr
,
#conversejs
th
,
#conversejs
td
,
#conversejs
h6
,
#conversejs
article
,
#conversejs
aside
,
#conversejs
canvas
,
#conversejs
details
,
#conversejs
embed
,
#conversejs
p
,
#conversejs
figure
,
#conversejs
figcaption
,
#conversejs
footer
,
#conversejs
header
,
#conversejs
hgroup
,
#conversejs
blockquote
,
#conversejs
menu
,
#conversejs
nav
,
#conversejs
output
,
#conversejs
ruby
,
#conversejs
section
,
#conversejs
summary
,
#conversejs
pre
,
#conversejs
time
,
#conversejs
mark
,
#conversejs
audio
,
#conversejs
video
{
#conversejs
a
,
margin
:
0
;
#conversejs
em
,
padding
:
0
;
#conversejs
img
,
border
:
0
;
#conversejs
strong
,
font-size
:
100%
;
#conversejs
dl
,
font
:
inherit
;
#conversejs
dt
,
vertical-align
:
baseline
;
}
#conversejs
dd
,
#conversejs
article
,
#conversejs
aside
,
#conversejs
details
,
#conversejs
figcaption
,
#conversejs
figure
,
#conversejs
ol
,
#conversejs
footer
,
#conversejs
header
,
#conversejs
hgroup
,
#conversejs
menu
,
#conversejs
nav
,
#conversejs
section
{
#conversejs
ul
,
display
:
block
;
}
#conversejs
li
,
#conversejs
body
{
#conversejs
fieldset
,
line-height
:
1
;
}
#conversejs
form
,
#conversejs
ol
,
#conversejs
ul
{
#conversejs
label
,
list-style
:
none
;
}
#conversejs
legend
,
#conversejs
blockquote
,
#conversejs
q
{
#conversejs
table
,
quotes
:
none
;
}
#conversejs
caption
,
#conversejs
blockquote
:before
,
#conversejs
blockquote
:after
,
#conversejs
q
:before
,
#conversejs
q
:after
{
#conversejs
tbody
,
content
:
""
;
#conversejs
tfoot
,
content
:
none
;
}
#conversejs
thead
,
#conversejs
table
{
#conversejs
tr
,
border-collapse
:
collapse
;
#conversejs
th
,
border-spacing
:
0
;
}
#conversejs
td
,
#conversejs
html
{
#conversejs
article
,
font-size
:
62.5%
;
#conversejs
aside
,
overflow-y
:
scroll
;
#conversejs
canvas
,
-webkit-text-size-adjust
:
100%
;
#conversejs
details
,
-ms-text-size-adjust
:
100%
;
#conversejs
embed
,
line-height
:
1.2
;
}
#conversejs
figure
,
#conversejs
*,
#conversejs
figcaption
,
#conversejs
*
:before
,
#conversejs
footer
,
#conversejs
*
:after
{
#conversejs
header
,
-webkit-box-sizing
:
border-box
;
#conversejs
hgroup
,
-moz-box-sizing
:
border-box
;
#conversejs
menu
,
box-sizing
:
border-box
;
}
#conversejs
nav
,
#conversejs
body
{
#conversejs
output
,
background
:
#fff
;
#conversejs
ruby
,
font-family
:
"HelveticaNeue"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
#conversejs
section
,
font-weight
:
normal
;
#conversejs
summary
,
font-style
:
normal
;
#conversejs
time
,
font-size
:
14px
;
#conversejs
mark
,
font-size
:
1.4rem
;
#conversejs
audio
,
line-height
:
2.6rem
;
#conversejs
video
{
color
:
#444
;
margin
:
0
;
-webkit-font-smoothing
:
antialiased
;
padding
:
0
;
/* Fix for webkit rendering */
border
:
0
;
-webkit-text-size-adjust
:
100%
;
}
font
:
inherit
;
#conversejs
h1
,
#conversejs
h2
,
#conversejs
h3
,
#conversejs
h4
,
#conversejs
h5
,
#conversejs
h6
{
vertical-align
:
baseline
;
color
:
#181818
;
}
font-family
:
"Georgia"
,
"Times New Roman"
,
serif
;
#conversejs
strong
{
font-weight
:
normal
;
}
font-weight
:
700
;
#conversejs
h1
a
,
#conversejs
h2
a
,
#conversejs
h3
a
,
}
#conversejs
h4
a
,
#conversejs
h5
a
,
#conversejs
h6
a
{
#conversejs
,
font-weight
:
inherit
;
}
#conversejs
input
,
#conversejs
h1
{
#conversejs
textarea
{
font-size
:
53.6662px
;
font-size
:
14px
;
font-size
:
5.36662rem
;
color
:
#4f4f4f
;
line-height
:
5.83324rem
;
}
margin-bottom
:
1.63324rem
;
}
#conversejs
ol
,
#conversejs
h2
{
#conversejs
ul
{
font-size
:
40.8324px
;
list-style
:
none
;
font-size
:
4.08324rem
;
}
line-height
:
4.6662rem
;
#conversejs
li
{
margin-bottom
:
1.1662rem
;
}
height
:
10px
;
#conversejs
h3
{
}
font-size
:
32.662px
;
#conversejs
a
{
font-size
:
3.2662rem
;
text-decoration
:
none
;
line-height
:
3.9662rem
;
color
:
#2D617A
;
margin-bottom
:
0.9324rem
;
}
text-shadow
:
none
;
#conversejs
h4
{
}
font-size
:
24.5px
;
#conversejs
ul
,
font-size
:
2.45rem
;
#conversejs
ol
,
line-height
:
3.5rem
;
#conversejs
dl
{
margin-bottom
:
0.4662rem
;
}
font
:
inherit
;
#conversejs
h5
{
margin
:
0
0
15px
0
;
font-size
:
19.8324px
;
}
font-size
:
1.98324rem
;
#conversejs
.emoticon
{
line-height
:
2.8rem
;
}
font-size
:
14px
;
#conversejs
h6
{
}
font-size
:
16.3324px
;
#conversejs
.hidden
{
font-size
:
1.63324rem
;
display
:
none
;
line-height
:
2.45rem
;
}
}
#conversejs
.subheader
{
#conversejs
.locked
{
color
:
#777
;
}
padding-right
:
22px
;
#conversejs
p
{
}
margin
:
0
0
2rem
0
;
}
@-moz-keyframes
spin
{
#conversejs
p
img
{
0
%
{
margin
:
0
;
}
-moz-transform
:
rotate
(
0deg
);
#conversejs
p
.lead
{
}
font-size
:
24.5px
;
100
%
{
font-size
:
2.45rem
;
-moz-transform
:
rotate
(
359deg
);
line-height
:
3.15rem
;
}
color
:
#777
;
}
}
#conversejs
em
,
#conversejs
i
{
font-style
:
italic
;
}
#conversejs
strong
,
#conversejs
b
{
font-weight
:
bold
;
}
#conversejs
u
{
text-decoration
:
underline
;
}
#conversejs
small
{
font-size
:
80%
;
}
#conversejs
blockquote
,
#conversejs
blockquote
p
{
font-size
:
19.8324px
;
font-size
:
1.98324rem
;
line-height
:
2.8rem
;
color
:
#777
;
font-style
:
italic
;
}
#conversejs
blockquote
{
margin
:
0
0
2rem
;
padding
:
0.9rem
2rem
0
1.9rem
;
border-left
:
1px
solid
#ddd
;
}
#conversejs
blockquote
cite
{
display
:
block
;
font-size
:
14px
;
font-size
:
1.4rem
;
color
:
#555
;
}
#conversejs
blockquote
cite
:before
{
content
:
"\2014 \0020"
;
}
#conversejs
blockquote
cite
a
,
#conversejs
blockquote
cite
a
:visited
{
color
:
#555
;
}
#conversejs
hr
{
border-style
:
solid
;
border-color
:
#ddd
;
border-width
:
1px
0
0
;
clear
:
both
;
margin
:
1rem
0
3rem
;
height
:
0
;
}
#conversejs
a
,
#conversejs
a
:visited
{
color
:
#333
;
text-decoration
:
underline
;
outline
:
0
;
}
#conversejs
a
:hover
,
#conversejs
a
:focus
,
#conversejs
a
:active
{
color
:
#000
;
}
#conversejs
p
a
,
#conversejs
p
a
:visited
{
line-height
:
inherit
;
}
#conversejs
ul
,
#conversejs
ol
{
margin-bottom
:
2rem
;
}
#conversejs
ul
{
list-style
:
none
outside
;
}
#conversejs
ol
{
list-style
:
decimal
;
}
#conversejs
ol
,
#conversejs
ul
.square
,
#conversejs
ul
.circle
,
#conversejs
ul
.disc
{
margin-left
:
3rem
;
}
#conversejs
ul
.square
{
list-style
:
square
outside
;
}
#conversejs
ul
.circle
{
list-style
:
circle
outside
;
}
#conversejs
ul
.disc
{
list-style
:
disc
outside
;
}
#conversejs
ul
ul
,
#conversejs
ul
ol
,
#conversejs
ol
ol
,
#conversejs
ol
ul
{
margin-top
:
0.4rem
;
margin-right
:
0
;
margin-bottom
:
0.5rem
;
margin-left
:
3rem
;
font-size
:
90%
;
}
#conversejs
ul
ul
li
,
#conversejs
ul
ol
li
,
#conversejs
ol
ol
li
,
#conversejs
ol
ul
li
{
margin-bottom
:
0.6rem
;
}
#conversejs
li
{
line-height
:
1.8rem
;
margin-bottom
:
1.2rem
;
}
#conversejs
ul
.large
li
{
line-height
:
2.1rem
;
}
#conversejs
li
p
{
line-height
:
2.1rem
;
}
#conversejs
img
.scale-with-grid
{
max-width
:
100%
;
height
:
auto
;
}
#conversejs
.button
,
#conversejs
button
,
#conversejs
input
[
type
=
"submit"
],
#conversejs
input
[
type
=
"reset"
],
#conversejs
input
[
type
=
"button"
]
{
border
:
1px
solid
#aaa
;
border-top
:
1px
solid
#ccc
;
border-left
:
1px
solid
#ccc
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
-ms-border-radius
:
3px
;
-o-border-radius
:
3px
;
border-radius
:
3px
;
color
:
#444
;
display
:
inline-block
;
font-weight
:
bold
;
font-family
:
"HelveticaNeue"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
13px
;
font-size
:
1.3rem
;
text-decoration
:
none
;
cursor
:
pointer
;
line-height
:
normal
;
padding
:
0.8rem
1rem
;
background
:
#eeeeee
-webkit-gradient
(
linear
,
50%
0%
,
50%
100%
,
color-stop
(
0%
,
rgba
(
255
,
255
,
255
,
0.2
)),
color-stop
(
100%
,
rgba
(
0
,
0
,
0
,
0.2
)));
background
:
#eeeeee
-webkit-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.2
)
0%
,
rgba
(
0
,
0
,
0
,
0.2
)
100%
);
background
:
#eeeeee
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.2
)
0%
,
rgba
(
0
,
0
,
0
,
0.2
)
100%
);
background
:
#eeeeee
-o-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.2
)
0%
,
rgba
(
0
,
0
,
0
,
0.2
)
100%
);
background
:
#eeeeee
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.2
)
0%
,
rgba
(
0
,
0
,
0
,
0.2
)
100%
);
text-shadow
:
0
1px
rgba
(
255
,
255
,
255
,
0.75
);
}
#conversejs
.button
:hover
,
#conversejs
button
:hover
,
#conversejs
input
[
type
=
"submit"
]
:hover
,
#conversejs
input
[
type
=
"reset"
]
:hover
,
#conversejs
input
[
type
=
"button"
]
:hover
{
color
:
#222
;
border
:
1px
solid
#888
;
border-top
:
1px
solid
#aaa
;
border-left
:
1px
solid
#aaa
;
background
:
#dddddd
-webkit-gradient
(
linear
,
50%
0%
,
50%
100%
,
color-stop
(
0%
,
rgba
(
255
,
255
,
255
,
0.3
)),
color-stop
(
100%
,
rgba
(
0
,
0
,
0
,
0.3
)));
background
:
#dddddd
-webkit-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.3
)
0%
,
rgba
(
0
,
0
,
0
,
0.3
)
100%
);
background
:
#dddddd
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.3
)
0%
,
rgba
(
0
,
0
,
0
,
0.3
)
100%
);
background
:
#dddddd
-o-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.3
)
0%
,
rgba
(
0
,
0
,
0
,
0.3
)
100%
);
background
:
#dddddd
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.3
)
0%
,
rgba
(
0
,
0
,
0
,
0.3
)
100%
);
}
#conversejs
.button
:active
,
#conversejs
button
:active
,
#conversejs
input
[
type
=
"submit"
]
:active
,
#conversejs
input
[
type
=
"reset"
]
:active
,
#conversejs
input
[
type
=
"button"
]
:active
{
border
:
1px
solid
#666
;
background
:
#cccccc
-webkit-gradient
(
linear
,
50%
0%
,
50%
100%
,
color-stop
(
0%
,
rgba
(
255
,
255
,
255
,
0.35
)),
color-stop
(
100%
,
rgba
(
10
,
10
,
10
,
0.4
)));
background
:
#cccccc
-webkit-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.35
)
0%
,
rgba
(
10
,
10
,
10
,
0.4
)
100%
);
background
:
#cccccc
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.35
)
0%
,
rgba
(
10
,
10
,
10
,
0.4
)
100%
);
background
:
#cccccc
-o-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.35
)
0%
,
rgba
(
10
,
10
,
10
,
0.4
)
100%
);
background
:
#cccccc
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0.35
)
0%
,
rgba
(
10
,
10
,
10
,
0.4
)
100%
);
}
#conversejs
.button.full-width
,
#conversejs
button
.full-width
,
#conversejs
input
[
type
=
"submit"
]
.full-width
,
#conversejs
input
[
type
=
"reset"
]
.full-width
,
#conversejs
input
[
type
=
"button"
]
.full-width
{
width
:
100%
;
padding-left
:
0
!important
;
padding-right
:
0
!important
;
text-align
:
center
;
}
#conversejs
.button.smaller
,
#conversejs
button
.smaller
,
#conversejs
input
[
type
=
"submit"
]
.smaller
,
#conversejs
input
[
type
=
"reset"
]
.smaller
,
#conversejs
input
[
type
=
"button"
]
.smaller
{
font-size
:
12px
;
font-size
:
1.2rem
;
padding
:
0.4rem
0.5rem
;
}
#conversejs
.button.larger
,
#conversejs
button
.larger
,
#conversejs
input
[
type
=
"submit"
]
.larger
,
#conversejs
input
[
type
=
"reset"
]
.larger
,
#conversejs
input
[
type
=
"button"
]
.larger
{
font-size
:
16px
;
font-size
:
1.6rem
;
padding
:
1rem
1.8rem
;
}
#conversejs
button
::-moz-focus-inner
,
#conversejs
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
;
}
#conversejs
form
{
margin-bottom
:
2rem
;
}
#conversejs
fieldset
{
margin-bottom
:
2rem
;
}
#conversejs
input
[
type
=
"text"
],
#conversejs
input
[
type
=
"password"
],
#conversejs
input
[
type
=
"email"
],
#conversejs
input
[
type
=
"search"
],
#conversejs
input
[
type
=
"url"
],
#conversejs
input
[
type
=
"tel"
],
#conversejs
input
[
type
=
"date"
],
#conversejs
input
[
type
=
"datetime"
],
#conversejs
input
[
type
=
"datetime-local"
],
#conversejs
input
[
type
=
"month"
],
#conversejs
input
[
type
=
"week"
],
#conversejs
input
[
type
=
"time"
],
#conversejs
input
[
type
=
"number"
],
#conversejs
textarea
,
#conversejs
select
{
background
:
#fff
;
border
:
1px
solid
#ccc
;
padding
:
0.6rem
0.4rem
;
outline
:
none
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
-o-border-radius
:
2px
;
border-radius
:
2px
;
font-family
:
"HelveticaNeue"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
15px
;
font-size
:
1.5rem
;
color
:
#777
;
margin
:
0
0
2rem
;
width
:
21rem
;
max-width
:
100%
;
display
:
block
;
}
#conversejs
input
[
type
=
"text"
]
:hover
,
#conversejs
input
[
type
=
"text"
]
:focus
,
#conversejs
input
[
type
=
"password"
]
:hover
,
#conversejs
input
[
type
=
"password"
]
:focus
,
#conversejs
input
[
type
=
"email"
]
:hover
,
#conversejs
input
[
type
=
"email"
]
:focus
,
#conversejs
input
[
type
=
"search"
]
:hover
,
#conversejs
input
[
type
=
"search"
]
:focus
,
#conversejs
input
[
type
=
"url"
]
:hover
,
#conversejs
input
[
type
=
"url"
]
:focus
,
#conversejs
input
[
type
=
"tel"
]
:hover
,
#conversejs
input
[
type
=
"tel"
]
:focus
,
#conversejs
input
[
type
=
"date"
]
:hover
,
#conversejs
input
[
type
=
"date"
]
:focus
,
#conversejs
input
[
type
=
"datetime"
]
:hover
,
#conversejs
input
[
type
=
"datetime"
]
:focus
,
#conversejs
input
[
type
=
"datetime-local"
]
:hover
,
#conversejs
input
[
type
=
"datetime-local"
]
:focus
,
#conversejs
input
[
type
=
"month"
]
:hover
,
#conversejs
input
[
type
=
"month"
]
:focus
,
#conversejs
input
[
type
=
"week"
]
:hover
,
#conversejs
input
[
type
=
"week"
]
:focus
,
#conversejs
input
[
type
=
"time"
]
:hover
,
#conversejs
input
[
type
=
"time"
]
:focus
,
#conversejs
input
[
type
=
"number"
]
:hover
,
#conversejs
input
[
type
=
"number"
]
:focus
,
#conversejs
textarea
:hover
,
#conversejs
textarea
:focus
,
#conversejs
select
:hover
,
#conversejs
select
:focus
{
border
:
1px
solid
#aaa
;
color
:
#444
;
-webkit-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
-moz-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
-ms-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
-o-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
}
#conversejs
input
[
type
=
"text"
]
:active
,
#conversejs
input
[
type
=
"password"
]
:active
,
#conversejs
input
[
type
=
"email"
]
:active
,
#conversejs
input
[
type
=
"search"
]
:active
,
#conversejs
input
[
type
=
"url"
]
:active
,
#conversejs
input
[
type
=
"tel"
]
:active
,
#conversejs
input
[
type
=
"date"
]
:active
,
#conversejs
input
[
type
=
"datetime"
]
:active
,
#conversejs
input
[
type
=
"datetime-local"
]
:active
,
#conversejs
input
[
type
=
"month"
]
:active
,
#conversejs
input
[
type
=
"week"
]
:active
,
#conversejs
input
[
type
=
"time"
]
:active
,
#conversejs
input
[
type
=
"number"
]
:active
,
#conversejs
textarea
:active
,
#conversejs
select
:active
{
border
:
1px
solid
#909090
;
-webkit-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.3
);
-moz-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.3
);
-ms-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.3
);
-o-box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.3
);
box-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
0.3
);
}
#conversejs
select
{
padding
:
0
;
}
#conversejs
textarea
{
min-height
:
6rem
;
}
#conversejs
label
,
#conversejs
legend
{
display
:
block
;
font-weight
:
bold
;
font-size
:
15px
;
font-size
:
1.5rem
;
}
#conversejs
label
span
,
#conversejs
legend
span
{
font-weight
:
normal
;
font-size
:
15px
;
font-size
:
1.5rem
;
color
:
#444
;
}
#conversejs
select
{
width
:
22rem
;
}
#conversejs
input
[
type
=
"checkbox"
]
{
display
:
inline
;
}
#conversejs
.subtract-bottom
{
margin-bottom
:
-2rem
!important
;
}
#conversejs
.remove-bottom
{
margin-bottom
:
0
!important
;
}
#conversejs
.half-bottom
{
margin-bottom
:
1rem
!important
;
}
#conversejs
.add-bottom
{
margin-bottom
:
2rem
!important
;
}
#conversejs
.container
{
position
:
relative
;
width
:
960px
;
margin
:
0
auto
;
padding
:
0
;
}
#conversejs
.container
.column
,
#conversejs
.container
.columns
{
float
:
left
;
display
:
inline
;
position
:
relative
;
}
#conversejs
.container
.column.alpha
,
#conversejs
.container
.columns.alpha
{
margin-left
:
0
;
}
#conversejs
.container
.column.omega
,
#conversejs
.container
.columns.omega
{
margin-right
:
0
;
}
#conversejs
.row
{
margin-bottom
:
2rem
;
}
#conversejs
.container
.column
,
#conversejs
.container
.columns
{
margin-left
:
10px
;
margin-right
:
10px
;
}
#conversejs
.container
.one.column
,
#conversejs
.container
.one.columns
{
width
:
40px
;
}
#conversejs
.container
.two.columns
{
width
:
100px
;
}
#conversejs
.container
.three.columns
{
width
:
160px
;
}
#conversejs
.container
.four.columns
{
width
:
220px
;
}
#conversejs
.container
.five.columns
{
width
:
280px
;
}
#conversejs
.container
.six.columns
{
width
:
340px
;
}
#conversejs
.container
.seven.columns
{
width
:
400px
;
}
#conversejs
.container
.eight.columns
{
width
:
460px
;
}
#conversejs
.container
.nine.columns
{
width
:
520px
;
}
#conversejs
.container
.ten.columns
{
width
:
580px
;
}
#conversejs
.container
.eleven.columns
{
width
:
640px
;
}
#conversejs
.container
.twelve.columns
{
width
:
700px
;
}
#conversejs
.container
.thirteen.columns
{
width
:
760px
;
}
#conversejs
.container
.fourteen.columns
{
width
:
820px
;
}
#conversejs
.container
.fifteen.columns
{
width
:
880px
;
}
#conversejs
.container
.sixteen.columns
{
width
:
940px
;
}
#conversejs
.container
.one-third.column
{
width
:
300px
;
}
#conversejs
.container
.two-thirds.column
{
width
:
620px
;
}
#conversejs
.container
.full-width.columns
{
width
:
960px
;
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.offset-by-one
{
padding-left
:
60px
;
}
#conversejs
.container
.offset-by-two
{
padding-left
:
120px
;
}
#conversejs
.container
.offset-by-three
{
padding-left
:
180px
;
}
#conversejs
.container
.offset-by-four
{
padding-left
:
240px
;
}
#conversejs
.container
.offset-by-five
{
padding-left
:
300px
;
}
#conversejs
.container
.offset-by-six
{
padding-left
:
360px
;
}
#conversejs
.container
.offset-by-seven
{
padding-left
:
420px
;
}
#conversejs
.container
.offset-by-eight
{
padding-left
:
480px
;
}
#conversejs
.container
.offset-by-nine
{
padding-left
:
540px
;
}
#conversejs
.container
.offset-by-ten
{
padding-left
:
600px
;
}
#conversejs
.container
.offset-by-eleven
{
padding-left
:
660px
;
}
#conversejs
.container
.offset-by-twelve
{
padding-left
:
720px
;
}
#conversejs
.container
.offset-by-thirteen
{
padding-left
:
780px
;
}
#conversejs
.container
.offset-by-fourteen
{
padding-left
:
840px
;
}
#conversejs
.container
.offset-by-fifteen
{
padding-left
:
900px
;
}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
959px
)
{
#conversejs
{
/* The Grid */
}
#conversejs
.container
{
width
:
768px
;
}
#conversejs
.container
.column.alpha
,
#conversejs
.container
.columns.alpha
{
margin-left
:
0
;
margin-right
:
10px
;
}
#conversejs
.container
.column.omega
,
#conversejs
.container
.columns.omega
{
margin-right
:
0
;
margin-left
:
10px
;
}
#conversejs
.alpha.omega
{
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.column
,
#conversejs
.container
.columns
{
margin-left
:
10px
;
margin-right
:
10px
;
}
#conversejs
.container
.one.column
,
#conversejs
.container
.one.columns
{
width
:
28px
;
}
#conversejs
.container
.two.columns
{
width
:
76px
;
}
#conversejs
.container
.three.columns
{
width
:
124px
;
}
#conversejs
.container
.four.columns
{
width
:
172px
;
}
#conversejs
.container
.five.columns
{
width
:
220px
;
}
#conversejs
.container
.six.columns
{
width
:
268px
;
}
#conversejs
.container
.seven.columns
{
width
:
316px
;
}
#conversejs
.container
.eight.columns
{
width
:
364px
;
}
#conversejs
.container
.nine.columns
{
width
:
412px
;
}
#conversejs
.container
.ten.columns
{
width
:
460px
;
}
#conversejs
.container
.eleven.columns
{
width
:
508px
;
}
#conversejs
.container
.twelve.columns
{
width
:
556px
;
}
#conversejs
.container
.thirteen.columns
{
width
:
604px
;
}
#conversejs
.container
.fourteen.columns
{
width
:
652px
;
}
#conversejs
.container
.fifteen.columns
{
width
:
700px
;
}
#conversejs
.container
.sixteen.columns
{
width
:
748px
;
}
#conversejs
.container
.one-third.column
{
width
:
236px
;
}
#conversejs
.container
.two-thirds.column
{
width
:
492px
;
}
#conversejs
.container
.full-width.columns
{
width
:
768px
;
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.offset-by-one
{
padding-left
:
48px
;
}
#conversejs
.container
.offset-by-two
{
padding-left
:
96px
;
}
#conversejs
.container
.offset-by-three
{
padding-left
:
144px
;
}
#conversejs
.container
.offset-by-four
{
padding-left
:
192px
;
}
#conversejs
.container
.offset-by-five
{
padding-left
:
240px
;
}
#conversejs
.container
.offset-by-six
{
padding-left
:
288px
;
}
#conversejs
.container
.offset-by-seven
{
padding-left
:
336px
;
}
#conversejs
.container
.offset-by-eight
{
padding-left
:
384px
;
}
#conversejs
.container
.offset-by-nine
{
padding-left
:
432px
;
}
#conversejs
.container
.offset-by-ten
{
padding-left
:
480px
;
}
#conversejs
.container
.offset-by-eleven
{
padding-left
:
528px
;
}
#conversejs
.container
.offset-by-twelve
{
padding-left
:
576px
;
}
#conversejs
.container
.offset-by-thirteen
{
padding-left
:
624px
;
}
#conversejs
.container
.offset-by-fourteen
{
padding-left
:
672px
;
}
#conversejs
.container
.offset-by-fifteen
{
padding-left
:
720px
;
}
}
@media
only
screen
and
(
max-width
:
767px
)
{
#conversejs
.container
{
width
:
300px
;
}
#conversejs
.container
.column
,
#conversejs
.container
.columns
{
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.one.column
{
width
:
300px
;
}
#conversejs
.container
.one.columns
,
#conversejs
.container
.two.columns
,
#conversejs
.container
.three.columns
,
#conversejs
.container
.four.columns
,
#conversejs
.container
.five.columns
,
#conversejs
.container
.six.columns
,
#conversejs
.container
.seven.columns
,
#conversejs
.container
.eight.columns
,
#conversejs
.container
.nine.columns
,
#conversejs
.container
.ten.columns
,
#conversejs
.container
.eleven.columns
,
#conversejs
.container
.twelve.columns
,
#conversejs
.container
.thirteen.columns
,
#conversejs
.container
.fourteen.columns
,
#conversejs
.container
.fifteen.columns
,
#conversejs
.container
.sixteen.columns
{
width
:
296px
;
}
#conversejs
.container
.one-third.column
{
width
:
296px
;
}
#conversejs
.container
.two-thirds.column
{
width
:
296px
;
}
#conversejs
.container
.full-width.columns
{
width
:
300px
;
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.offset-by-one
,
#conversejs
.container
.offset-by-two
,
#conversejs
.container
.offset-by-three
,
#conversejs
.container
.offset-by-four
,
#conversejs
.container
.offset-by-five
,
#conversejs
.container
.offset-by-six
,
#conversejs
.container
.offset-by-seven
,
#conversejs
.container
.offset-by-eight
,
#conversejs
.container
.offset-by-nine
,
#conversejs
.container
.offset-by-ten
,
#conversejs
.container
.offset-by-eleven
,
#conversejs
.container
.offset-by-twelve
,
#conversejs
.container
.offset-by-thirteen
,
#conversejs
.container
.offset-by-fourteen
,
#conversejs
.container
.offset-by-fifteen
{
padding-left
:
0
;
}
}
@media
only
screen
and
(
min-width
:
480px
)
and
(
max-width
:
767px
)
{
#conversejs
.container
{
width
:
420px
;
}
#conversejs
.container
.column
,
#conversejs
.container
.columns
{
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.one.column
{
width
:
420px
;
}
#conversejs
.container
.one.columns
,
#conversejs
.container
.two.columns
,
#conversejs
.container
.three.columns
,
#conversejs
.container
.four.columns
,
#conversejs
.container
.five.columns
,
#conversejs
.container
.six.columns
,
#conversejs
.container
.seven.columns
,
#conversejs
.container
.eight.columns
,
#conversejs
.container
.nine.columns
,
#conversejs
.container
.ten.columns
,
#conversejs
.container
.eleven.columns
,
#conversejs
.container
.twelve.columns
,
#conversejs
.container
.thirteen.columns
,
#conversejs
.container
.fourteen.columns
,
#conversejs
.container
.fifteen.columns
,
#conversejs
.container
.sixteen.columns
{
width
:
416px
;
}
#conversejs
.container
.one-third.column
{
width
:
416px
;
}
#conversejs
.container
.two-thirds.column
{
width
:
416px
;
}
#conversejs
.container
.full-width.columns
{
width
:
420px
;
margin-left
:
0
;
margin-right
:
0
;
}
#conversejs
.container
.offset-by-one
,
#conversejs
.container
.offset-by-two
,
#conversejs
.container
.offset-by-three
,
#conversejs
.container
.offset-by-four
,
#conversejs
.container
.offset-by-five
,
#conversejs
.container
.offset-by-six
,
#conversejs
.container
.offset-by-seven
,
#conversejs
.container
.offset-by-eight
,
#conversejs
.container
.offset-by-nine
,
#conversejs
.container
.offset-by-ten
,
#conversejs
.container
.offset-by-eleven
,
#conversejs
.container
.offset-by-twelve
,
#conversejs
.container
.offset-by-thirteen
,
#conversejs
.container
.offset-by-fourteen
,
#conversejs
.container
.offset-by-fifteen
{
padding-left
:
0
;
}
}
#conversejs
.container
:after
{
content
:
"\0020"
;
display
:
block
;
height
:
0
;
clear
:
both
;
visibility
:
hidden
;
}
#conversejs
.clearfix
,
#conversejs
.row
{
zoom
:
1
;
}
#conversejs
.clearfix
:before
,
#conversejs
.clearfix
:after
,
#conversejs
.row
:before
,
#conversejs
.row
:after
{
content
:
"\0020"
;
display
:
block
;
overflow
:
hidden
;
visibility
:
hidden
;
width
:
0
;
height
:
0
;
}
#conversejs
.clearfix
:after
,
#conversejs
.row
:after
{
clear
:
both
;
}
#conversejs
.clear
{
clear
:
both
;
display
:
block
;
overflow
:
hidden
;
visibility
:
hidden
;
width
:
0
;
height
:
0
;
}
@media
only
screen
and
(
min-width
:
960px
)
and
(
max-width
:
1280px
)
{
#conversejs
{
/* add code here */
}
}
@media
only
screen
and
(
max-width
:
959px
)
{
#conversejs
{
/* add code here */
}
}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
959px
)
{
#conversejs
{
/* add code here */
}
}
@media
only
screen
and
(
max-width
:
767px
)
{
#conversejs
{
/* add code here */
}
}
@media
only
screen
and
(
min-width
:
480px
)
and
(
max-width
:
767px
)
{
#conversejs
{
/* add code here */
}
}
@media
only
screen
and
(
max-width
:
479px
)
{
#conversejs
{
/* add code here */
}
}
#conversejs
a
,
#conversejs
a
:visited
{
text-decoration
:
none
;
color
:
#436F64
;
text-shadow
:
none
;
}
#conversejs
div
{
box-sizing
:
border-box
;
}
#conversejs
ul
li
{
height
:
auto
;
}
#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
strong
{
font-weight
:
700
;
}
#conversejs
ol
,
#conversejs
ul
{
list-style
:
none
;
}
#conversejs
li
{
height
:
10px
;
}
#conversejs
ul
,
#conversejs
ol
,
#conversejs
dl
{
font
:
inherit
;
margin
:
0
0
15px
0
;
}
#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
;
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
#conversejs
[
class
^=
"icon-"
],
#conversejs
[
class
*=
" icon-"
]
{
font-family
:
'Converse-js'
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
#conversejs
.icon-address-book
:before
{
content
:
"\270f"
;
}
#conversejs
.icon-angry
:before
{
content
:
"\e03f"
;
}
#conversejs
.icon-attachment
:before
{
content
:
"\e032"
;
}
#conversejs
.icon-away
:before
{
content
:
"\25fb"
;
}
#conversejs
.icon-blocked
:before
{
content
:
"\2718"
;
}
#conversejs
.icon-bold
:before
{
content
:
"\e04d"
;
}
#conversejs
.icon-bubbles-2
:before
{
content
:
"\e016"
;
}
#conversejs
.icon-bubbles-3
:before
{
content
:
"\e017"
;
}
#conversejs
.icon-bubbles
:before
{
content
:
"\e015"
;
}
#conversejs
.icon-camera-2
:before
{
content
:
"\2616"
;
}
#conversejs
.icon-camera
:before
{
content
:
"\e003"
;
}
#conversejs
.icon-cancel-circle
:before
{
content
:
"\e058"
;
}
#conversejs
.icon-checkbox-checked
:before
{
content
:
"\2611"
;
}
#conversejs
.icon-checkbox-partial
:before
{
content
:
"\2b28"
;
}
#conversejs
.icon-checkbox-unchecked
:before
{
content
:
"\2b27"
;
}
#conversejs
.icon-checkmark
:before
{
content
:
"\2713"
;
}
#conversejs
.icon-close
:before
{
content
:
"\2715"
;
}
#conversejs
.icon-closed
:before
{
content
:
"\25ba"
;
}
#conversejs
.icon-cog
:before
{
content
:
"\e02f"
;
}
#conversejs
.icon-cogs
:before
{
content
:
"\e022"
;
}
#conversejs
.icon-confused
:before
{
content
:
"\2368"
;
}
#conversejs
.icon-cool
:before
{
content
:
"\e040"
;
}
#conversejs
.icon-dnd
:before
{
content
:
"\e004"
;
}
#conversejs
.icon-envelop
:before
{
content
:
"\2709"
;
}
#conversejs
.icon-evil
:before
{
content
:
"\261f"
;
}
#conversejs
.icon-eye-blocked
:before
{
content
:
"\e031"
;
}
#conversejs
.icon-eye
:before
{
content
:
"\e030"
;
}
#conversejs
.icon-globe
:before
{
content
:
"\e033"
;
}
#conversejs
.icon-grin
:before
{
content
:
"\e041"
;
}
#conversejs
.icon-happy
:before
{
content
:
"\263b"
;
}
#conversejs
.icon-headphones
:before
{
content
:
"\266c"
;
}
#conversejs
.icon-heart
:before
{
content
:
"\2764"
;
}
#conversejs
.icon-hide-users
:before
{
content
:
"\e01c"
;
}
#conversejs
.icon-home
:before
{
content
:
"\e000"
;
}
#conversejs
.icon-image
:before
{
content
:
"\2b14"
;
}
#conversejs
.icon-info
:before
{
content
:
"\2360"
;
}
#conversejs
.icon-italic
:before
{
content
:
"\e04f"
;
}
#conversejs
.icon-key-2
:before
{
content
:
"\e029"
;
}
#conversejs
.icon-key
:before
{
content
:
"\e028"
;
}
#conversejs
.icon-lock-2
:before
{
content
:
"\e027"
;
}
#conversejs
.icon-lock
:before
{
content
:
"\e026"
;
}
#conversejs
.icon-logout
:before
{
content
:
"\e601"
;
}
#conversejs
.icon-minus
:before
{
content
:
"\e05a"
;
}
#conversejs
.icon-music
:before
{
content
:
"\266b"
;
}
#conversejs
.icon-new-tab
:before
{
content
:
"\e053"
;
}
#conversejs
.icon-newspaper
:before
{
content
:
"\e001"
;
}
#conversejs
.icon-notebook
:before
{
content
:
"\2710"
;
}
#conversejs
.icon-notification
:before
{
content
:
"\e01f"
;
}
#conversejs
.icon-online
:before
{
content
:
"\25fc"
;
}
#conversejs
.icon-opened
:before
{
content
:
"\25bc"
;
}
#conversejs
.icon-pencil
:before
{
content
:
"\270e"
;
}
#conversejs
.icon-phone-hang-up
:before
{
content
:
"\260e"
;
}
#conversejs
.icon-phone
:before
{
content
:
"\260f"
;
}
#conversejs
.icon-play
:before
{
content
:
"\25d9"
;
}
#conversejs
.icon-plus
:before
{
content
:
"\271a"
;
}
#conversejs
.icon-pushpin
:before
{
content
:
"\e012"
;
}
#conversejs
.icon-quotes-left
:before
{
content
:
"\e01d"
;
}
#conversejs
.icon-radio-checked
:before
{
content
:
"\2b26"
;
}
#conversejs
.icon-radio-unchecked
:before
{
content
:
"\2b25"
;
}
#conversejs
.icon-remove
:before
{
content
:
"\e02d"
;
}
#conversejs
.icon-room-info
:before
{
content
:
"\e059"
;
}
#conversejs
.icon-sad
:before
{
content
:
"\2639"
;
}
#conversejs
.icon-search
:before
{
content
:
"\e021"
;
}
#conversejs
.icon-shocked
:before
{
content
:
"\2364"
;
}
#conversejs
.icon-show-users
:before
{
content
:
"\e01e"
;
}
#conversejs
.icon-smiley
:before
{
content
:
"\263a"
;
}
#conversejs
.icon-spell-check
:before
{
content
:
"\e045"
;
}
#conversejs
.icon-spinner
:before
{
content
:
"\231b"
;
}
#conversejs
.icon-strikethrough
:before
{
content
:
"\e050"
;
}
#conversejs
.icon-thumbs-up
:before
{
content
:
"\261d"
;
}
#conversejs
.icon-tongue
:before
{
content
:
"\e038"
;
}
#conversejs
.icon-underline
:before
{
content
:
"\e04e"
;
}
#conversejs
.icon-unlocked
:before
{
content
:
"\e025"
;
}
#conversejs
.icon-user
:before
{
content
:
"\e01a"
;
}
#conversejs
.icon-users
:before
{
content
:
"\e01b"
;
}
#conversejs
.icon-volume-decrease
:before
{
content
:
"\e04b"
;
}
#conversejs
.icon-volume-high
:before
{
content
:
"\e046"
;
}
#conversejs
.icon-volume-increase
:before
{
content
:
"\e04c"
;
}
#conversejs
.icon-volume-low
:before
{
content
:
"\e048"
;
}
#conversejs
.icon-volume-medium
:before
{
content
:
"\e047"
;
}
#conversejs
.icon-volume-mute-2
:before
{
content
:
"\e04a"
;
}
#conversejs
.icon-volume-mute
:before
{
content
:
"\e049"
;
}
#conversejs
.icon-warning
:before
{
content
:
"\26a0"
;
}
#conversejs
.icon-wink
:before
{
content
:
"\e03a"
;
}
#conversejs
.icon-wondering
:before
{
content
:
"\2369"
;
}
#conversejs
.icon-wrench
:before
{
content
:
"\e024"
;
}
#conversejs
.icon-xa
:before
,
#conversejs
.icon-unavailable
:before
,
#conversejs
.icon-offline
:before
{
content
:
"\e002"
;
}
#conversejs
.icon-youtube
:before
{
content
:
"\e055"
;
}
#conversejs
.icon-zoom-in
:before
{
content
:
"\e02b"
;
}
#conversejs
.icon-zoom-out
:before
{
content
:
"\e02a"
;
}
#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
.emoticon
{
font-size
:
14px
;
}
#conversejs
.hidden
{
display
:
none
;
}
#conversejs
.locked
{
padding-right
:
22px
;
}
@-webkit-keyframes
spin
{
@-webkit-keyframes
spin
{
0
%
{
from
{
-webkit-transform
:
rotate
(
0deg
);
-webkit-transform
:
rotate
(
0deg
);
}
}
to
{
100
%
{
-webkit-transform
:
rotate
(
359deg
);
}
}
-webkit-transform
:
rotate
(
359deg
);
@-moz-keyframes
spin
{
}
from
{
}
-moz-transform
:
rotate
(
0deg
);
}
@-o-keyframes
spin
{
to
{
0
%
{
-moz-transform
:
rotate
(
359deg
);
}
}
-o-transform
:
rotate
(
0deg
);
}
100
%
{
-o-transform
:
rotate
(
359deg
);
}
}
@keyframes
spin
{
@keyframes
spin
{
0
%
{
from
{
-webkit-transform
:
rotate
(
0deg
);
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
-moz-transform
:
rotate
(
0deg
);
}
-ms-transform
:
rotate
(
0deg
);
100
%
{
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
to
{
-webkit-transform
:
rotate
(
359deg
);
-webkit-transform
:
rotate
(
359deg
);
transform
:
rotate
(
359deg
);
-moz-transform
:
rotate
(
359deg
);
}
-ms-transform
:
rotate
(
359deg
);
}
-o-transform
:
rotate
(
359deg
);
#conversejs
.spinner
:before
{
transform
:
rotate
(
359deg
);
}
}
font-size
:
24px
;
#conversejs
.spinner
:before
{
font-family
:
'Converse-js'
!important
;
font-size
:
24px
;
content
:
"\231b"
;
font-family
:
'Converse-js'
!important
;
}
content
:
"\231b"
;
}
#conversejs
.spinner
{
#conversejs
.spinner
{
-webkit-animation
:
spin
2s
infinite
linear
;
-webkit-animation
:
spin
2s
infinite
linear
;
-moz-animation
:
spin
2s
infinite
linear
;
-moz-animation
:
spin
2s
infinite
linear
;
-o-animation
:
spin
2s
infinite
linear
;
-o-animation
:
spin
2s
infinite
linear
;
animation
:
spin
2s
infinite
linear
;
animation
:
spin
2s
infinite
linear
;
display
:
block
;
display
:
block
;
text-align
:
center
;
text-align
:
center
;
margin
:
5px
;
margin
:
5px
;
}
}
#conversejs
.centered
{
#conversejs
.centered
{
text-align
:
center
;
text-align
:
center
;
display
:
block
;
display
:
block
;
margin
:
5em
auto
;
}
margin
:
5em
auto
;
#conversejs
.hor_centered
{
}
text-align
:
center
;
#conversejs
.hor_centered
{
display
:
block
;
text-align
:
center
;
margin
:
0
auto
;
}
display
:
block
;
#conversejs
#minimized-chats
.box-flyout
{
margin
:
0
auto
;
position
:
absolute
;
}
display
:
block
;
#conversejs
#minimized-chats
.box-flyout
{
height
:
auto
;
position
:
absolute
;
bottom
:
25px
;
display
:
block
;
margin-left
:
0
;
}
height
:
auto
;
#conversejs
#minimized-chats
.box-flyout
.chat-head
{
bottom
:
25px
;
font-size
:
100%
;
margin-left
:
0
;
border-radius
:
4px
;
}
padding
:
3px
0
0
5px
;
#conversejs
#minimized-chats
.box-flyout
.chat-head
{
margin
:
0
0
1px
0
;
font-size
:
100%
;
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
border-radius
:
4px
;
height
:
24px
;
padding
:
3px
0
0
5px
;
width
:
130px
;
}
margin
:
0
0
1px
0
;
#conversejs
#minimized-chats
,
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
#conversejs
.toggle-controlbox
{
height
:
24px
;
float
:
right
;
width
:
130px
;
font-size
:
90%
;
}
border-top-right-radius
:
2px
;
#conversejs
#minimized-chats
,
border-top-left-radius
:
2px
;
#conversejs
.toggle-controlbox
{
background-color
:
#F4F4F4
;
float
:
right
;
padding
:
4px
8px
;
font-size
:
90%
;
margin-right
:
5px
;
border-top-right-radius
:
2px
;
color
:
#0a0a0a
;
border-top-left-radius
:
2px
;
font-weight
:
bold
;
background-color
:
#F4F4F4
;
height
:
100%
;
}
padding
:
4px
8px
;
#conversejs
#minimized-chats
{
margin-right
:
5px
;
width
:
130px
;
color
:
#0a0a0a
;
padding
:
0
;
font-weight
:
bold
;
display
:
none
;
}
height
:
100%
;
#conversejs
#toggle-minimized-chats
{
}
position
:
relative
;
#conversejs
#minimized-chats
{
padding
:
4px
0
0
4px
;
width
:
130px
;
display
:
block
;
padding
:
0
;
width
:
100%
;
display
:
none
;
height
:
100%
;
}
color
:
#0f0f0f
;
}
#conversejs
#toggle-minimized-chats
{
#conversejs
#toggle-minimized-chats
.unread-message-count
{
position
:
relative
;
right
:
5px
;
padding
:
4px
0
0
4px
;
bottom
:
5px
;
}
display
:
block
;
#conversejs
.toggle-controlbox
,
width
:
100%
;
#conversejs
.toggle-minimized-chats
{
height
:
100%
;
float
:
right
;
color
:
#0f0f0f
;
font-size
:
85%
;
}
border-top-right-radius
:
4px
;
#conversejs
#toggle-minimized-chats
.unread-message-count
{
border-top-left-radius
:
4px
;
right
:
5px
;
background-color
:
#5390c8
;
bottom
:
5px
;
padding
:
4px
8px
;
}
margin-right
:
5px
;
#conversejs
.toggle-controlbox
,
color
:
white
;
}
#conversejs
.toggle-minimized-chats
{
#conversejs
.chat-body
{
float
:
right
;
background-color
:
white
;
font-size
:
85%
;
border-bottom-right-radius
:
4px
;
border-top-right-radius
:
4px
;
border-bottom-left-radius
:
4px
;
border-top-left-radius
:
4px
;
height
:
289px
;
background-color
:
#5390c8
;
height
:
-webkit-calc
(
100%
-
40px
);
padding
:
4px
8px
;
height
:
calc
(
100%
-
40px
);
margin-right
:
5px
;
border-top
:
0
;
}
color
:
white
;
#conversejs
.chatroom
.chat-area
{
}
float
:
left
;
#conversejs
.chat-head
{
height
:
100%
;
color
:
#ffffff
;
width
:
200px
;
}
font-size
:
100%
;
#conversejs
.chatroom
.participants
{
border-top-right-radius
:
4px
;
float
:
right
;
border-top-left-radius
:
4px
;
background-color
:
white
;
padding
:
2px
2px
2px
4px
;
overflow-y
:
auto
;
margin
:
0
;
overflow-x
:
hidden
;
}
border-left
:
1px
solid
#AAA
;
#conversejs
.chat-head-chatbox
{
border-bottom-right-radius
:
4px
;
background-color
:
#2D617A
;
width
:
100px
;
}
height
:
100%
;
}
#conversejs
.chat-head-chatroom
{
#conversejs
.tt-highlight
{
background-color
:
#0F592F
;
background-color
:
#00230F
;
}
}
#conversejs
div
.tt-suggestion
p
:hover
.tt-highlight
{
#conversejs
.chat-body
{
background-color
:
#00230F
;
background-color
:
white
;
background
:
#27774A
;
}
border-bottom-right-radius
:
4px
;
#conversejs
div
.tt-suggestion
p
:hover
{
border-bottom-left-radius
:
4px
;
background-color
:
#00230F
;
}
height
:
289px
;
#conversejs
div
.tt-suggestion
p
{
height
:
calc
(
100%
-
35px
);
color
:
white
;
border-top
:
0
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
-1px
0
;
}
cursor
:
pointer
;
#conversejs
.chatroom
.chat-area
{
font-size
:
11px
;
}
float
:
left
;
#conversejs
.tt-dropdown-menu
{
height
:
100%
;
margin
:
0
1px
0
1px
;
width
:
200px
;
width
:
96px
;
}
max-height
:
250px
;
#conversejs
.chatroom
.participants
{
overflow-x
:
hidden
;
float
:
right
;
overflow-y
:
auto
;
background-color
:
white
;
text-overflow
:
ellipsis
;
overflow-y
:
auto
;
background
:
#27774A
;
overflow-x
:
hidden
;
border-bottom-right-radius
:
4px
;
border-left
:
1px
solid
#AAA
;
border-bottom-left-radius
:
4px
;
}
border-bottom-right-radius
:
4px
;
#conversejs
.chatroom
div
.participants
label
{
width
:
100px
;
font-style
:
italic
;
}
height
:
100%
;
#conversejs
.chatroom
label
{
}
margin-left
:
2px
;
#conversejs
.tt-highlight
{
font-size
:
12px
;
}
background-color
:
#00230F
;
#conversejs
.chatroom
.invited-contact
{
}
margin
:
0
;
#conversejs
div
.tt-suggestion
p
:hover
.tt-highlight
{
width
:
99px
;
background-color
:
#00230F
;
border
:
1px
solid
#999
;
}
background
:
#27774A
;
#conversejs
.chatroom
.invited-contact.tt-input
{
}
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
;
}
#conversejs
div
.tt-suggestion
p
:hover
{
#conversejs
.participants
label
{
background-color
:
#00230F
;
margin-top
:
5px
;
}
display
:
block
;
}
#conversejs
div
.tt-suggestion
p
{
#conversejs
.participants
ul
.participant-list
li
{
color
:
white
;
overflow
:
hidden
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
-1px
0
;
text-overflow
:
ellipsis
;
cursor
:
pointer
;
white-space
:
nowrap
;
font-size
:
11px
;
display
:
block
;
}
font-size
:
12px
;
#conversejs
.tt-dropdown-menu
{
font-weight
:
bold
;
margin
:
0
1px
0
1px
;
padding
:
0.5em
0
0
0.5em
;
width
:
96px
;
cursor
:
default
;
}
max-height
:
250px
;
#conversejs
ul
.participant-list
li
.moderator
{
overflow-x
:
hidden
;
color
:
#8f2831
;
}
overflow-y
:
auto
;
#conversejs
.chatroom
.participant-list
{
text-overflow
:
ellipsis
;
list-style
:
none
;
}
background
:
#27774A
;
#conversejs
.chat-blink
{
border-bottom-right-radius
:
4px
;
background-color
:
#176679
;
border-bottom-left-radius
:
4px
;
border-right
:
1px
solid
#176679
;
}
border-left
:
1px
solid
#176679
;
}
#conversejs
.chatroom
div
.participants
label
{
#conversejs
.chat-message
span
::selection
,
font-style
:
italic
;
#conversejs
.chat-message
::selection
{
}
background-color
:
darkgrey
;
}
#conversejs
.chatroom
label
{
#conversejs
.chat-content
{
margin-left
:
2px
;
position
:
relative
;
font-size
:
12px
;
padding
:
8px
;
}
font-size
:
13px
;
#conversejs
.chatroom
.invited-contact
{
color
:
#6C4C44
;
margin
:
0
;
overflow-y
:
auto
;
width
:
99px
;
border
:
0
;
border
:
1px
solid
#999
;
background-color
:
#ffffff
;
}
line-height
:
1.3em
;
#conversejs
.chatroom
.invited-contact.tt-input
{
box-sizing
:
border-box
;
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
;
-moz-box-sizing
:
border-box
;
}
height
:
206px
;
#conversejs
.participants
label
{
height
:
calc
(
100%
-
84px
);
}
margin-top
:
5px
;
#conversejs
.chat-info
{
display
:
block
;
color
:
#6C4C44
;
}
}
#conversejs
.chat-error
{
#conversejs
.participants
ul
.participant-list
li
{
color
:
#8f2831
;
}
overflow
:
hidden
;
#conversejs
.chat-message-room
,
text-overflow
:
ellipsis
;
#conversejs
.chat-message-them
,
white-space
:
nowrap
;
#conversejs
.chat-message-me
{
display
:
block
;
font-weight
:
bold
;
font-size
:
12px
;
white-space
:
nowrap
;
font-weight
:
bold
;
max-width
:
100px
;
padding
:
0.5em
0
0
0.5em
;
text-overflow
:
ellipsis
;
cursor
:
default
;
overflow
:
hidden
;
}
display
:
inline-block
;
#conversejs
ul
.participant-list
li
.moderator
{
float
:
left
;
color
:
#8f2831
;
padding-right
:
3px
;
}
}
#conversejs
.chat-message-content
{
#conversejs
.chatroom
.participant-list
{
word-wrap
:
break-word
;
}
list-style
:
none
;
#conversejs
.chat-message-them
{
}
color
:
#8f2831
;
}
#conversejs
.chat-blink
{
#conversejs
.chat-message-me
{
background-color
:
#176679
;
color
:
#436F64
;
}
border-right
:
1px
solid
#176679
;
#conversejs
.chat-message-room
{
border-left
:
1px
solid
#176679
;
color
:
#4B7003
;
}
}
#conversejs
.chat-event
,
#conversejs
.chat-message
span
::selection
,
#conversejs
.chat-date
,
#conversejs
.chat-message
::selection
{
#conversejs
.chat-info
{
background-color
:
darkgrey
;
color
:
#808080
;
}
}
#conversejs
li
.chat-info
{
#conversejs
.chat-content
{
padding-left
:
10px
;
}
position
:
relative
;
#conversejs
.chat-date
{
padding
:
4px
;
display
:
inline-block
;
font-size
:
13px
;
padding-top
:
10px
;
}
color
:
#4f4f4f
;
#conversejs
p
.not-implemented
{
overflow-y
:
auto
;
margin-top
:
3em
;
border
:
0
;
margin-left
:
0.3em
;
background-color
:
#ffffff
;
color
:
#808080
;
}
line-height
:
1.3em
;
#conversejs
div
.mentioned
{
box-sizing
:
border-box
;
font-weight
:
bold
;
}
-moz-box-sizing
:
border-box
;
#conversejs
div
.delayed
.chat-message-them
{
height
:
206px
;
color
:
#FB5D50
;
}
height
:
calc
(
100%
-
84px
);
#conversejs
div
.delayed
.chat-message-me
{
}
color
:
#7EABBB
;
}
#conversejs
.chat-info
{
#conversejs
input
.error
{
color
:
#666666
;
border
:
1px
solid
red
;
}
}
#conversejs
.error
{
#conversejs
.chat-error
{
color
:
red
;
}
color
:
#8f2831
;
#conversejs
#converse-register
.provider-title
{
}
font-size
:
115%
;
}
#conversejs
.chat-message-room
,
#conversejs
#converse-register
.provider-score
{
#conversejs
.chat-message-them
,
width
:
178px
;
#conversejs
.chat-message-me
{
margin-bottom
:
8px
;
}
font-weight
:
bold
;
#conversejs
#converse-register
.form-help
.url
{
white-space
:
nowrap
;
font-weight
:
bold
;
max-width
:
100px
;
color
:
#436F64
;
}
text-overflow
:
ellipsis
;
#conversejs
.reg-feedback
{
overflow
:
hidden
;
font-size
:
85%
;
}
display
:
inline-block
;
#conversejs
.reg-feedback
,
float
:
left
;
#conversejs
#converse-login
.conn-feedback
{
padding-right
:
3px
;
width
:
100%
;
}
text-align
:
center
;
#conversejs
.chat-message-content
{
display
:
block
;
}
word-wrap
:
break-word
;
#conversejs
.chat-message-error
{
}
color
:
#76797C
;
#conversejs
.chat-message-them
{
font-size
:
90%
;
color
:
#8f2831
;
font-weight
:
normal
;
}
}
#conversejs
a
.restore-chat
,
#conversejs
.chat-message-me
{
#conversejs
.chat-title
{
color
:
#2D617A
;
padding
:
1px
0
1px
5px
;
}
color
:
white
;
#conversejs
.chat-message-room
{
font-weight
:
bold
;
color
:
#4B7003
;
line-height
:
15px
;
}
display
:
block
;
#conversejs
.chat-event
,
overflow
:
hidden
;
#conversejs
.chat-date
,
text-overflow
:
ellipsis
;
#conversejs
.chat-info
{
white-space
:
nowrap
;
color
:
#808080
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
-1px
0
;
}
}
#conversejs
a
.restore-chat
:visited
{
#conversejs
li
.chat-info
{
color
:
white
;
}
padding-left
:
10px
;
#conversejs
.chat-title
a
{
}
color
:
white
;
#conversejs
.chat-date
{
width
:
100%
;
display
:
inline-block
;
text-overflow
:
ellipsis
;
padding-top
:
10px
;
white-space
:
nowrap
;
}
}
#conversejs
.chat-head
{
#conversejs
p
.not-implemented
{
color
:
#ffffff
;
margin-top
:
3em
;
font-size
:
100%
;
margin-left
:
0.3em
;
border-top-right-radius
:
4px
;
color
:
#808080
;
border-top-left-radius
:
4px
;
}
padding
:
2px
2px
2px
4px
;
#conversejs
div
.mentioned
{
margin
:
0
;
}
font-weight
:
bold
;
#conversejs
.chat-head
.avatar
{
}
float
:
left
;
}
#conversejs
div
.delayed
.chat-message-them
{
#conversejs
.chat-head-chatbox
,
color
:
#FB5D50
;
#conversejs
.chat-head-chatroom
{
}
height
:
40px
;
#conversejs
div
.delayed
.chat-message-me
{
position
:
relative
;
color
:
#7EABBB
;
padding
:
3px
;
}
}
#conversejs
.chat-head-chatroom
{
#conversejs
input
.error
{
background-color
:
#0F592F
;
}
border
:
1px
solid
red
;
#conversejs
.chat-head-chatbox
{
}
background-color
:
#436F64
;
}
#conversejs
.error
{
#conversejs
p
.user-custom-message
,
color
:
red
;
#conversejs
p
.chatroom-topic
{
}
color
:
white
;
#converse-register
.provider-title
{
font-size
:
80%
;
font-size
:
115%
;
font-style
:
italic
;
}
height
:
1.3em
;
#converse-register
.provider-score
{
overflow
:
hidden
;
width
:
178px
;
text-overflow
:
ellipsis
;
margin-bottom
:
8px
;
white-space
:
nowrap
;
}
margin
:
0
;
#converse-register
.form-help
.url
{
padding
:
1px
0
1px
5px
;
}
font-weight
:
bold
;
#conversejs
.activated
{
color
:
#2D617A
;
display
:
block
!important
;
}
}
#conversejs
a
.subscribe-to-user
{
#conversejs
.reg-feedback
{
padding-left
:
2em
;
font-size
:
85%
;
font-weight
:
bold
;
}
}
#conversejs
dl
.add-converse-contact
{
#conversejs
.reg-feedback
,
margin
:
0
0
0
0.5em
;
}
#converse-login
.conn-feedback
{
#conversejs
.fancy-dropdown
{
width
:
100%
;
border
:
1px
solid
#F1DCD6
;
text-align
:
center
;
height
:
22px
;
display
:
block
;
text-align
:
left
;
}
}
#conversejs
.fancy-dropdown
a
.choose-xmpp-status
{
#conversejs
.chat-message-error
{
width
:
155px
;
}
color
:
#76797C
;
#conversejs
.fancy-dropdown
a
.choose-xmpp-status
,
font-size
:
90%
;
#conversejs
.fancy-dropdown
a
.toggle-xmpp-contact-form
{
font-weight
:
normal
;
text-shadow
:
0
1px
0
#ffffff
;
}
overflow
:
hidden
;
#conversejs
.chat-head
.avatar
{
text-overflow
:
ellipsis
;
float
:
left
;
white-space
:
nowrap
;
}
display
:
inline
;
}
#conversejs
.restore-chat
,
#conversejs
.fancy-dropdown
a
.toggle-xmpp-contact-form
span
{
#conversejs
.chat-title
{
float
:
left
;
}
padding
:
1px
0
1px
5px
;
#conversejs
.choose-xmpp-status
span
{
color
:
white
;
padding-right
:
5px
;
font-weight
:
bold
;
padding-left
:
5px
;
line-height
:
15px
;
float
:
left
;
}
display
:
block
;
#conversejs
#fancy-xmpp-status-select
a
.change-xmpp-status-message
{
overflow
:
hidden
;
float
:
right
;
text-overflow
:
ellipsis
;
clear
:
right
;
white-space
:
nowrap
;
height
:
22px
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
-1px
0
;
width
:
12px
;
}
margin
:
0px
5px
0
0
;
#conversejs
.chat-title
a
{
color
:
#436F64
;
}
color
:
white
;
#conversejs
ul
#found-users
{
width
:
100%
;
padding
:
10px
0
5px
5px
;
text-overflow
:
ellipsis
;
border
:
0
;
}
white-space
:
nowrap
;
#conversejs
form
.search-xmpp-contact
{
}
margin
:
0
;
#conversejs
.chat-head-chatbox
,
padding-left
:
5px
;
#conversejs
.chat-head-chatroom
{
padding
:
0
0
5px
5px
;
}
height
:
35px
;
#conversejs
form
.search-xmpp-contact
input
{
position
:
relative
;
width
:
8em
;
}
}
#conversejs
.controlbox-head
{
#conversejs
p
.user-custom-message
,
margin
:
0
;
#conversejs
p
.chatroom-topic
{
color
:
#FFF
;
font-size
:
80%
;
border-top-right-radius
:
4px
;
font-style
:
italic
;
border-top-left-radius
:
4px
;
height
:
1.3em
;
height
:
40px
;
overflow
:
hidden
;
clear
:
right
;
text-overflow
:
ellipsis
;
background-color
:
#436F64
;
white-space
:
nowrap
;
padding
:
3px
0
0
0
;
}
margin
:
0
;
#conversejs
.unread-message-count
,
padding
:
1px
0
;
#conversejs
.chat-head-message-count
{
}
font-weight
:
bold
;
#conversejs
div
.chat-head-chatbox
a
.user-custom-message
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0.35
,
#f6f6f6
),
color-stop
(
1
,
#808080
));
color
:
white
;
background
:
-moz-linear-gradient
(
center
top
,
#ffff00
5%
,
#f6f6f6
100%
);
}
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'yellow'
,
endColorstr
=
'#f6f6f6'
);
#conversejs
.activated
{
border
:
1px
solid
;
display
:
block
!important
;
text-shadow
:
1px
1px
0
#FAFAFA
;
}
color
:
#681F2C
;
#conversejs
a
.subscribe-to-user
{
border-radius
:
5px
;
padding-left
:
2em
;
padding
:
2px
4px
;
font-weight
:
bold
;
font-size
:
15px
;
}
text-align
:
center
;
dl
.add-converse-contact
{
position
:
absolute
;
margin
:
0
0
0
0.5em
;
right
:
22px
;
}
bottom
:
1px
;
}
#conversejs
.fancy-dropdown
{
#conversejs
a
.configure-chatroom-button
,
border
:
1px
solid
#ddd
;
#conversejs
a
.toggle-chatbox-button
,
height
:
22px
;
#conversejs
a
.close-chatbox-button
{
text-align
:
left
;
font-size
:
10px
;
}
padding
:
3px
3px
2px
3px
;
#conversejs
.fancy-dropdown
a
.choose-xmpp-status
{
margin-right
:
3px
;
width
:
155px
;
cursor
:
pointer
;
}
border-radius
:
6px
;
#conversejs
.fancy-dropdown
a
.choose-xmpp-status
,
border
:
1px
solid
#888
;
#conversejs
.fancy-dropdown
a
.toggle-xmpp-contact-form
{
display
:
inline-block
;
text-shadow
:
0
1px
0
#ffffff
;
color
:
white
;
overflow
:
hidden
;
text-decoration
:
none
;
text-overflow
:
ellipsis
;
float
:
right
;
}
white-space
:
nowrap
;
#conversejs
a
.configure-chatroom-button
:active
,
display
:
inline
;
#conversejs
a
.toggle-chatbox-button
:active
,
}
#conversejs
a
.close-chatbox-button
:active
{
#conversejs
.fancy-dropdown
a
.toggle-xmpp-contact-form
span
{
position
:
relative
;
float
:
left
;
top
:
1px
;
}
}
#conversejs
.chatroom-form-container
{
#conversejs
.choose-xmpp-status
span
{
height
:
100%
;
padding-right
:
5px
;
color
:
#6C4C44
;
padding-left
:
5px
;
overflow-y
:
auto
;
float
:
left
;
border-bottom-right-radius
:
4px
;
}
border-bottom-left-radius
:
4px
;
}
#conversejs
#fancy-xmpp-status-select
a
.change-xmpp-status-message
{
#conversejs
.chat-body
p
{
float
:
right
;
font-size
:
14px
;
clear
:
right
;
color
:
#6C4C44
;
height
:
22px
;
padding
:
5px
;
width
:
12px
;
margin
:
0
;
}
margin
:
0px
5px
0
0
;
#conversejs
.chatroom-form
legend
{
color
:
#4f4f4f
;
font-size
:
14px
;
}
font-weight
:
bold
;
#conversejs
ul
#found-users
{
margin
:
5px
0
;
}
padding
:
10px
0
5px
5px
;
#conversejs
.chatroom-form
label
{
border
:
0
;
height
:
30px
;
}
font-weight
:
bold
;
#conversejs
form
.search-xmpp-contact
{
display
:
block
;
margin
:
0
;
clear
:
both
;
}
padding-left
:
5px
;
#conversejs
.chatroom-form
label
input
,
padding
:
0
0
5px
5px
;
#conversejs
.chatroom-form
label
select
{
}
float
:
right
;
}
#conversejs
form
.search-xmpp-contact
input
{
#conversejs
#converse-roster
dd
.odd
{
width
:
8em
;
background-color
:
#DCEAC5
;
}
/* Make this difference */
}
#conversejs
.controlbox-head
{
#conversejs
#converse-roster
dd
.current-xmpp-contact
span
{
margin
:
0
;
font-size
:
16px
;
color
:
#FFF
;
float
:
left
;
border-top-right-radius
:
4px
;
color
:
#436F64
;
}
border-top-left-radius
:
4px
;
#conversejs
.requesting-xmpp-contact
.request-actions
{
height
:
35px
;
margin-left
:
0.5em
;
clear
:
right
;
float
:
right
;
}
background-color
:
#2D617A
;
#conversejs
#converse-roster
span
.req-contact-name
{
padding
:
3px
0
0
0
;
width
:
65%
;
}
}
#conversejs
#converse-roster
span
.pending-contact-name
,
#conversejs
.unread-message-count
,
#conversejs
#converse-roster
a
.open-chat
{
#conversejs
.chat-head-message-count
{
width
:
80%
;
}
font-weight
:
bold
;
#conversejs
#converse-roster
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0.35
,
#f6f6f6
),
color-stop
(
1
,
#808080
));
text-align
:
left
;
background
:
-moz-linear-gradient
(
center
top
,
#ffff00
5%
,
#f6f6f6
100%
);
width
:
100%
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'yellow'
,
endColorstr
=
'#f6f6f6'
);
position
:
relative
;
border
:
1px
solid
;
margin
:
0.5em
0
0
0
;
text-shadow
:
1px
1px
0
#ccc
;
height
:
194px
;
color
:
darkred
;
height
:
calc
(
100%
-
68px
);
border-radius
:
5px
;
overflow
:
hidden
;
}
padding
:
2px
4px
;
#conversejs
#converse-roster
.roster-filter-group
{
font-size
:
15px
;
display
:
table
;
}
text-align
:
center
;
#conversejs
#converse-roster
.filter-type
{
position
:
absolute
;
display
:
table-cell
;
right
:
22px
;
height
:
24px
;
bottom
:
1px
;
padding
:
0
;
}
margin
:
0
0
0.5em
-2px
;
#conversejs
a
.configure-chatroom-button
,
display
:
inline-block
;
#conversejs
a
.toggle-chatbox-button
,
width
:
85px
;
}
#conversejs
a
.close-chatbox-button
{
#conversejs
#converse-roster
.roster-filter
{
font-size
:
10px
;
display
:
table-cell
;
padding
:
3px
3px
2px
3px
;
padding
:
2px
;
margin-right
:
3px
;
margin
:
0
0
0.5em
6px
;
cursor
:
pointer
;
width
:
104px
;
border-radius
:
6px
;
height
:
24px
;
border
:
1px
solid
#888
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==)
no-repeat
right
-20px
center
;
display
:
inline-block
;
border
:
1px
solid
#999
;
color
:
white
;
display
:
inline-block
;
}
text-decoration
:
none
;
#conversejs
#converse-roster
.roster-filter.x
{
float
:
right
;
background-position
:
right
3px
center
;
}
}
#conversejs
#converse-roster
.roster-filter.onX
{
#conversejs
a
.configure-chatroom-button
:active
,
cursor
:
pointer
;
}
#conversejs
a
.toggle-chatbox-button
:active
,
#conversejs
#converse-roster
.roster-contacts
{
#conversejs
a
.close-chatbox-button
:active
{
margin
:
0
;
position
:
relative
;
overflow-y
:
auto
;
top
:
1px
;
overflow-x
:
hidden
;
}
max-height
:
195px
;
#conversejs
.controlbox-pane
dt
{
max-height
:
calc
(
100%
-
26px
);
padding-bottom
:
3px
;
padding-bottom
:
15px
;
}
}
#conversejs
#converse-roster
.group-toggle
{
#conversejs
.chatroom-form-container
{
color
:
#6C4C44
;
height
:
100%
;
display
:
block
;
color
:
#666
;
width
:
100%
;
}
overflow-y
:
auto
;
#conversejs
dd
.available-chatroom
{
border-bottom-right-radius
:
4px
;
overflow-x
:
hidden
;
border-bottom-left-radius
:
4px
;
text-overflow
:
ellipsis
;
}
white-space
:
nowrap
;
#conversejs
.chat-body
p
{
display
:
inline-block
;
}
font-size
:
14px
;
#conversejs
dd
.available-chatroom
a
.open-room
{
color
:
#666
;
width
:
148px
;
}
padding
:
5px
;
#conversejs
#available-chatrooms
{
margin
:
0
;
text-align
:
left
;
}
}
#conversejs
#available-chatrooms
dt
,
#conversejs
.chatroom-form
legend
{
#conversejs
#converse-roster
dt
{
font-size
:
14px
;
font-weight
:
normal
;
font-weight
:
bold
;
color
:
#6C4C44
;
margin
:
5px
0
;
border
:
none
;
}
padding
:
5px
;
#conversejs
.chatroom-form
label
{
text-shadow
:
0
1px
0
#FAFAFA
;
}
height
:
30px
;
#conversejs
#converse-roster
dt
{
font-weight
:
bold
;
display
:
none
;
}
display
:
block
;
#conversejs
.room-info
{
clear
:
both
;
font-size
:
11px
;
}
font-style
:
normal
;
#conversejs
.chatroom-form
label
input
,
font-weight
:
normal
;
}
#conversejs
.chatroom-form
label
select
{
#conversejs
li
.room-info
{
float
:
right
;
display
:
block
;
}
margin-left
:
5px
;
}
#converse-roster
dd
.odd
{
#conversejs
div
.room-info
{
background-color
:
#DCEAC5
;
clear
:
left
;
}
/* Make this difference */
#conversejs
p
.room-info
{
}
margin
:
0
;
#converse-roster
dd
.current-xmpp-contact
span
{
padding
:
0
;
font-size
:
16px
;
display
:
block
;
float
:
left
;
white-space
:
normal
;
}
color
:
#4f4f4f
;
#conversejs
a
.room-info
{
}
width
:
22px
;
#conversejs
.requesting-xmpp-contact
.request-actions
{
height
:
22px
;
margin-left
:
0.5em
;
float
:
right
;
float
:
right
;
display
:
none
;
}
clear
:
right
;
}
#converse-roster
dd
a
,
#conversejs
a
.open-room
{
#converse-roster
dd
span
{
float
:
left
;
text-shadow
:
0
1px
0
#fafafa
;
white-space
:
nowrap
;
display
:
inline-block
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
overflow-x
:
hidden
;
}
white-space
:
nowrap
;
#conversejs
dd
.available-chatroom
:hover
a
.room-info
{
text-overflow
:
ellipsis
;
display
:
inline-block
;
}
margin-top
:
3px
;
#converse-roster
span
.req-contact-name
{
font-size
:
15px
;
}
width
:
65%
;
#conversejs
dd
.available-chatroom
,
}
#conversejs
#converse-roster
dd
{
#converse-roster
span
.pending-contact-name
,
font-weight
:
bold
;
#converse-roster
a
.open-chat
{
border
:
none
;
width
:
80%
;
display
:
block
;
}
padding
:
4px
2px
0
4px
;
#converse-roster
dd
span
{
color
:
#6C4C44
;
padding
:
0
5px
0
0
;
text-shadow
:
0
1px
0
#FAFAFA
;
}
clear
:
both
;
#converse-roster
{
height
:
24px
;
text-align
:
left
;
overflow-y
:
hidden
;
}
width
:
100%
;
#conversejs
#converse-roster
dd
{
position
:
relative
;
line-height
:
16px
;
}
margin
:
0.5em
0
0
0
;
#conversejs
.roster-group
:hover
,
height
:
194px
;
#conversejs
dd
.available-chatroom
:hover
,
height
:
calc
(
100%
-
68px
);
#conversejs
#converse-roster
dd
:hover
{
overflow
:
hidden
;
background-color
:
#E3C9C1
;
}
}
#conversejs
#converse-roster
dd
a
,
#converse-roster
.roster-filter
{
#conversejs
#converse-roster
dd
span
{
padding
:
0
;
text-shadow
:
0
1px
0
#FAFAFA
;
margin
:
0
0
5px
0.5em
;
display
:
inline-block
;
width
:
105px
;
overflow
:
hidden
;
height
:
20px
;
white-space
:
nowrap
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== )
no-repeat
right
-20px
center
;
text-overflow
:
ellipsis
;
border
:
1px
solid
#999
;
margin-left
:
3px
;
}
display
:
inline-block
;
#conversejs
#converse-roster
dd
span
{
}
padding
:
0
5px
0
0
;
#converse-roster
.filter-type
{
margin-left
:
3px
;
}
height
:
20px
;
#conversejs
#converse-roster
dd
a
.decline-xmpp-request
{
padding
:
0
;
margin-left
:
5px
;
}
margin
:
0
0
0
-5px
;
#conversejs
#converse-roster
dd
a
.remove-xmpp-contact
{
}
float
:
right
;
/* (jQ addClass:) if input has value: */
width
:
22px
;
#converse-roster
.roster-filter.x
{
margin
:
0
;
background-position
:
right
3px
center
;
display
:
none
;
}
color
:
#6C4C44
;
}
/* (jQ addClass:) if mouse is over the 'x' input area*/
#conversejs
#converse-roster
dd
:hover
a
.remove-xmpp-contact
{
#converse-roster
.roster-filter.onX
{
display
:
inline-block
;
}
cursor
:
pointer
;
#conversejs
.chatbox
,
}
#conversejs
.chatroom
{
#converse-roster
.roster-contacts
{
height
:
25px
;
margin
:
0
;
float
:
right
;
overflow-y
:
auto
;
margin-right
:
15px
;
overflow-x
:
hidden
;
display
:
block
;
}
max-height
:
195px
;
#conversejs
.chatbox
{
max-height
:
calc
(
100%
-
26px
);
width
:
200px
;
}
}
#conversejs
.chatroom
{
#converse-roster
.group-toggle
{
width
:
300px
;
}
color
:
#666
;
#conversejs
.chatroom-form
,
}
#conversejs
.controlbox-pane
{
#conversejs
dd
.available-chatroom
{
text-align
:
center
;
overflow-x
:
hidden
;
background-color
:
white
;
text-overflow
:
ellipsis
;
border-bottom-left-radius
:
4px
;
white-space
:
nowrap
;
border-bottom-right-radius
:
4px
;
display
:
inline-block
;
border
:
0
;
}
font-size
:
14px
;
#conversejs
dd
.available-chatroom
a
.open-room
{
height
:
289px
;
width
:
148px
;
height
:
-webkit-calc
(
100%
-
40px
);
}
height
:
calc
(
100%
-
40px
);
#available-chatrooms
{
overflow-y
:
auto
;
text-align
:
left
;
padding
:
5px
0
;
}
position
:
absolute
;
#available-chatrooms
dt
,
width
:
100%
;
}
#converse-roster
dt
{
#conversejs
.controlbox-pane
dd
{
font-weight
:
normal
;
margin-left
:
0
;
font-size
:
13px
;
margin-bottom
:
0
;
}
color
:
#666
;
#conversejs
.controlbox-pane
dd
.odd
{
border
:
none
;
background-color
:
#DCEAC5
;
}
padding
:
0.3em
0
0
0.5em
;
#conversejs
#converse-register
.title
{
text-shadow
:
0
1px
0
#fafafa
;
font-weight
:
bold
;
}
}
#conversejs
#converse-register
.info
{
#converse-roster
dt
{
font-style
:
italic
;
display
:
none
;
color
:
green
;
}
font-size
:
85%
;
#conversejs
.room-info
{
margin
:
5px
0
;
}
font-size
:
11px
;
#conversejs
.form-help
,
font-style
:
normal
;
#conversejs
#converse-register
.instructions
{
font-weight
:
normal
;
color
:
gray
;
}
font-size
:
85%
;
}
#conversejs
li
.room-info
{
#conversejs
.chatroom-form
.instructions
{
display
:
block
;
color
:
gray
;
margin-left
:
5px
;
font-size
:
95%
;
}
}
#conversejs
.form-help
:hover
,
#conversejs
div
.room-info
{
#conversejs
#converse-register
.instructions
:hover
{
clear
:
left
;
color
:
#6C4C44
;
}
}
#conversejs
.form-help
{
#conversejs
p
.room-info
{
padding-top
:
5px
;
}
margin
:
0
;
#conversejs
#converse-register
.form-errors
{
padding
:
0
;
color
:
red
;
display
:
block
;
display
:
none
;
}
white-space
:
normal
;
#conversejs
#converse-register
,
}
#conversejs
#converse-login
{
#conversejs
a
.room-info
{
background
:
white
;
width
:
22px
;
padding
:
1em
0.5em
;
}
height
:
22px
;
#conversejs
#converse-register
input
,
float
:
right
;
#conversejs
#converse-login
input
{
display
:
none
;
width
:
178px
;
clear
:
right
;
height
:
30px
;
}
}
#conversejs
#converse-register
.input-group
{
#conversejs
a
.open-room
{
display
:
table
;
float
:
left
;
margin
:
auto
;
white-space
:
nowrap
;
width
:
178px
;
}
text-overflow
:
ellipsis
;
#conversejs
#converse-register
.input-group
span
,
overflow-x
:
hidden
;
#conversejs
#converse-register
.input-group
input
[
name
=
username
]
{
}
display
:
table-cell
;
}
#conversejs
dd
.available-chatroom
:hover
a
.room-info
{
#conversejs
#converse-register
.input-group
input
[
name
=
username
]
{
display
:
inline-block
;
width
:
100%
;
}
margin-top
:
3px
;
#conversejs
#converse-register
.cancel
,
font-size
:
15px
;
#conversejs
.chatroom-form
.cancel-submit
,
}
#conversejs
#converse-register
.cancel-submit
{
#conversejs
dd
.available-chatroom
,
color
:
#681F2C
;
}
#conversejs
#converse-roster
dd
{
#conversejs
.chatroom-form
.save-submit
,
font-weight
:
bold
;
#conversejs
#converse-register
.save-submit
{
border
:
none
;
color
:
#436F64
;
}
display
:
block
;
#conversejs
.chatroom-form
.save-submit
,
padding
:
1px
0
0
0.5em
;
#conversejs
.chatroom-form
.cancel-submit
,
color
:
#666
;
#conversejs
#converse-register
.cancel-submit
,
text-shadow
:
0
1px
0
#fafafa
;
#conversejs
#converse-register
.save-submit
{
clear
:
both
;
width
:
45%
;
}
margin
:
5px
3px
5px
3px
;
}
#converse-roster
dd
{
#conversejs
.chatroom-form
input
{
line-height
:
16px
;
width
:
80%
;
}
padding
:
5px
;
#conversejs
.group-toggle
{
text-align
:
center
;
}
display
:
block
;
#conversejs
.chatroom-form
label
,
width
:
100%
;
#conversejs
.controlbox-pane
label
,
}
#conversejs
#converse-register
label
,
#conversejs
.roster-group
:hover
,
#conversejs
#converse-login
label
{
#conversejs
dd
.available-chatroom
:hover
,
height
:
auto
;
#converse-roster
dd
:hover
{
font-size
:
14px
;
background-color
:
#eee
;
margin-top
:
2px
;
}
font-weight
:
bold
;
}
#converse-roster
dd
a
.decline-xmpp-request
{
#conversejs
#converse-register
.login-submit
,
margin-left
:
5px
;
#conversejs
#converse-login
.login-submit
,
}
#conversejs
#converse-register
.submit
,
#converse-roster
dd
a
.remove-xmpp-contact
{
#conversejs
#converse-login
.submit
{
float
:
right
;
margin-top
:
1em
;
width
:
22px
;
height
:
30px
;
}
margin
:
0
;
#conversejs
form
.set-xmpp-status
{
display
:
none
;
background
:
none
;
color
:
#4f4f4f
;
margin
:
none
;
}
padding
:
none
;
}
#converse-roster
dd
:hover
a
.remove-xmpp-contact
{
#conversejs
form
.add-chatroom
{
display
:
inline-block
;
background
:
none
;
}
padding
:
8px
;
}
#conversejs
.chatbox
,
#conversejs
form
.add-chatroom
input
[
type
=
button
],
#conversejs
.chatroom
{
#conversejs
form
.add-chatroom
input
[
type
=
submit
],
height
:
25px
;
#conversejs
form
.add-chatroom
input
[
type
=
text
]
{
float
:
right
;
margin
:
3px
0
;
margin-right
:
15px
;
width
:
100%
;
}
display
:
block
;
#conversejs
form
.add-chatroom
input
[
type
=
submit
]
{
}
color
:
#436F64
;
}
#conversejs
.chatbox
{
#conversejs
select
#select-xmpp-status
{
width
:
200px
;
float
:
right
;
}
margin-right
:
0.5em
;
}
#conversejs
.chatroom
{
#conversejs
.chat-head
#controlbox-tabs
{
width
:
300px
;
text-align
:
center
;
}
display
:
inline
;
#conversejs
.chatroom-form
,
overflow
:
hidden
;
#conversejs
.controlbox-pane
{
font-size
:
12px
;
text-align
:
center
;
list-style-type
:
none
;
}
background-color
:
white
;
#conversejs
.chat-head
#controlbox-tabs
li
{
border-bottom-left-radius
:
4px
;
float
:
left
;
border-bottom-right-radius
:
4px
;
list-style
:
none
;
border
:
0
;
padding-left
:
0
;
font-size
:
14px
;
text-shadow
:
white
0
1px
0
;
height
:
289px
;
width
:
38%
;
}
height
:
calc
(
100%
-
35px
);
#conversejs
ul
#controlbox-tabs
li
a
{
overflow-y
:
auto
;
display
:
block
;
padding
:
0
;
font-size
:
12px
;
position
:
absolute
;
height
:
39px
;
width
:
100%
;
line-height
:
39px
;
}
margin
:
0
;
#conversejs
.controlbox-pane
dd
{
text-align
:
center
;
margin-left
:
0
;
text-decoration
:
none
;
margin-bottom
:
0
;
border-top-right-radius
:
4px
;
}
border-top-left-radius
:
4px
;
#conversejs
.controlbox-pane
dd
.odd
{
color
:
#888
;
}
background-color
:
#DCEAC5
;
#conversejs
.chat-head
#controlbox-tabs
li
a
:hover
{
}
color
:
#6C4C44
;
}
#conversejs
#converse-register
.title
{
#conversejs
.chat-head
#controlbox-tabs
li
a
{
font-weight
:
bold
;
background-color
:
white
;
}
box-shadow
:
inset
0
4px
12px
rgba
(
0
,
0
,
0
,
0.3
);
#conversejs
#converse-register
.info
{
border-bottom
:
1px
solid
#CCC
;
}
font-style
:
italic
;
#conversejs
ul
#controlbox-tabs
a
.current
,
color
:
green
;
#conversejs
ul
#controlbox-tabs
a
.current
:hover
{
font-size
:
85%
;
box-shadow
:
none
;
margin
:
5px
0
;
border-bottom
:
0
;
}
height
:
40px
;
#conversejs
.form-help
,
cursor
:
default
;
#conversejs
#converse-register
.instructions
{
color
:
#6C4C44
;
}
color
:
gray
;
#conversejs
div
#chatrooms
{
font-size
:
85%
;
overflow-y
:
auto
;
}
}
#conversejs
form
.sendXMPPMessage
{
#conversejs
.chatroom-form
.instructions
{
background
:
white
;
color
:
gray
;
border
:
0
;
font-size
:
95%
;
border-top
:
1px
solid
#BBB
;
}
padding
:
0
;
#conversejs
.form-help
:hover
,
margin
:
0
;
#conversejs
#converse-register
.instructions
:hover
{
position
:
relative
;
color
:
#4f4f4f
;
-webkit-border-radius
:
4px
;
}
-moz-border-radius
:
4px
;
#conversejs
.form-help
{
border-radius
:
4px
;
padding-top
:
5px
;
-moz-background-clip
:
padding
;
}
-webkit-background-clip
:
padding-box
;
#conversejs
#converse-register
.form-errors
{
background-clip
:
padding-box
;
color
:
red
;
border-top-left-radius
:
0
;
display
:
none
;
border-top-right-radius
:
0
;
}
width
:
200px
;
#conversejs
#converse-register
,
height
:
83px
;
}
#conversejs
#converse-login
{
#conversejs
.chat-textarea
{
background
:
white
;
box-sizing
:
border-box
;
padding
:
1em
0.5em
;
-moz-box-sizing
:
border-box
;
}
border
:
0
;
#conversejs
#converse-register
input
,
width
:
100%
;
#conversejs
#converse-login
input
{
padding
:
3px
;
width
:
178px
;
border-bottom-left-radius
:
4px
;
height
:
30px
;
border-bottom-right-radius
:
4px
;
}
resize
:
none
;
#converse-register
.input-group
{
height
:
59px
;
}
display
:
table
;
#conversejs
.chatroom
.chat-textarea
{
margin
:
auto
;
border-bottom-right-radius
:
0
;
}
width
:
178px
;
#conversejs
ul
.chat-toolbar
{
}
font-size
:
14px
;
#conversejs
#converse-register
.input-group
span
,
margin
:
0
;
#conversejs
#converse-register
.input-group
input
[
name
=
username
]
{
padding
:
0
5px
0
0
;
display
:
table-cell
;
height
:
20px
;
}
display
:
block
;
}
#conversejs
#converse-register
.input-group
input
[
name
=
username
]
{
#conversejs
.chat-toolbar
.toggle-participants
,
width
:
100%
;
#conversejs
.chat-toolbar
.toggle-clear
,
}
#conversejs
.chat-toolbar
.toggle-otr
{
#conversejs
#converse-register
.cancel
,
float
:
right
;
}
#conversejs
.chatroom-form
.cancel-submit
,
#conversejs
.chat-toolbar
a
{
#conversejs
#converse-register
.cancel-submit
{
color
:
#6C4C44
;
}
color
:
darkred
;
#conversejs
.chat-toolbar
ul
{
}
display
:
none
;
#conversejs
.chatroom-form
.save-submit
,
font-size
:
12px
;
#conversejs
#converse-register
.save-submit
{
position
:
absolute
;
color
:
darkgreen
;
bottom
:
100%
;
}
margin
:
0
0
1px
0
;
#conversejs
.chatroom-form
.save-submit
,
right
:
0
;
#conversejs
.chatroom-form
.cancel-submit
,
background
:
#fff
;
#conversejs
#converse-register
.cancel-submit
,
box-shadow
:
0
-1px
2px
0
rgba
(
0
,
0
,
0
,
0.4
);
}
#conversejs
#converse-register
.save-submit
{
#conversejs
.chat-toolbar
ul
li
{
width
:
45%
;
position
:
relative
;
margin
:
5px
3px
5px
3px
;
list-style
:
none
;
}
cursor
:
pointer
;
}
#conversejs
.chatroom-form
input
{
#conversejs
.chat-toolbar
ul
li
a
:hover
{
width
:
80%
;
color
:
#8f2831
;
}
padding
:
5px
;
#conversejs
.chat-toolbar
.toggle-smiley
{
text-align
:
center
;
padding-left
:
5px
;
}
}
#conversejs
.chat-toolbar
.toggle-smiley
ul
li
{
#conversejs
.chatroom-form
label
,
font-size
:
14px
;
#conversejs
#converse-register
label
,
padding
:
5px
;
#conversejs
#converse-login
label
{
z-index
:
98
;
}
height
:
auto
;
#conversejs
.chat-toolbar
.toggle-otr
ul
li
{
font-size
:
14px
;
background-color
:
white
;
margin-top
:
0.5em
;
display
:
block
;
font-weight
:
bold
;
z-index
:
99
;
}
}
#conversejs
.chat-toolbar
ul
li
:hover
{
#conversejs
#converse-register
.login-submit
,
background-color
:
#E3C9C1
;
}
#conversejs
#converse-login
.login-submit
,
#conversejs
.chat-toolbar
.toggle-otr
ul
li
a
{
#conversejs
#converse-register
.submit
,
transition
:
background-color
0.2s
ease-in-out
;
#conversejs
#converse-login
.submit
{
-webkit-transition
:
background-color
0.2s
ease-in-out
;
margin-top
:
1em
;
-moz-transition
:
background-color
0.2s
ease-in-out
;
height
:
30px
;
display
:
block
;
}
padding
:
1px
;
#conversejs
form
.set-xmpp-status
{
text-decoration
:
none
;
}
background
:
none
;
#conversejs
.chat-toolbar-text
{
margin
:
none
;
font-size
:
12px
;
padding
:
none
;
padding-right
:
3px
;
}
}
#conversejs
.unencrypted
a
,
#conversejs
form
.add-chatroom
{
#conversejs
.unencrypted
{
background
:
none
;
color
:
#8f2831
;
}
padding
:
3px
;
#conversejs
.unverified
a
,
}
#conversejs
.unverified
{
#conversejs
form
.add-chatroom
input
[
type
=
text
]
{
color
:
#cf5300
;
}
width
:
95%
;
#conversejs
.private
a
,
margin
:
3px
;
#conversejs
.private
{
}
color
:
#4b7003
;
}
#conversejs
form
.add-chatroom
input
[
type
=
button
],
#conversejs
ul
.chat-toolbar
li
{
#conversejs
form
.add-chatroom
input
[
type
=
submit
]
{
display
:
inline-block
;
width
:
48%
;
list-style
:
none
;
}
padding
:
0
3px
0
3px
;
select
#select-xmpp-status
{
cursor
:
pointer
;
float
:
right
;
margin-top
:
1px
;
}
margin-right
:
0.5em
;
#conversejs
ul
.chat-toolbar
li
:hover
{
}
cursor
:
pointer
;
}
/* @group Tabs */
#conversejs
form
#set-custom-xmpp-status
{
#conversejs
.chat-head
#controlbox-tabs
{
float
:
left
;
text-align
:
center
;
padding
:
0
;
}
display
:
inline
;
#conversejs
.chat-textarea-chatbox-selected
{
overflow
:
hidden
;
border
:
1px
solid
#578308
;
font-size
:
12px
;
margin
:
0
;
}
list-style-type
:
none
;
#conversejs
.chat-textarea-chatroom-selected
{
}
border
:
2px
solid
#436F64
;
/* single tab */
margin
:
0
;
}
#conversejs
.chat-head
#controlbox-tabs
li
{
#conversejs
#set-custom-xmpp-status
button
{
float
:
left
;
padding
:
1px
2px
1px
1px
;
}
list-style
:
none
;
#conversejs
#controlbox
{
padding-left
:
0
;
display
:
none
;
}
text-shadow
:
white
0
1px
0
;
#conversejs
#controlbox
div
.xmpp-status
{
width
:
38%
;
display
:
inline
;
}
}
#conversejs
.chatbox
dl
.dropdown
{
#conversejs
ul
#controlbox-tabs
li
a
{
margin
:
0.5em
;
display
:
block
;
background-color
:
#F1E2DD
;
}
font-size
:
12px
;
#conversejs
.chatbox
.dropdown
dd
,
height
:
34px
;
#conversejs
.dropdown
dt
,
line-height
:
34px
;
#conversejs
.dropdown
ul
{
margin
:
0
;
margin
:
0
;
text-align
:
center
;
padding
:
0
;
}
text-decoration
:
none
;
#conversejs
.chatbox
.dropdown
dd
{
border-top-right-radius
:
4px
;
position
:
relative
;
}
border-top-left-radius
:
4px
;
#conversejs
input
.custom-xmpp-status
{
color
:
#888
;
width
:
124px
;
}
text-shadow
:
0
1px
0
#fafafa
;
#conversejs
form
.add-xmpp-contact
{
}
background
:
none
;
#conversejs
.chat-head
#controlbox-tabs
li
a
:hover
{
padding
:
5px
;
}
color
:
#4f4f4f
;
#conversejs
form
.add-xmpp-contact
input
{
}
margin
:
0
0
1rem
;
}
#conversejs
.chat-head
#controlbox-tabs
li
a
{
#conversejs
form
.add-xmpp-contact
button
{
background-color
:
white
;
width
:
100%
;
}
box-shadow
:
inset
0
4px
12px
rgba
(
0
,
0
,
0
,
0.3
);
#conversejs
.chatbox
.dropdown
dt
a
span
{
border-bottom
:
1px
solid
#CCC
;
cursor
:
pointer
;
}
display
:
block
;
#conversejs
ul
#controlbox-tabs
a
.current
,
padding
:
4px
7px
0
5px
;
}
#conversejs
ul
#controlbox-tabs
a
.current
:hover
{
#conversejs
.chatbox
.dropdown
dd
ul
{
box-shadow
:
none
;
padding
:
5px
0
5px
0
;
border-bottom
:
0
;
list-style
:
none
;
height
:
35px
;
position
:
absolute
;
cursor
:
default
;
left
:
0
;
color
:
#666666
;
top
:
0
;
}
border
:
1px
solid
#F1DCD6
;
#conversejs
div
#chatrooms
{
border-top
:
0
;
overflow-y
:
auto
;
width
:
99%
;
}
z-index
:
21
;
#conversejs
form
.sendXMPPMessage
{
background-color
:
#F1E2DD
;
}
background
:
white
;
#conversejs
.chatbox
.dropdown
li
{
border
:
0
;
list-style
:
none
;
border-top
:
1px
solid
#BBB
;
padding-left
:
0
;
}
padding
:
0
;
#conversejs
.chatbox
.dropdown
a
{
margin
:
0
;
height
:
22px
;
position
:
relative
;
width
:
148px
;
-webkit-border-radius
:
4px
;
display
:
inline-block
;
-moz-border-radius
:
4px
;
line-height
:
24px
;
}
border-radius
:
4px
;
#conversejs
.chatbox
.dropdown
dd
ul
li
:hover
{
-moz-background-clip
:
padding
;
background-color
:
#E3C9C1
;
}
-webkit-background-clip
:
padding-box
;
#conversejs
.chatbox
.dropdown
dd
.search-xmpp
ul
li
:hover
{
background-clip
:
padding-box
;
background-color
:
#F1E2DD
;
}
border-top-left-radius
:
0
;
#conversejs
.xmpp-status-menu
{
border-top-right-radius
:
0
;
text-align
:
left
;
}
width
:
200px
;
#conversejs
.xmpp-status-menu
li
a
{
height
:
83px
;
width
:
100%
;
}
}
#conversejs
.xmpp-status-menu
li
a
.logout
,
#conversejs
.chat-textarea
{
#conversejs
.xmpp-status-menu
li
a
.logout
span
{
box-sizing
:
border-box
;
color
:
#681F2C
;
}
-moz-box-sizing
:
border-box
;
#conversejs
.xmpp-status-menu
li
a
span
{
border
:
0
;
padding
:
0
5px
0
5px
;
}
width
:
100%
;
#conversejs
.set-xmpp-status
.dropdown
dd
ul
{
padding
:
3px
;
z-index
:
22
;
}
border-bottom-left-radius
:
4px
;
#conversejs
.minimized-chats-flyout
,
border-bottom-right-radius
:
4px
;
#conversejs
.box-flyout
{
resize
:
none
;
border-radius
:
4px
;
height
:
59px
;
bottom
:
6px
;
}
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
#conversejs
.chatroom
.chat-textarea
{
display
:
block
;
border-bottom-right-radius
:
0
;
height
:
400px
;
}
position
:
absolute
;
}
#conversejs
ul
.chat-toolbar
{
#conversejs
.minimized-chats-flyout
{
font-size
:
14px
;
border-radius
:
4px
;
margin
:
0
;
bottom
:
25px
;
padding
:
0
5px
0
0
;
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
height
:
20px
;
display
:
block
;
display
:
block
;
position
:
absolute
;
}
height
:
auto
;
#conversejs
.chat-toolbar
.toggle-participants
,
width
:
130px
;
}
#conversejs
.chat-toolbar
.toggle-clear
,
#conversejs
.minimized-chats-flyout.minimized
{
#conversejs
.chat-toolbar
.toggle-otr
{
height
:
auto
;
}
float
:
right
;
#conversejs
.minimized-chats-flyout
.chat-head-chatroom
,
}
#conversejs
.minimized-chats-flyout
.chat-head
{
#conversejs
.chat-toolbar
a
{
border-radius
:
4px
;
color
:
#4f4f4f
;
width
:
130px
;
}
height
:
25px
;
#conversejs
.chat-toolbar
ul
li
a
:hover
{
margin-bottom
:
1px
;
}
color
:
#8f2831
;
#conversejs
.chatbox
.box-flyout
{
}
width
:
200px
;
}
#conversejs
.chat-toolbar
ul
{
#conversejs
.chatroom
.box-flyout
{
display
:
none
;
width
:
300px
;
}
font-size
:
12px
;
#conversejs
.dragresize
{
position
:
absolute
;
position
:
absolute
;
bottom
:
100%
;
width
:
200px
;
margin-bottom
:
1px
;
height
:
5px
;
right
:
0
;
background
:
transparent
;
background
:
#fff
;
border
:
0
;
box-shadow
:
0
-1px
2px
0
rgba
(
0
,
0
,
0
,
0.4
);
top
:
0
;
}
margin-left
:
0
;
#conversejs
.chat-toolbar
ul
li
{
cursor
:
n-resize
;
position
:
relative
;
z-index
:
20
;
}
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
.chatbox
.dropdown
dd
.search-xmpp
ul
li
:hover
{
background-color
:
#bed6e5
;
}
#conversejs
.xmpp-status-menu
{
text-align
:
left
;
}
#conversejs
.xmpp-status-menu
li
a
{
width
:
100%
;
}
#conversejs
.xmpp-status-menu
li
a
.logout
,
#conversejs
.xmpp-status-menu
li
a
.logout
span
{
color
:
darkred
;
}
#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
.minimized-chats-flyout
,
#conversejs
.box-flyout
{
border-radius
:
4px
;
bottom
:
6px
;
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
display
:
block
;
height
:
400px
;
position
:
absolute
;
}
#conversejs
.minimized-chats-flyout
{
border-radius
:
4px
;
bottom
:
25px
;
box-shadow
:
1px
3px
5px
3px
rgba
(
0
,
0
,
0
,
0.4
);
display
:
block
;
position
:
absolute
;
height
:
auto
;
width
:
130px
;
}
#conversejs
.minimized-chats-flyout.minimized
{
height
:
auto
;
}
#conversejs
.minimized-chats-flyout
.chat-head-chatroom
,
#conversejs
.minimized-chats-flyout
.chat-head
{
border-radius
:
4px
;
width
:
130px
;
height
:
25px
;
margin-bottom
:
1px
;
}
#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
;
}
css/theme.css
View file @
063e31e3
...
@@ -3,7 +3,7 @@ body {
...
@@ -3,7 +3,7 @@ body {
height
:
100%
;
height
:
100%
;
font-family
:
"Lora"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-family
:
"Lora"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
color
:
#ffffff
;
color
:
#ffffff
;
background-color
:
#
000000
;
background-color
:
#
211018
;
}
}
html
{
html
{
width
:
100%
;
width
:
100%
;
...
@@ -34,7 +34,7 @@ p {
...
@@ -34,7 +34,7 @@ p {
}
}
}
}
a
{
a
{
color
:
#
66ccff
;
color
:
#
82B397
;
-webkit-transition
:
all
0.2s
ease-in-out
;
-webkit-transition
:
all
0.2s
ease-in-out
;
-moz-transition
:
all
0.2s
ease-in-out
;
-moz-transition
:
all
0.2s
ease-in-out
;
transition
:
all
0.2s
ease-in-out
;
transition
:
all
0.2s
ease-in-out
;
...
@@ -52,7 +52,7 @@ a:focus {
...
@@ -52,7 +52,7 @@ a:focus {
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.3
);
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.3
);
text-transform
:
uppercase
;
text-transform
:
uppercase
;
font-family
:
"Montserrat"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-family
:
"Montserrat"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
background-color
:
#
000000
;
background-color
:
#
211018
;
}
}
.navbar-brand
{
.navbar-brand
{
font-weight
:
700
;
font-weight
:
700
;
...
@@ -95,7 +95,7 @@ a:focus {
...
@@ -95,7 +95,7 @@ a:focus {
}
}
.top-nav-collapse
{
.top-nav-collapse
{
padding
:
0
;
padding
:
0
;
background-color
:
#
000000
;
background-color
:
#
211018
;
}
}
.navbar-custom.top-nav-collapse
{
.navbar-custom.top-nav-collapse
{
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.3
);
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.3
);
...
@@ -113,17 +113,17 @@ a:focus {
...
@@ -113,17 +113,17 @@ a:focus {
}
}
.intro
{
.intro
{
background
:
url(images/header.jpg)
no-repeat
bottom
center
scroll
;
background
:
url(images/header.jpg)
no-repeat
bottom
center
scroll
;
background-color
:
#
000
;
background-color
:
#
211018
;
-webkit-background-size
:
cover
;
-webkit-background-size
:
cover
;
-moz-background-size
:
cover
;
-moz-background-size
:
cover
;
background-size
:
cover
;
background-size
:
cover
;
-o-background-size
:
cover
;
-o-background-size
:
cover
;
}
}
.features-section
{
.features-section
{
background
:
url('images/bgtr.svg')
top
right
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/overlay.png')
,
linear-gradient
(
45deg
,
#
b39c68
,
#a56365
,
#412e4c
);
background
:
url('images/bgtr.svg')
top
right
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/overlay.png')
,
linear-gradient
(
45deg
,
#
85505f
,
#384955
,
#655361
);
}
}
.features-section
a
{
.features-section
a
{
color
:
#
66ccff
;
color
:
#
82B397
;
}
}
.outro
{
.outro
{
background
:
url('images/bgtr.svg')
top
right
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/overlay.png')
,
linear-gradient
(
45deg
,
#384955
,
#655361
,
#85505f
);
background
:
url('images/bgtr.svg')
top
right
no-repeat
,
url('images/bgbl.svg')
bottom
left
no-repeat
,
url('images/overlay.png')
,
linear-gradient
(
45deg
,
#384955
,
#655361
,
#85505f
);
...
@@ -186,6 +186,7 @@ a:focus {
...
@@ -186,6 +186,7 @@ a:focus {
-webkit-animation-timing-function
:
linear
;
-webkit-animation-timing-function
:
linear
;
-moz-animation-timing-function
:
linear
;
-moz-animation-timing-function
:
linear
;
}
}
/*
@-webkit-keyframes pulse {
@-webkit-keyframes pulse {
0 {
0 {
-webkit-transform: scale(1);
-webkit-transform: scale(1);
...
@@ -214,6 +215,7 @@ a:focus {
...
@@ -214,6 +215,7 @@ a:focus {
transform: scale(1);
transform: scale(1);
}
}
}
}
*/
.content-section
{
.content-section
{
padding-top
:
100px
;
padding-top
:
100px
;
}
}
...
@@ -221,7 +223,7 @@ a:focus {
...
@@ -221,7 +223,7 @@ a:focus {
width
:
100%
;
width
:
100%
;
padding
:
50px
0
;
padding
:
50px
0
;
color
:
#ffffff
;
color
:
#ffffff
;
background-color
:
#
000000
;
background-color
:
#
211018
;
}
}
.donate-section
p
.bitcoin-header
{
.donate-section
p
.bitcoin-header
{
margin
:
0
0
5px
;
margin
:
0
0
5px
;
...
@@ -244,16 +246,16 @@ a:focus {
...
@@ -244,16 +246,16 @@ a:focus {
transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
}
.btn-default
{
.btn-default
{
border
:
1px
solid
#
66ccff
;
border
:
1px
solid
#
82B397
;
color
:
#
66ccff
;
color
:
#
82B397
;
background-color
:
transparent
;
background-color
:
transparent
;
}
}
.btn-default
:hover
,
.btn-default
:hover
,
.btn-default
:focus
{
.btn-default
:focus
{
border
:
1px
solid
#
66ccff
;
border
:
1px
solid
#
82B397
;
outline
:
none
;
outline
:
none
;
color
:
#
000000
;
color
:
#
211018
;
background-color
:
#
66ccff
;
background-color
:
#
82B397
;
}
}
.btn-huge
{
.btn-huge
{
padding
:
25px
;
padding
:
25px
;
...
...
sass/converse.scss
View file @
063e31e3
...
@@ -8,7 +8,6 @@
...
@@ -8,7 +8,6 @@
@import
"bourbon/bourbon"
;
@import
"bourbon/bourbon"
;
@font-face
{
@font-face
{
font-family
:
'Converse-js'
;
font-family
:
'Converse-js'
;
src
:
url('../fonticons/fonts/icomoon.eot?-mnoxh0')
;
src
:
url('../fonticons/fonts/icomoon.eot?-mnoxh0')
;
...
@@ -34,7 +33,64 @@
...
@@ -34,7 +33,64 @@
}
}
#conversejs
{
#conversejs
{
color
:
#4f4f4f
;
@import
"components/skeleton-sass/skeleton"
;
$link-color
:
#436F64
;
$link-shadow-color
:
#FAFAFA
;
$text-shadow-color
:
#FAFAFA
;
$text-color
:
#6C4C44
;
$border-color
:
#CCC
;
$warning-color
:
#681F2C
;
$light-background-border-color
:
#F1DCD6
;
$light-background-color
:
#F1E2DD
;
$icon-color
:
#114327
;
$highlight-color
:
#E3C9C1
;
$chat-head-color
:
#436F64
;
$chatroom-head-color
:
#0F592F
;
$chat-head-text-color
:
white
;
$chat-head-height
:
40px
;
$save-button-color
:
#436F64
;
a
,
a
:visited
{
text-decoration
:
none
;
color
:
$link-color
;
text-shadow
:
none
;
}
div
{
box-sizing
:
border-box
;
}
ul
li
{
height
:
auto
;
}
div
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
em
,
img
,
strong
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
hgroup
,
menu
,
nav
,
output
,
ruby
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font
:
inherit
;
vertical-align
:
baseline
;
}
strong
{
font-weight
:
700
;
}
ol
,
ul
{
list-style
:
none
;
}
li
{
height
:
10px
;
}
ul
,
ol
,
dl
{
font
:
inherit
;
margin
:
0
0
15px
0
;
}
color
:
$text-color
;
font-size
:
14px
;
font-size
:
14px
;
bottom
:
0
;
bottom
:
0
;
direction
:
ltr
;
direction
:
ltr
;
...
@@ -74,68 +130,67 @@
...
@@ -74,68 +130,67 @@
-moz-osx-font-smoothing
:
grayscale
;
-moz-osx-font-smoothing
:
grayscale
;
}
}
.icon-address-book
:before
{
content
:
"\270f"
;
}
.icon-address-book
:before
{
content
:
"\270f"
;
}
.icon-angry
:before
{
content
:
"\e03f"
;
}
.icon-angry
:before
{
content
:
"\e03f"
;
}
.icon-attachment
:before
{
content
:
"\e032"
;
}
.icon-attachment
:before
{
content
:
"\e032"
;
}
.icon-away
:before
{
content
:
"\25fb"
;
}
.icon-away
:before
{
content
:
"\25fb"
;
}
.icon-blocked
:before
{
content
:
"\2718"
;
}
.icon-blocked
:before
{
content
:
"\2718"
;
}
.icon-bold
:before
{
content
:
"\e04d"
;
}
.icon-bold
:before
{
content
:
"\e04d"
;
}
.icon-bubbles-2
:before
{
content
:
"\e016"
;
}
.icon-bubbles-2
:before
{
content
:
"\e016"
;
}
.icon-bubbles-3
:before
{
content
:
"\e017"
;
}
.icon-bubbles-3
:before
{
content
:
"\e017"
;
}
.icon-bubbles
:before
{
content
:
"\e015"
;
}
.icon-bubbles
:before
{
content
:
"\e015"
;
}
.icon-camera-2
:before
{
content
:
"\2616"
;
}
.icon-camera-2
:before
{
content
:
"\2616"
;
}
.icon-camera
:before
{
content
:
"\e003"
;
}
.icon-camera
:before
{
content
:
"\e003"
;
}
.icon-cancel-circle
:before
{
content
:
"\e058"
;
}
.icon-cancel-circle
:before
{
content
:
"\e058"
;
}
.icon-checkbox-checked
:before
{
content
:
"\2611"
;
}
.icon-checkbox-checked
:before
{
content
:
"\2611"
;
}
.icon-checkbox-partial
:before
{
content
:
"\2b28"
;
}
.icon-checkbox-partial
:before
{
content
:
"\2b28"
;
}
.icon-checkbox-unchecked
:before
{
content
:
"\2b27"
;
}
.icon-checkbox-unchecked
:before
{
content
:
"\2b27"
;
}
.icon-checkmark
:before
{
content
:
"\2713"
;
}
.icon-checkmark
:before
{
content
:
"\2713"
;
}
.icon-close
:before
{
content
:
"\2715"
;
}
.icon-close
:before
{
content
:
"\2715"
;
}
.icon-closed
:before
{
content
:
"\25ba"
;
}
.icon-closed
:before
{
content
:
"\25ba"
;
}
.icon-cog
:before
{
content
:
"\e02f"
;
}
.icon-cog
:before
{
content
:
"\e02f"
;
}
.icon-cogs
:before
{
content
:
"\e022"
;
}
.icon-cogs
:before
{
content
:
"\e022"
;
}
.icon-confused
:before
{
content
:
"\2368"
;
}
.icon-confused
:before
{
content
:
"\2368"
;
}
.icon-cool
:before
{
content
:
"\e040"
;
}
.icon-cool
:before
{
content
:
"\e040"
;
}
.icon-dnd
:before
{
content
:
"\e004"
;
}
.icon-dnd
:before
{
content
:
"\e004"
;
}
.icon-envelop
:before
{
content
:
"\2709"
;
}
.icon-envelop
:before
{
content
:
"\2709"
;
}
.icon-evil
:before
{
content
:
"\261f"
;
}
.icon-evil
:before
{
content
:
"\261f"
;
}
.icon-eye-blocked
:before
{
content
:
"\e031"
;
}
.icon-eye-blocked
:before
{
content
:
"\e031"
;
}
.icon-eye
:before
{
content
:
"\e030"
;
}
.icon-eye
:before
{
content
:
"\e030"
;
}
.icon-globe
:before
{
content
:
"\e033"
;
}
.icon-globe
:before
{
content
:
"\e033"
;
}
.icon-grin
:before
{
content
:
"\e041"
;
}
.icon-grin
:before
{
content
:
"\e041"
;
}
.icon-happy
:before
{
content
:
"\263b"
;
}
.icon-happy
:before
{
content
:
"\263b"
;
}
.icon-headphones
:before
{
content
:
"\266c"
;
}
.icon-headphones
:before
{
content
:
"\266c"
;
}
.icon-heart
:before
{
content
:
"\2764"
;
}
.icon-heart
:before
{
content
:
"\2764"
;
}
.icon-hide-users
:before
{
content
:
"\e01c"
;
}
.icon-hide-users
:before
{
content
:
"\e01c"
;
}
.icon-home
:before
{
content
:
"\e000"
;
}
.icon-home
:before
{
content
:
"\e000"
;
}
.icon-image
:before
{
content
:
"\2b14"
;
}
.icon-image
:before
{
content
:
"\2b14"
;
}
.icon-info
:before
{
content
:
"\2360"
;
}
.icon-info
:before
{
content
:
"\2360"
;
}
.icon-italic
:before
{
content
:
"\e04f"
;
}
.icon-italic
:before
{
content
:
"\e04f"
;
}
.icon-key-2
:before
{
content
:
"\e029"
;
}
.icon-key-2
:before
{
content
:
"\e029"
;
}
.icon-key
:before
{
content
:
"\e028"
;
}
.icon-key
:before
{
content
:
"\e028"
;
}
.icon-lock-2
:before
{
content
:
"\e027"
;
}
.icon-lock-2
:before
{
content
:
"\e027"
;
}
.icon-lock
:before
{
content
:
"\e026"
;
}
.icon-lock
:before
{
content
:
"\e026"
;
}
.icon-logout
:before
{
content
:
"\e601"
;
}
.icon-logout
:before
{
content
:
"\e601"
;
}
.icon-minus
:before
{
content
:
"\e05a"
;
}
.icon-minus
:before
{
content
:
"\e05a"
;
}
.icon-music
:before
{
content
:
"\266b"
;
}
.icon-music
:before
{
content
:
"\266b"
;
}
.icon-new-tab
:before
{
content
:
"\e053"
;
}
.icon-new-tab
:before
{
content
:
"\e053"
;
}
.icon-newspaper
:before
{
content
:
"\e001"
;
}
.icon-newspaper
:before
{
content
:
"\e001"
;
}
.icon-notebook
:before
{
content
:
"\2710"
;
}
.icon-notebook
:before
{
content
:
"\2710"
;
}
.icon-notification
:before
{
content
:
"\e01f"
;
}
.icon-notification
:before
{
content
:
"\e01f"
;
}
.icon-offline
:before
{
content
:
"\e002"
;
}
.icon-online
:before
{
content
:
"\25fc"
;
}
.icon-online
:before
{
content
:
"\25fc"
;
}
.icon-opened
:before
{
content
:
"\25bc"
;
}
.icon-opened
:before
{
content
:
"\25bc"
;
}
.icon-pencil
:before
{
content
:
"\270e"
;
}
.icon-pencil
:before
{
content
:
"\270e"
;
}
.icon-phone-hang-up
:before
{
content
:
"\260e"
;
}
.icon-phone-hang-up
:before
{
content
:
"\260e"
;
}
.icon-phone
:before
{
content
:
"\260f"
;
}
.icon-phone
:before
{
content
:
"\260f"
;
}
.icon-play
:before
{
content
:
"\25d9"
;
}
.icon-play
:before
{
content
:
"\25d9"
;
}
.icon-plus
:before
{
content
:
"\271a"
;
}
.icon-plus
:before
{
content
:
"\271a"
;
}
.icon-pushpin
:before
{
content
:
"\e012"
;
}
.icon-pushpin
:before
{
content
:
"\e012"
;
}
.icon-quotes-left
:before
{
content
:
"\e01d"
;
}
.icon-quotes-left
:before
{
content
:
"\e01d"
;
}
.icon-radio-checked
:before
{
content
:
"\2b26"
;
}
.icon-radio-checked
:before
{
content
:
"\2b26"
;
}
.icon-radio-unchecked
:before
{
content
:
"\2b25"
;
}
.icon-radio-unchecked
:before
{
content
:
"\2b25"
;
}
.icon-remove
:before
{
content
:
"\e02d"
;
}
.icon-remove
:before
{
content
:
"\e02d"
;
}
.icon-room-info
:before
{
content
:
"\e059"
;
}
.icon-room-info
:before
{
content
:
"\e059"
;
}
.icon-sad
:before
{
content
:
"\2639"
;
}
.icon-sad
:before
{
content
:
"\2639"
;
}
.icon-search
:before
{
content
:
"\e021"
;
}
.icon-search
:before
{
content
:
"\e021"
;
}
.icon-shocked
:before
{
content
:
"\2364"
;
}
.icon-shocked
:before
{
content
:
"\2364"
;
}
...
@@ -143,29 +198,30 @@
...
@@ -143,29 +198,30 @@
.icon-smiley
:before
{
content
:
"\263a"
;
}
.icon-smiley
:before
{
content
:
"\263a"
;
}
.icon-spell-check
:before
{
content
:
"\e045"
;
}
.icon-spell-check
:before
{
content
:
"\e045"
;
}
.icon-spinner
:before
{
content
:
"\231b"
;
}
.icon-spinner
:before
{
content
:
"\231b"
;
}
.icon-strikethrough
:before
{
content
:
"\e050"
;
}
.icon-strikethrough
:before
{
content
:
"\e050"
;
}
.icon-thumbs-up
:before
{
content
:
"\261d"
;
}
.icon-thumbs-up
:before
{
content
:
"\261d"
;
}
.icon-tongue
:before
{
content
:
"\e038"
;
}
.icon-tongue
:before
{
content
:
"\e038"
;
}
.icon-unavailable
:before
,
.icon-underline
:before
{
content
:
"\e04e"
;
}
.icon-underline
:before
{
content
:
"\e04e"
;
}
.icon-unlocked
:before
{
content
:
"\e025"
;
}
.icon-unlocked
:before
{
content
:
"\e025"
;
}
.icon-user
:before
{
content
:
"\e01a"
;
}
.icon-user
:before
{
content
:
"\e01a"
;
}
.icon-users
:before
{
content
:
"\e01b"
;
}
.icon-users
:before
{
content
:
"\e01b"
;
}
.icon-volume-decrease
:before
{
content
:
"\e04b"
;
}
.icon-volume-decrease
:before
{
content
:
"\e04b"
;
}
.icon-volume-high
:before
{
content
:
"\e046"
;
}
.icon-volume-high
:before
{
content
:
"\e046"
;
}
.icon-volume-increase
:before
{
content
:
"\e04c"
;
}
.icon-volume-increase
:before
{
content
:
"\e04c"
;
}
.icon-volume-low
:before
{
content
:
"\e048"
;
}
.icon-volume-low
:before
{
content
:
"\e048"
;
}
.icon-volume-medium
:before
{
content
:
"\e047"
;
}
.icon-volume-medium
:before
{
content
:
"\e047"
;
}
.icon-volume-mute-2
:before
{
content
:
"\e04a"
;
}
.icon-volume-mute-2
:before
{
content
:
"\e04a"
;
}
.icon-volume-mute
:before
{
content
:
"\e049"
;
}
.icon-volume-mute
:before
{
content
:
"\e049"
;
}
.icon-warning
:before
{
content
:
"\26a0"
;
}
.icon-warning
:before
{
content
:
"\26a0"
;
}
.icon-wink
:before
{
content
:
"\e03a"
;
}
.icon-wink
:before
{
content
:
"\e03a"
;
}
.icon-wondering
:before
{
content
:
"\2369"
;
}
.icon-wondering
:before
{
content
:
"\2369"
;
}
.icon-wrench
:before
{
content
:
"\e024"
;
}
.icon-wrench
:before
{
content
:
"\e024"
;
}
.icon-xa
:before
,
.icon-xa
:before
,
.icon-unavailable
:before
,
.icon-offline
:before
{
content
:
"\e002"
;
}
.icon-youtube
:before
{
content
:
"\e055"
;
}
.icon-youtube
:before
{
content
:
"\e055"
;
}
.icon-zoom-in
:before
{
content
:
"\e02b"
;
}
.icon-zoom-in
:before
{
content
:
"\e02b"
;
}
.icon-zoom-out
:before
{
content
:
"\e02a"
;
}
.icon-zoom-out
:before
{
content
:
"\e02a"
;
}
.no-text-select
{
.no-text-select
{
-webkit-touch-callout
:
none
;
-webkit-touch-callout
:
none
;
...
@@ -176,45 +232,6 @@
...
@@ -176,45 +232,6 @@
user-select
:
none
;
user-select
:
none
;
}
}
div
{
box-sizing
:
border-box
;
}
ul
li
{
height
:
auto
;
}
div
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
em
,
img
,
strong
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
hgroup
,
menu
,
nav
,
output
,
ruby
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font
:
inherit
;
vertical-align
:
baseline
;
}
strong
{
font-weight
:
700
;
}
ol
,
ul
{
list-style
:
none
;
}
li
{
height
:
10px
;
}
a
{
text-decoration
:
none
;
color
:
#2D617A
;
text-shadow
:
none
;
}
ul
,
ol
,
dl
{
font
:
inherit
;
margin
:
0
0
15px
0
;
}
.emoticon
{
.emoticon
{
font-size
:
14px
;
font-size
:
14px
;
}
}
...
@@ -330,29 +347,12 @@
...
@@ -330,29 +347,12 @@
color
:
white
;
color
:
white
;
}
}
.chat-head
{
color
:
#ffffff
;
font-size
:
100%
;
border-top-right-radius
:
4px
;
border-top-left-radius
:
4px
;
padding
:
2px
2px
2px
4px
;
margin
:
0
;
}
.chat-head-chatbox
{
background-color
:
#2D617A
;
}
.chat-head-chatroom
{
background-color
:
#0F592F
;
}
.chat-body
{
.chat-body
{
background-color
:
white
;
background-color
:
white
;
border-bottom-right-radius
:
4px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
;
border-bottom-left-radius
:
4px
;
height
:
289px
;
height
:
289px
;
height
:
calc
(
100%
-
35px
);
@include
calc
(
height
,
'100% -
#{
$chat-head-height
}
'
);
border-top
:
0
;
border-top
:
0
;
}
}
...
@@ -461,9 +461,9 @@
...
@@ -461,9 +461,9 @@
.chat-content
{
.chat-content
{
position
:
relative
;
position
:
relative
;
padding
:
4
px
;
padding
:
8
px
;
font-size
:
13px
;
font-size
:
13px
;
color
:
#4f4f4f
;
color
:
$text-color
;
overflow-y
:
auto
;
overflow-y
:
auto
;
border
:
0
;
border
:
0
;
background-color
:
#ffffff
;
background-color
:
#ffffff
;
...
@@ -475,7 +475,7 @@
...
@@ -475,7 +475,7 @@
}
}
.chat-info
{
.chat-info
{
color
:
#666666
;
color
:
$text-color
;
}
}
.chat-error
{
.chat-error
{
...
@@ -504,7 +504,7 @@
...
@@ -504,7 +504,7 @@
}
}
.chat-message-me
{
.chat-message-me
{
color
:
#2D617A
;
color
:
$link-color
;
}
}
.chat-message-room
{
.chat-message-room
{
...
@@ -563,7 +563,7 @@
...
@@ -563,7 +563,7 @@
#converse-register
.form-help
.url
{
#converse-register
.form-help
.url
{
font-weight
:
bold
;
font-weight
:
bold
;
color
:
#2D617A
;
color
:
$link-color
;
}
}
.reg-feedback
{
.reg-feedback
{
...
@@ -583,14 +583,10 @@
...
@@ -583,14 +583,10 @@
font-weight
:
normal
;
font-weight
:
normal
;
}
}
.chat-head
.avatar
{
a
.restore-chat
,
float
:
left
;
}
.restore-chat
,
.chat-title
{
.chat-title
{
padding
:
1px
0
1px
5px
;
padding
:
1px
0
1px
5px
;
color
:
white
;
color
:
$chat-head-text-color
;
font-weight
:
bold
;
font-weight
:
bold
;
line-height
:
15px
;
line-height
:
15px
;
display
:
block
;
display
:
block
;
...
@@ -600,21 +596,48 @@
...
@@ -600,21 +596,48 @@
text-shadow
:
rgba
(
0
,
0
,
0
,
0
.51
)
0
-1px
0
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0
.51
)
0
-1px
0
;
}
}
a
.restore-chat
:visited
{
color
:
$chat-head-text-color
;
}
.chat-title
a
{
.chat-title
a
{
color
:
white
;
color
:
$chat-head-text-color
;
width
:
100%
;
width
:
100%
;
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
white-space
:
nowrap
;
}
}
.chat-head
{
color
:
#ffffff
;
font-size
:
100%
;
border-top-right-radius
:
4px
;
border-top-left-radius
:
4px
;
padding
:
2px
2px
2px
4px
;
margin
:
0
;
}
.chat-head
.avatar
{
float
:
left
;
}
.chat-head-chatbox
,
.chat-head-chatbox
,
.chat-head-chatroom
{
.chat-head-chatroom
{
height
:
35px
;
height
:
$chat-head-height
;
position
:
relative
;
position
:
relative
;
padding
:
3px
;
}
.chat-head-chatroom
{
background-color
:
$chatroom-head-color
;
}
.chat-head-chatbox
{
background-color
:
$chat-head-color
;
}
}
p
.user-custom-message
,
p
.user-custom-message
,
p
.chatroom-topic
{
p
.chatroom-topic
{
color
:
white
;
font-size
:
80%
;
font-size
:
80%
;
font-style
:
italic
;
font-style
:
italic
;
height
:
1
.3em
;
height
:
1
.3em
;
...
@@ -622,11 +645,7 @@
...
@@ -622,11 +645,7 @@
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
white-space
:
nowrap
;
margin
:
0
;
margin
:
0
;
padding
:
1px
0
;
padding
:
1px
0
1px
5px
;
}
div
.chat-head-chatbox
a
.user-custom-message
{
color
:
white
;
}
}
.activated
{
.activated
{
...
@@ -643,7 +662,7 @@
...
@@ -643,7 +662,7 @@
}
}
.fancy-dropdown
{
.fancy-dropdown
{
border
:
1px
solid
#ddd
;
border
:
1px
solid
$light-background-border-color
;
height
:
22px
;
height
:
22px
;
text-align
:
left
;
text-align
:
left
;
}
}
...
@@ -677,7 +696,7 @@
...
@@ -677,7 +696,7 @@
height
:
22px
;
height
:
22px
;
width
:
12px
;
width
:
12px
;
margin
:
0px
5px
0
0
;
margin
:
0px
5px
0
0
;
color
:
#4f4f4f
;
color
:
$link-color
;
}
}
ul
#found-users
{
ul
#found-users
{
...
@@ -700,9 +719,9 @@
...
@@ -700,9 +719,9 @@
color
:
#FFF
;
color
:
#FFF
;
border-top-right-radius
:
4px
;
border-top-right-radius
:
4px
;
border-top-left-radius
:
4px
;
border-top-left-radius
:
4px
;
height
:
35px
;
height
:
$chat-head-height
;
clear
:
right
;
clear
:
right
;
background-color
:
#2D617A
;
background-color
:
$link-color
;
padding
:
3px
0
0
0
;
padding
:
3px
0
0
0
;
}
}
...
@@ -713,8 +732,8 @@
...
@@ -713,8 +732,8 @@
background
:
-moz-linear-gradient
(
center
top
,
#ffff00
5%
,
#f6f6f6
100%
);
background
:
-moz-linear-gradient
(
center
top
,
#ffff00
5%
,
#f6f6f6
100%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'yellow'
,
endColorstr
=
'#f6f6f6'
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'yellow'
,
endColorstr
=
'#f6f6f6'
);
border
:
1px
solid
;
border
:
1px
solid
;
text-shadow
:
1px
1px
0
#ccc
;
text-shadow
:
1px
1px
0
$text-shadow-color
;
color
:
darkred
;
color
:
$warning-color
;
border-radius
:
5px
;
border-radius
:
5px
;
padding
:
2px
4px
;
padding
:
2px
4px
;
font-size
:
15px
;
font-size
:
15px
;
...
@@ -746,13 +765,9 @@
...
@@ -746,13 +765,9 @@
top
:
1px
;
top
:
1px
;
}
}
.controlbox-pane
dt
{
padding-bottom
:
3px
;
}
.chatroom-form-container
{
.chatroom-form-container
{
height
:
100%
;
height
:
100%
;
color
:
#666
;
color
:
$text-color
;
overflow-y
:
auto
;
overflow-y
:
auto
;
border-bottom-right-radius
:
4px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
;
border-bottom-left-radius
:
4px
;
...
@@ -760,7 +775,7 @@
...
@@ -760,7 +775,7 @@
.chat-body
p
{
.chat-body
p
{
font-size
:
14px
;
font-size
:
14px
;
color
:
#666
;
color
:
$text-color
;
padding
:
5px
;
padding
:
5px
;
margin
:
0
;
margin
:
0
;
}
}
...
@@ -791,7 +806,7 @@
...
@@ -791,7 +806,7 @@
#converse-roster
dd
.current-xmpp-contact
span
{
#converse-roster
dd
.current-xmpp-contact
span
{
font-size
:
16px
;
font-size
:
16px
;
float
:
left
;
float
:
left
;
color
:
#4f4f4f
;
color
:
$link-color
;
}
}
.requesting-xmpp-contact
.request-actions
{
.requesting-xmpp-contact
.request-actions
{
...
@@ -799,15 +814,6 @@
...
@@ -799,15 +814,6 @@
float
:
right
;
float
:
right
;
}
}
#converse-roster
dd
a
,
#converse-roster
dd
span
{
text-shadow
:
0
1px
0
#fafafa
;
display
:
inline-block
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
#converse-roster
span
.req-contact-name
{
#converse-roster
span
.req-contact-name
{
width
:
65%
;
width
:
65%
;
}
}
...
@@ -817,10 +823,6 @@
...
@@ -817,10 +823,6 @@
width
:
80%
;
width
:
80%
;
}
}
#converse-roster
dd
span
{
padding
:
0
5px
0
0
;
}
#converse-roster
{
#converse-roster
{
text-align
:
left
;
text-align
:
left
;
width
:
100%
;
width
:
100%
;
...
@@ -831,20 +833,28 @@
...
@@ -831,20 +833,28 @@
overflow
:
hidden
;
overflow
:
hidden
;
}
}
#converse-roster
.roster-filter
{
#converse-roster
.roster-filter-group
{
padding
:
0
;
display
:
table
;
margin
:
0
0
5px
0
.5em
;
width
:
105px
;
height
:
20px
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== )
no-repeat
right
-20px
center
;
border
:
1px
solid
#999
;
display
:
inline-block
;
}
}
#converse-roster
.filter-type
{
#converse-roster
.filter-type
{
height
:
20px
;
display
:
table-cell
;
height
:
24px
;
padding
:
0
;
padding
:
0
;
margin
:
0
0
0
-5px
;
margin
:
0
0
0
.5em
-2px
;
display
:
inline-block
;
width
:
85px
;
}
#converse-roster
.roster-filter
{
display
:
table-cell
;
padding
:
2px
;
margin
:
0
0
0
.5em
6px
;
width
:
104px
;
height
:
24px
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== )
no-repeat
right
-20px
center
;
border
:
1px
solid
#999
;
display
:
inline-block
;
}
}
/* (jQ addClass:) if input has value: */
/* (jQ addClass:) if input has value: */
...
@@ -863,10 +873,13 @@
...
@@ -863,10 +873,13 @@
overflow-x
:
hidden
;
overflow-x
:
hidden
;
max-height
:
195px
;
max-height
:
195px
;
max-height
:
calc
(
100%
-
26px
);
max-height
:
calc
(
100%
-
26px
);
padding-bottom
:
15px
;
}
}
#converse-roster
.group-toggle
{
#converse-roster
.group-toggle
{
color
:
#666
;
color
:
$text-color
;
display
:
block
;
width
:
100%
;
}
}
dd
.available-chatroom
{
dd
.available-chatroom
{
...
@@ -887,11 +900,10 @@
...
@@ -887,11 +900,10 @@
#available-chatrooms
dt
,
#available-chatrooms
dt
,
#converse-roster
dt
{
#converse-roster
dt
{
font-weight
:
normal
;
font-weight
:
normal
;
font-size
:
13px
;
color
:
$text-color
;
color
:
#666
;
border
:
none
;
border
:
none
;
padding
:
0
.3em
0
0
0
.5em
;
padding
:
5px
;
text-shadow
:
0
1px
0
#fafafa
;
text-shadow
:
0
1px
0
$text-shadow-color
;
}
}
#converse-roster
dt
{
#converse-roster
dt
{
...
@@ -946,25 +958,37 @@
...
@@ -946,25 +958,37 @@
font-weight
:
bold
;
font-weight
:
bold
;
border
:
none
;
border
:
none
;
display
:
block
;
display
:
block
;
padding
:
1px
0
0
0
.5em
;
padding
:
4px
2px
0
4px
;
color
:
#666
;
color
:
$text-color
;
text-shadow
:
0
1px
0
#fafafa
;
text-shadow
:
0
1px
0
$text-shadow-color
;
clear
:
both
;
clear
:
both
;
height
:
24px
;
overflow-y
:
hidden
;
}
}
#converse-roster
dd
{
#converse-roster
dd
{
line-height
:
16px
;
line-height
:
16px
;
}
}
.group-toggle
{
display
:
block
;
width
:
100%
;
}
.roster-group
:hover
,
.roster-group
:hover
,
dd
.available-chatroom
:hover
,
dd
.available-chatroom
:hover
,
#converse-roster
dd
:hover
{
#converse-roster
dd
:hover
{
background-color
:
#eee
;
background-color
:
$highlight-color
;
}
#converse-roster
dd
a
,
#converse-roster
dd
span
{
text-shadow
:
0
1px
0
$link-shadow-color
;
display
:
inline-block
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
margin-left
:
3px
;
}
#converse-roster
dd
span
{
padding
:
0
5px
0
0
;
margin-left
:
3px
;
}
}
#converse-roster
dd
a
.decline-xmpp-request
{
#converse-roster
dd
a
.decline-xmpp-request
{
...
@@ -976,7 +1000,7 @@
...
@@ -976,7 +1000,7 @@
width
:
22px
;
width
:
22px
;
margin
:
0
;
margin
:
0
;
display
:
none
;
display
:
none
;
color
:
#4f4f4f
;
color
:
$text-color
;
}
}
#converse-roster
dd
:hover
a
.remove-xmpp-contact
{
#converse-roster
dd
:hover
a
.remove-xmpp-contact
{
...
@@ -1008,9 +1032,9 @@
...
@@ -1008,9 +1032,9 @@
border
:
0
;
border
:
0
;
font-size
:
14px
;
font-size
:
14px
;
height
:
289px
;
height
:
289px
;
height
:
calc
(
100%
-
35px
);
@include
calc
(
height
,
'100% -
#{
$chat-head-height
}
'
);
overflow-y
:
auto
;
overflow-y
:
auto
;
padding
:
0
;
padding
:
5px
0
;
position
:
absolute
;
position
:
absolute
;
width
:
100%
;
width
:
100%
;
}
}
...
@@ -1048,7 +1072,7 @@
...
@@ -1048,7 +1072,7 @@
.form-help
:hover
,
.form-help
:hover
,
#converse-register
.instructions
:hover
{
#converse-register
.instructions
:hover
{
color
:
#4f4f4f
;
color
:
$text-color
;
}
}
.form-help
{
.form-help
{
...
@@ -1090,12 +1114,12 @@
...
@@ -1090,12 +1114,12 @@
#converse-register
.cancel
,
#converse-register
.cancel
,
.chatroom-form
.cancel-submit
,
.chatroom-form
.cancel-submit
,
#converse-register
.cancel-submit
{
#converse-register
.cancel-submit
{
color
:
darkred
;
color
:
$warning-color
;
}
}
.chatroom-form
.save-submit
,
.chatroom-form
.save-submit
,
#converse-register
.save-submit
{
#converse-register
.save-submit
{
color
:
darkgreen
;
color
:
$save-button-color
;
}
}
.chatroom-form
.save-submit
,
.chatroom-form
.save-submit
,
...
@@ -1113,11 +1137,12 @@
...
@@ -1113,11 +1137,12 @@
}
}
.chatroom-form
label
,
.chatroom-form
label
,
.controlbox-pane
label
,
#converse-register
label
,
#converse-register
label
,
#converse-login
label
{
#converse-login
label
{
height
:
auto
;
height
:
auto
;
font-size
:
14px
;
font-size
:
14px
;
margin-top
:
0
.5em
;
margin-top
:
2px
;
font-weight
:
bold
;
font-weight
:
bold
;
}
}
...
@@ -1137,17 +1162,18 @@
...
@@ -1137,17 +1162,18 @@
form
.add-chatroom
{
form
.add-chatroom
{
background
:
none
;
background
:
none
;
padding
:
3
px
;
padding
:
8
px
;
}
}
form
.add-chatroom
input
[
type
=
button
],
form
.add-chatroom
input
[
type
=
submit
],
form
.add-chatroom
input
[
type
=
text
]
{
form
.add-chatroom
input
[
type
=
text
]
{
width
:
95%
;
margin
:
3px
0
;
margin
:
3px
;
width
:
100%
;
}
}
form
.add-chatroom
input
[
type
=
button
],
form
.add-chatroom
input
[
type
=
submit
]
{
form
.add-chatroom
input
[
type
=
submit
]
{
width
:
48%
;
color
:
$save-button-color
;
}
}
select
#select-xmpp-status
{
select
#select-xmpp-status
{
...
@@ -1176,34 +1202,33 @@
...
@@ -1176,34 +1202,33 @@
ul
#controlbox-tabs
li
a
{
ul
#controlbox-tabs
li
a
{
display
:
block
;
display
:
block
;
font-size
:
12px
;
font-size
:
12px
;
height
:
34
px
;
height
:
$chat-head-height
-
1
px
;
line-height
:
34
px
;
line-height
:
$chat-head-height
-
1
px
;
margin
:
0
;
margin
:
0
;
text-align
:
center
;
text-align
:
center
;
text-decoration
:
none
;
text-decoration
:
none
;
border-top-right-radius
:
4px
;
border-top-right-radius
:
4px
;
border-top-left-radius
:
4px
;
border-top-left-radius
:
4px
;
color
:
#888
;
color
:
#888
;
text-shadow
:
0
1px
0
#fafafa
;
}
}
.chat-head
#controlbox-tabs
li
a
:hover
{
.chat-head
#controlbox-tabs
li
a
:hover
{
color
:
#4f4f4f
;
color
:
$text-color
;
}
}
.chat-head
#controlbox-tabs
li
a
{
.chat-head
#controlbox-tabs
li
a
{
background-color
:
white
;
background-color
:
white
;
box-shadow
:
inset
0
4px
12px
rgba
(
0
,
0
,
0
,
0
.3
);
box-shadow
:
inset
0
4px
12px
rgba
(
0
,
0
,
0
,
0
.3
);
border-bottom
:
1px
solid
#CCC
;
border-bottom
:
1px
solid
$border-color
;
}
}
ul
#controlbox-tabs
a
.current
,
ul
#controlbox-tabs
a
.current
,
ul
#controlbox-tabs
a
.current
:hover
{
ul
#controlbox-tabs
a
.current
:hover
{
box-shadow
:
none
;
box-shadow
:
none
;
border-bottom
:
0
;
border-bottom
:
0
;
height
:
35px
;
height
:
$chat-head-height
;
cursor
:
default
;
cursor
:
default
;
color
:
#666666
;
color
:
$text-color
;
}
}
div
#chatrooms
{
div
#chatrooms
{
...
@@ -1260,11 +1285,7 @@
...
@@ -1260,11 +1285,7 @@
}
}
.chat-toolbar
a
{
.chat-toolbar
a
{
color
:
#4f4f4f
;
color
:
$text-color
;
}
.chat-toolbar
ul
li
a
:hover
{
color
:
#8f2831
;
}
}
.chat-toolbar
ul
{
.chat-toolbar
ul
{
...
@@ -1272,7 +1293,7 @@
...
@@ -1272,7 +1293,7 @@
font-size
:
12px
;
font-size
:
12px
;
position
:
absolute
;
position
:
absolute
;
bottom
:
100%
;
bottom
:
100%
;
margin
-bottom
:
1px
;
margin
:
0
0
1px
0
;
right
:
0
;
right
:
0
;
background
:
#fff
;
background
:
#fff
;
box-shadow
:
0
-1px
2px
0
rgba
(
0
,
0
,
0
,
0
.4
);
box-shadow
:
0
-1px
2px
0
rgba
(
0
,
0
,
0
,
0
.4
);
...
@@ -1284,6 +1305,10 @@
...
@@ -1284,6 +1305,10 @@
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.chat-toolbar
ul
li
a
:hover
{
color
:
#8f2831
;
}
.chat-toolbar
.toggle-smiley
{
.chat-toolbar
.toggle-smiley
{
padding-left
:
5px
;
padding-left
:
5px
;
}
}
...
@@ -1301,7 +1326,7 @@
...
@@ -1301,7 +1326,7 @@
}
}
.chat-toolbar
ul
li
:hover
{
.chat-toolbar
ul
li
:hover
{
background-color
:
#eee
;
background-color
:
$highlight-color
;
}
}
.chat-toolbar
.toggle-otr
ul
li
a
{
.chat-toolbar
.toggle-otr
ul
li
a
{
...
@@ -1356,7 +1381,7 @@
...
@@ -1356,7 +1381,7 @@
}
}
.chat-textarea-chatroom-selected
{
.chat-textarea-chatroom-selected
{
border
:
2px
solid
#2D617A
;
border
:
2px
solid
$link-color
;
margin
:
0
;
margin
:
0
;
}
}
...
@@ -1375,7 +1400,7 @@
...
@@ -1375,7 +1400,7 @@
/* status dropdown styles */
/* status dropdown styles */
.chatbox
dl
.dropdown
{
.chatbox
dl
.dropdown
{
margin
:
0
.5em
;
margin
:
0
.5em
;
background-color
:
#f0f0f0
;
background-color
:
$light-background-color
;
}
}
.chatbox
.dropdown
dd
,
.chatbox
.dropdown
dd
,
...
@@ -1399,14 +1424,17 @@
...
@@ -1399,14 +1424,17 @@
}
}
form
.add-xmpp-contact
input
{
form
.add-xmpp-contact
input
{
width
:
108px
;
margin
:
0
0
1rem
;
}
form
.add-xmpp-contact
button
{
width
:
100%
;
}
}
.chatbox
.dropdown
dt
a
span
{
.chatbox
.dropdown
dt
a
span
{
cursor
:
pointer
;
cursor
:
pointer
;
display
:
block
;
display
:
block
;
padding
:
4px
7px
0
5px
;
padding
:
4px
7px
0
5px
;
color
:
#4f4f4f
;
}
}
.chatbox
.dropdown
dd
ul
{
.chatbox
.dropdown
dd
ul
{
...
@@ -1415,11 +1443,11 @@
...
@@ -1415,11 +1443,11 @@
position
:
absolute
;
position
:
absolute
;
left
:
0
;
left
:
0
;
top
:
0
;
top
:
0
;
border
:
1px
solid
#ddd
;
border
:
1px
solid
$light-background-border-color
;
border-top
:
0
;
border-top
:
0
;
width
:
99%
;
width
:
99%
;
z-index
:
21
;
z-index
:
21
;
background-color
:
#f0f0f0
;
background-color
:
$light-background-color
;
}
}
.chatbox
.dropdown
li
{
.chatbox
.dropdown
li
{
...
@@ -1435,11 +1463,11 @@
...
@@ -1435,11 +1463,11 @@
}
}
.chatbox
.dropdown
dd
ul
li
:hover
{
.chatbox
.dropdown
dd
ul
li
:hover
{
background-color
:
#bed6e5
;
background-color
:
$highlight-color
;
}
}
.chatbox
.dropdown
dd
.search-xmpp
ul
li
:hover
{
.chatbox
.dropdown
dd
.search-xmpp
ul
li
:hover
{
background-color
:
#bed6e5
;
background-color
:
$light-background-color
;
}
}
.xmpp-status-menu
{
.xmpp-status-menu
{
...
@@ -1452,12 +1480,11 @@
...
@@ -1452,12 +1480,11 @@
.xmpp-status-menu
li
a
.logout
,
.xmpp-status-menu
li
a
.logout
,
.xmpp-status-menu
li
a
.logout
span
{
.xmpp-status-menu
li
a
.logout
span
{
color
:
darkred
;
color
:
$warning-color
;
}
}
.xmpp-status-menu
li
a
span
{
.xmpp-status-menu
li
a
span
{
padding
:
0
5px
0
5px
;
padding
:
0
5px
0
5px
;
color
:
#4f4f4f
;
}
}
.set-xmpp-status
.dropdown
dd
ul
{
.set-xmpp-status
.dropdown
dd
ul
{
...
...
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