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
64a58f7a
Commit
64a58f7a
authored
Dec 13, 2014
by
JC Brand
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Some more tweaks and remove skeleton-sass, will try bourbon-neat instead.
parent
b01b4b55
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
95 additions
and
105 deletions
+95
-105
sass/converse.scss
sass/converse.scss
+95
-105
No files found.
sass/converse.scss
View file @
64a58f7a
...
@@ -33,29 +33,42 @@
...
@@ -33,29 +33,42 @@
}
}
#conversejs
{
#conversejs
{
@import
"components/skeleton-sass/skeleton"
;
@import
"components/neat/app/assets/stylesheets/neat"
;
$link-color
:
#436F64
;
/* XXX: These should be moved to a separate file */
$link-shadow-color
:
#FAFAFA
;
$link-color
:
#436F64
;
$text-shadow-color
:
#FAFAFA
;
$link-shadow-color
:
#FAFAFA
;
$text-color
:
#6C4C44
;
$text-shadow-color
:
#FAFAFA
;
$border-color
:
#CCC
;
$text-color
:
#6C4C44
;
$warning-color
:
#681F2C
;
$border-color
:
#CCC
;
$light-background-border-color
:
#F1DCD6
;
$warning-color
:
#681F2C
;
$light-background-color
:
#F1E2DD
;
$light-background-border-color
:
#F1DCD6
;
$icon-color
:
#114327
;
$light-background-color
:
#F1E2DD
;
$highlight-color
:
#E3C9C1
;
$icon-color
:
#114327
;
$chat-head-color
:
#436F64
;
$highlight-color
:
#E3C9C1
;
$chatroom-head-color
:
#0F592F
;
$chat-head-color
:
#436F64
;
$chat-head-text-color
:
white
;
$chatroom-head-color
:
#0F592F
;
$chat-head-height
:
40px
;
$chat-head-text-color
:
white
;
$save-button-color
:
#436F64
;
$chat-head-height
:
40px
;
$save-button-color
:
#436F64
;
$font-size
:
14px
;
$legend-font-size
:
16px
;
$font-size
:
14px
;
$legend-font-size
:
16px
;
$chat-width
:
200px
;
$chat-height
:
400px
;
$chat-width
:
200px
;
$chat-height
:
400px
;
color
:
$text-color
;
font-size
:
$font-size
;
bottom
:
0
;
direction
:
ltr
;
height
:
25px
;
left
:
0
;
position
:
fixed
;
right
:
0
;
z-index
:
30
;
display
:
block
;
@include
box-sizing
(
border-box
);
a
,
a
:visited
{
a
,
a
:visited
{
text-decoration
:
none
;
text-decoration
:
none
;
...
@@ -63,7 +76,6 @@
...
@@ -63,7 +76,6 @@
text-shadow
:
none
;
text-shadow
:
none
;
}
}
div
{
box-sizing
:
border-box
;
}
ul
li
{
height
:
auto
;
}
ul
li
{
height
:
auto
;
}
div
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
div
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
em
,
img
,
strong
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
pre
,
a
,
em
,
img
,
strong
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
...
@@ -78,12 +90,17 @@
...
@@ -78,12 +90,17 @@
vertical-align
:
baseline
;
vertical-align
:
baseline
;
}
}
input
[
type
=
submit
]
{
margin-top
:
5px
;
}
textarea
,
textarea
,
input
[
type
=
text
],
input
[
type
=
password
],
input
[
type
=
text
],
input
[
type
=
password
],
button
{
button
{
font-size
:
$font-size
;
font-size
:
$font-size
;
padding
:
0
.5em
;
padding
:
0
.5em
;
min-height
:
0
;
min-height
:
0
;
margin
:
5px
0
;
}
}
strong
{
strong
{
...
@@ -103,20 +120,6 @@
...
@@ -103,20 +120,6 @@
margin
:
0
0
15px
0
;
margin
:
0
0
15px
0
;
}
}
color
:
$text-color
;
font-size
:
$font-size
;
bottom
:
0
;
direction
:
ltr
;
height
:
25px
;
left
:
0
;
position
:
fixed
;
right
:
0
;
z-index
:
30
;
display
:
block
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
[
data-icon
]
:before
{
[
data-icon
]
:before
{
font-family
:
'Converse-js'
;
font-family
:
'Converse-js'
;
content
:
attr
(
data-icon
);
content
:
attr
(
data-icon
);
...
@@ -144,66 +147,66 @@
...
@@ -144,66 +147,66 @@
}
}
.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-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"
;
}
...
@@ -212,37 +215,33 @@
...
@@ -212,37 +215,33 @@
.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-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-unavailable
:before
,
.icon-offline
:before
{
content
:
"\e002"
;
}
.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
;
-webkit-user-select
:
none
;
@include
user-select
(
none
);
-khtml-user-select
:
none
;
-moz-user-select
:
-
moz-none
;
-ms-user-select
:
none
;
user-select
:
none
;
}
}
.emoticon
{
.emoticon
{
...
@@ -794,21 +793,18 @@
...
@@ -794,21 +793,18 @@
.filter-type
{
.filter-type
{
display
:
table-cell
;
display
:
table-cell
;
height
:
24px
;
height
:
24px
;
padding
:
0
;
margin
:
0
0
0
.5em
-2px
;
margin
:
0
0
0
.5em
-2px
;
display
:
inline-block
;
padding
:
0
;
width
:
85px
;
width
:
85px
;
font-size
:
$font-size
;
}
}
.roster-filter
{
.roster-filter
{
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== )
no-repeat
right
-20px
center
;
border
:
1px
solid
#999
;
display
:
table-cell
;
display
:
table-cell
;
padding
:
2
px
;
height
:
24
px
;
margin
:
0
0
0
.5em
6px
;
margin
:
0
0
0
.5em
6px
;
padding
:
2px
;
width
:
104px
;
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: */
.roster-filter.x
{
.roster-filter.x
{
...
@@ -880,14 +876,13 @@
...
@@ -880,14 +876,13 @@
}
}
dd
.available-chatroom
{
dd
.available-chatroom
{
display
:
inline-block
;
overflow-x
:
hidden
;
overflow-x
:
hidden
;
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
white-space
:
nowrap
;
display
:
inline-block
;
a
.open-room
{
}
width
:
148px
;
}
dd
.available-chatroom
a
.open-room
{
width
:
148px
;
}
}
#available-chatrooms
{
#available-chatrooms
{
...
@@ -1021,10 +1016,6 @@
...
@@ -1021,10 +1016,6 @@
.chatroom
{
.chatroom
{
width
:
300px
;
width
:
300px
;
label
{
margin-left
:
2px
;
font-size
:
12px
;
}
.box-flyout
{
.box-flyout
{
width
:
300px
;
width
:
300px
;
}
}
...
@@ -1125,6 +1116,7 @@
...
@@ -1125,6 +1116,7 @@
#converse-login
input
{
#converse-login
input
{
width
:
100%
;
width
:
100%
;
height
:
30px
;
height
:
30px
;
margin
:
5px
0
;
}
}
#converse-register
{
#converse-register
{
...
@@ -1166,8 +1158,6 @@
...
@@ -1166,8 +1158,6 @@
#converse-register
label
,
#converse-register
label
,
#converse-login
label
{
#converse-login
label
{
height
:
auto
;
height
:
auto
;
font-size
:
$font-size
;
margin
:
4px
;
font-weight
:
bold
;
font-weight
:
bold
;
}
}
...
...
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