Merge branch 'master' of github.com:tracim/tracim into feature/replywithmail

README.md

 
 In case you prefer using Docker:
 
-    docker run -e DATABASE_TYPE=sqlite \
+    sudo docker run -e DATABASE_TYPE=sqlite \
                -p 80:80 -p 3030:3030 -p 5232:5232 \
                -v /var/tracim/etc:/etc/tracim -v /var/tracim/var:/var/tracim algoo/tracim
 
 
 You'll need to install the following packages :
 
-    sudo apt install git realpath redis-server \
+    sudo apt install git curl realpath redis-server \
                      python3 python-virtualenv python3-dev python-pip  python-lxml \
                      build-essential libxml2-dev libxslt1-dev zlib1g-dev libjpeg-dev \
                      libmagickwand-6.q16-3

doc/database.md

 In this case, delete the user and database and start over:
 
     sudo --user=postgres psql \
-         --command="DROP USER tracimuser;" \
-         --command="DROP DATABASE tracimdb;"
+         --command="DROP DATABASE tracimdb;" \
+         --command="DROP USER tracimuser;"
 
 [//]: # (The following lines are only necessary to fix permissions on an existing database:)
 [//]: # (    sudo --user=postgres psql \)
 
 Create a database with following command:
 
-    CREATE DATABASE tracimdb;
+    CREATE DATABASE tracimdb CHARACTER SET = utf8;
 
 Create a user with following command:
 

install/requirements.txt

 alembic==0.8.4
 argparse==1.2.1
 backlash==0.0.7
-beautifulsoup4==4.4.0
+beautifulsoup4==4.6.0
 caldav==0.4.0
 cliff==2.9.1
 cmd2==0.6.9
 vobject==0.9.2
 waitress==0.8.9
 who_ldap==3.2.2
--e git+https://github.com/algoo/wsgidav.git@py3#egg=wsgidav
+wsgidav==2.2.4
 zope.interface==4.1.3
 zope.sqlalchemy==0.7.6
 PyYAML

tracim/setup.py

             'mail sender = tracim.command.mail:MailSenderCommend',
         ]
     },
-    dependency_links=[
-        'http://github.com/algoo/preview-generator/tarball/master#egg=preview_generator-1.0',
-    ],
     zip_safe=False,
 )

tracim/tracim/i18n/fr/LC_MESSAGES/tracim.po

 #: tracim/lib/app_globals.py:26
 #, python-format
 msgid "%B %d at %I:%M%p"
-msgstr "le %d %B à %H:%M"
+msgstr "%d %B à %H:%M"
 
 #: tracim/lib/calendar.py:45
 msgid "My personal calendar"
 msgstr "affiché"
 
 #: tracim/templates/admin/user_getall.mak:20
-msgid "manage users and associated workspaces"
-msgstr "gestion des utilisateurs et espaces de travail associés"
+msgid "Manage users and associated workspaces"
+msgstr "Gestion des utilisateurs et espaces de travail associés"
 
 #: tracim/templates/admin/user_getall.mak:32
 msgid "Create a user account..."
 msgstr "Notifications"
 
 #: tracim/templates/admin/workspace_getall.mak:17
-msgid "manage workspaces and subscribed users"
-msgstr "gestion des espaces de travail et utilisateurs abonnés"
+msgid "Manage workspaces and subscribed users"
+msgstr "Gestion des espaces de travail et utilisateurs abonnés"
 
 #: tracim/templates/admin/workspace_getall.mak:27
 msgid "Create a workspace..."

tracim/tracim/lib/daemons.py

 from inspect import isfunction
 import traceback
 
-from wsgidav.server.cherrypy import wsgiserver
-from wsgidav.server.cherrypy.wsgiserver.wsgiserver3 import CherryPyWSGIServer
+from cherrypy import wsgiserver
+from cherrypy.wsgiserver import CherryPyWSGIServer
 
 DEFAULT_CONFIG_FILE = "wsgidav.conf"
 PYTHON_VERSION = "%s.%s.%s" % (sys.version_info[0], sys.version_info[1], sys.version_info[2])

tracim/tracim/lib/email.py

 from email.message import Message
 from email.mime.multipart import MIMEMultipart
 from email.mime.text import MIMEText
+from email.utils import formataddr
 
 from mako.template import Template
 from tg.i18n import ugettext as _
             )
         message = MIMEMultipart('alternative')
         message['Subject'] = subject
-        message['From'] = '{0} <{1}>'.format(
+        message['From'] = formataddr((
             self._global_config.EMAIL_NOTIFICATION_FROM_DEFAULT_LABEL,
             self._global_config.EMAIL_NOTIFICATION_FROM_EMAIL,
-        )
-        message['To'] = user.email
+        ))
+        message['To'] = formataddr((user.get_display_name(), user.email))
 
         text_template_file_path = self._global_config.EMAIL_NOTIFICATION_CREATED_ACCOUNT_TEMPLATE_TEXT  # nopep8
         html_template_file_path = self._global_config.EMAIL_NOTIFICATION_CREATED_ACCOUNT_TEMPLATE_HTML  # nopep8

tracim/tracim/lib/notifications.py

         else:
             email_address = email_template.replace('{user_id}', '0')
 
-        return '{label} <{email_address}>'.format(
-            label = Header(mail_sender_name).encode(),
-            email_address = email_address
-        )
+        return formataddr((mail_sender_name, email_address))
 
     @staticmethod
     def log_notification(
 
         for role in notifiable_roles:
             logger.info(self, 'Sending email to {}'.format(role.user.email))
-            to_addr = '{name} <{email}>'.format(name=role.user.display_name, email=role.user.email)
+            to_addr = formataddr((role.user.display_name, role.user.email))
             #
             # INFO - G.M - 2017-11-15 - set content_id in header to permit reply
             # references can have multiple values, but only one in this case.
             # To link this email to a content we create a virtual parent
             # in reference who contain the content_id.
             message['References'] = formataddr(('',reference_addr))
-            # TODO: add correct header to allow reply
             body_text = self._build_email_body(self._global_config.EMAIL_NOTIFICATION_CONTENT_UPDATE_TEMPLATE_TEXT, role, content, user)
 
 

tracim/tracim/lib/webdav/design.py

                    )
     histHTML += '</table>'
 
-    file = '''
+    page = '''
 <html>
 <head>
+	<meta charset="utf-8" />
 	<title>%s</title>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
                content_revision.description,
                histHTML)
 
-    return file
+    return page
 
 def designThread(content: data.Content, content_revision: data.ContentRevisionRO, comments) -> str:
         hist = content.get_history()
                                # t.ref_object.label) if t.type.id in ['revision', 'creation', 'edition'] else '')
                            )
 
-        page = '''
+        thread = '''
 <html>
 <head>
+	<meta charset="utf-8" />
 	<title>%s</title>
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
                content_revision.description,
                disc)
 
-        return page
+        return thread

tracim/tracim/public/assets/candy/candy/CONTRIBUTING.md

+# Contributing
+
+## Team members
+
+* Patrick Stadler &middot; [@pstadler](http://twitter.com/pstadler) &middot; <patrick.stadler@gmail.com>
+* Michael Weibel &middot; [@weibelm](htps://twitter.com/weibelm) &middot; <michael.weibel@gmail.com>
+
+## Learn & listen
+
+[![Gitter chat](https://badges.gitter.im/candy-chat.png)](https://gitter.im/candy-chat)
+
+* [Mailing list](http://groups.google.com/group/candy-chat)
+	* yes, non-gmail users can signup as well
+* [FAQ](https://github.com/candy-chat/candy/wiki/Frequently-Asked-Questions)
+
+## Contributing
+
+You want to help us? **Awesome!**
+
+### How to contribute
+A few hopefully helpful hints to contributing to Candy
+
+#### Using vagrant
+1. [Fork](https://help.github.com/articles/fork-a-repo) Candy
+2. [Install Vagrant](http://vagrantup.com/)
+3. Run `vagrant up`.
+5. Create a branch based on the `master` branch (`git checkout -B my-awesome-feature`)
+6. Run `grunt watch` to automatically run jshint (syntax checker) and the build of `candy.bundle.js` and `candy.min.js` while developing.
+7. Make your changes, fix eventual *jshint* errors & push them back to your fork
+8. Create a [pull request](https://help.github.com/articles/using-pull-requests)
+
+
+#### On your own machine
+Please note that you should have a working XMPP server to test your changes (the vagrant way does already have a working XMPP server).
+
+1. [Fork](https://help.github.com/articles/fork-a-repo) Candy
+2. Clone your fork
+3. Checkout out `master` branch (`git checkout master`)
+4. Install [Node.js](http://nodejs.org/)
+5. Install [Grunt](http://gruntjs.com/) (`npm install -g grunt-cli`)
+6. Install [Bower](http://bower.io/) (`npm install -g bower`)
+7. Install npm dependencies (`npm install` in candy root directory)
+8. Install bower dependencies (`bower install` in candy root directory)
+9. Create a branch based on the `master` branch (`git checkout -B my-awesome-feature`)
+10. Run `grunt watch` to automatically run jshint (syntax checker) and the build of `candy.bundle.js` and `candy.min.js` while developing.
+11. Make your changes, fix eventual *jshint* errors & push them back to your fork
+12. Create a [pull request](https://help.github.com/articles/using-pull-requests)
+
+In case you have any questions, don't hesitate to ask on the [Mailing list](http://groups.google.com/group/candy-chat).
+
+### Running tests
+
+* Tests are run using [Intern](http://theintern.io).
+* `grunt` and `grunt watch` will each run unit tests in Chrome on Linux (for fast feedback).
+* `grunt test` will run both unit and integration tests in a variety of environments. Tests are run using Selenium Standalone and Phantom.JS while developing, and on Sauce Labs in CI or using `grunt test`.
+* If you don't want to use the Vagrant box to run Selenium/PhantomJS, set `CANDY_VAGRANT='false'` to run tests.

tracim/tracim/public/assets/candy/candy/CREDITS.md

+Credits
+=======
+- [Special thanks to our contributors](https://github.com/candy-chat/candy/graphs/contributors)
+- [famfamfam silk icons](http://www.famfamfam.com/lab/icons/silk/) is a smooth, free icon set, containing over 700 16-by-16 pixel icons.
+- [Simple Smileys](http://simplesmileys.org) are beautifully simple emoticons.
+- [Flash MP3 Player](http://flash-mp3-player.net/players/js) is a very simple flash audio player used by Candy for audio notifications.
+- [Colin Snover](http://zetafleet.com/blog/javascript-dateparse-for-iso-8601) provides a fix for browsers not supporting latest Date.parse().
+- [Ben Cherry](http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth) wrote a great article about the JS module pattern.
+- [Amiado Group](http://www.amiadogroup.com) allowed us to make Candy freely available for everyone :)

tracim/tracim/public/assets/candy/candy/LICENSE

+Copyright (c) 2011 Amiado Group AG
+Copyright (c) 2012-2014 Patrick Stadler & Michael Weibel
+Copyright (c) 2015 Adhearsion Foundation Inc <info@adhearsion.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

tracim/tracim/public/assets/candy/candy/README.md

+Candy — a JavaScript-based multi-user chat client
+==================================================
+
+[![Build Status](https://travis-ci.org/candy-chat/candy.png?branch=dev)](https://travis-ci.org/candy-chat/candy)
+[![Coverage Status](https://coveralls.io/repos/candy-chat/candy/badge.png?branch=dev)](https://coveralls.io/r/candy-chat/candy)
+
+Visit the official project page: http://candy-chat.github.io/candy
+
+Features
+--------
+- Focused on real-time multi-user chatting
+- Easy to configure, easy to run, easy to use
+- Highly customizable
+- 100% well-documented JavaScript source code
+- Built for Jabber (XMPP), using famous technologies
+- Used and approved in a productive environment with up to 400 concurrent users
+- Works with all major web browsers including IE9
+
+Plugins
+-------
+If you wish to add new functionality (to your candy installation) or contribute plugins, take a look at our [plugin repository](http://github.com/candy-chat/candy-plugins).
+
+Support & Community
+-------------------
+Take a look at our [FAQ](https://github.com/candy-chat/candy/wiki/Frequently-Asked-Questions). If it doesn't solve your questions, you're welcome to join our [Mailinglist on Google Groups](http://groups.google.com/group/candy-chat).
+You don't need to have a Gmail account for it.
+
+[![githalytics.com alpha](https://cruel-carlota.pagodabox.com/a41a8075608abeaf99db685d7ef29cf6 "githalytics.com")](http://githalytics.com/candy-chat/candy)

tracim/tracim/public/assets/candy/candy/bower.json

+{
+  "name": "candy",
+  "version": "2.2.0",
+  "homepage": "http://candy-chat.github.io/candy/",
+  "authors": [
+    "Michael Weibel <michael.weibel@gmail.com>",
+    "Patrick Stadler <patrick.stadler@gmail.com>"
+  ],
+  "description": "Multi-user XMPP web client",
+  "main": [
+    "candy.min.js"
+  ],
+  "keywords": [
+    "xmpp",
+    "muc",
+    "multi-user",
+    "websocket",
+    "bosh",
+    "chat"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/candy-chat/candy.git"
+  },
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "jquery": "~1.10.2",
+    "strophe": "1.1.3",
+    "strophejs-plugins": "benlangfeld/strophejs-plugins#30fb089457addc37e01d69c3536dee868a90a9ad",
+    "mustache": "0.3.0",
+    "jquery-i18n": "1.1.1",
+    "bootstrap": "~3.3.6"
+  }
+}

tracim/tracim/public/assets/candy/candy/example/htaccess

+AddDefaultCharset UTF-8
+Options +MultiViews
+RewriteEngine On
+RewriteRule http-bind/ http://localhost:5280/http-bind/ [P]

tracim/tracim/public/assets/candy/candy/example/index.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>Candy - Chats are not dead yet</title>
+	<link rel="shortcut icon" href="../res/img/favicon.png" type="image/gif" />
+	<link rel="stylesheet" type="text/css" href="../libs.min.css" />
+	<link rel="stylesheet" type="text/css" href="../res/default.css" />
+
+	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+	<script type="text/javascript" src="../libs.min.js"></script>
+	<script type="text/javascript" src="../candy.min.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			Candy.init('http-bind/', {
+				core: {
+					// only set this to true if developing / debugging errors
+					debug: false,
+					// autojoin is a *required* parameter if you don't have a plugin (e.g. roomPanel) for it
+					//   true
+					//     -> fetch info from server (NOTE: does only work with openfire server)
+					//   ['test@conference.example.com']
+					//     -> array of rooms to join after connecting
+					autojoin: true
+				},
+				view: { assets: '../res/' }
+			});
+
+			Candy.Core.connect();
+
+			/**
+			 * Thanks for trying Candy!
+			 *
+			 * If you need more information, please see here:
+			 *   - Setup instructions & config params: http://candy-chat.github.io/candy/#setup
+			 *   - FAQ & more: https://github.com/candy-chat/candy/wiki
+			 *
+			 * Mailinglist for questions:
+			 *   - http://groups.google.com/group/candy-chat
+			 *
+			 * Github issues for bugs:
+			 *   - https://github.com/candy-chat/candy/issues
+			 */
+		});
+	</script>
+</head>
+<body>
+	<div id="candy"></div>
+</body>
+</html>

tracim/tracim/public/assets/candy/candy/package.json

+{
+  "name": "candy",
+  "version": "2.2.0",
+  "description": "Multi-user XMPP web client",
+  "main": "candy.min.js",
+  "directories": {
+    "doc": "docs",
+    "example": "example"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/candy-chat/candy.git"
+  },
+  "keywords": [
+    "xmpp",
+    "muc",
+    "multi-user",
+    "websocket",
+    "bosh",
+    "chat"
+  ],
+  "contributors": [
+    {
+      "name": "Michael Weibel",
+      "email": "michael.weibel@gmail.com"
+    },
+    {
+      "name": "Patrick Stadler",
+      "email": "patrick.stadler@gmail.com",
+      "url": "http://pstadler.sh"
+    }
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/candy-chat/candy/issues"
+  },
+  "homepage": "http://candy-chat.github.io/candy/",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-clear": "^0.2.1",
+    "grunt-contrib-clean": "^0.5.0",
+    "grunt-contrib-compress": "^0.13.0",
+    "grunt-contrib-concat": "^0.5.1",
+    "grunt-contrib-cssmin": "^0.14.0",
+    "grunt-contrib-jshint": "^0.10.0",
+    "grunt-contrib-uglify": "^0.4.0",
+    "grunt-contrib-watch": "^0.6.1",
+    "grunt-coveralls": "^0.3.0",
+    "grunt-github-releaser": "^0.1.17",
+    "grunt-mkdir": "^0.1.1",
+    "grunt-natural-docs": "^0.1.1",
+    "grunt-notify": "^0.3.0",
+    "grunt-prompt": "^1.3.0",
+    "grunt-sync-pkg": "^0.1.2",
+    "grunt-todo": "~0.4.0",
+    "intern": "^2.0.1",
+    "jshint-stylish": "^0.2.0",
+    "lolex": "^1.2.0",
+    "sinon": "^1.10.3",
+    "sinon-chai": "^2.5.0"
+  }
+}

tracim/tracim/public/assets/candy/candy/res/default.css

+/** File: default.css
+ * Candy - Chats are not dead yet.
+ *
+ * Legal: See the LICENSE file at the top-level directory of this distribution and at https://github.com/candy-chat/candy/blob/master/LICENSE
+ */
+html, body {
+	margin: 0;
+	padding: 0;
+	font-family: 'Helvetica Neue', Helvetica, sans-serif;
+}
+
+#candy {
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	background-color: #444;
+	color: #333;
+	overflow: hidden;
+}
+
+a {
+	color: #333;
+	text-decoration: none;
+}
+
+ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+#chat-tabs {
+	list-style: none;
+	margin: 0 200px 0 0;
+	padding: 0;
+	overflow: auto;
+	overflow-y: hidden;
+}
+
+#chat-tabs li {
+	margin: 0;
+	float: left;
+	position: relative;
+	white-space: nowrap;
+	margin: 3px 0 0 3px;
+}
+
+#chat-tabs a {
+	padding: 4px 50px 4px 10px;
+	display: inline-block;
+	color: #ccc;
+	height: 20px;
+	background-color: #666;
+	border-radius: 3px 3px 0 0;
+}
+
+#chat-tabs .active a {
+	background-color: #eee;
+	color: black;
+}
+
+#chat-tabs .transition {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 0;
+	width: 30px;
+	height: 30px;
+	background: url(img/tab-transitions.png) repeat-y left;
+	border-radius: 0 3px 0 0;
+}
+
+#chat-tabs a.close {
+	background-color: transparent;
+	position: absolute;
+	right: -2px;
+	top: -3px;
+	height: auto;
+	padding: 5px;
+	margin: 0 5px 0 2px;
+	color: #999;
+}
+
+#chat-tabs .active .transition {
+	background: url(img/tab-transitions.png) repeat-y -50px;
+}
+
+#chat-tabs .close:hover {
+	color: black;
+}
+
+#chat-tabs .unread {
+	color: white;
+	background-color: #9b1414;
+	padding: 2px 4px;
+	font-weight: bold;
+	font-size: 10px;
+	position: absolute;
+	top: 5px;
+	right: 22px;
+	border-radius: 3px;
+}
+
+#chat-tabs .offline .label {
+	text-decoration: line-through;
+}
+
+#chat-toolbar {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	font-size: 11px;
+	color: #666;
+	width: 200px;
+	height: 24px;
+	padding-top: 7px;
+	background-color: #444;
+	display: none;
+	border-top: 1px solid black;
+	box-shadow: 0 1px 0 0 #555 inset;
+}
+
+#chat-toolbar li {
+	width: 16px;
+	height: 16px;
+	margin-left: 5px;
+	float: left;
+	display: inline-block;
+	cursor: pointer;
+	background-position: top left;
+	background-repeat: no-repeat;
+}
+
+#chat-toolbar #emoticons-icon {
+	background-image: url(img/action/emoticons.png);
+}
+
+#chat-toolbar .context {
+	background-image: url(img/action/settings.png);
+	display: none;
+}
+
+.role-moderator #chat-toolbar .context, .affiliation-owner #chat-toolbar .context {
+	display: inline-block;
+}
+
+#chat-sound-control {
+	background-image: url(img/action/sound-off.png);
+}
+
+#chat-sound-control.checked {
+	background-image: url(img/action/sound-on.png);
+}
+
+#chat-autoscroll-control {
+	background-image: url(img/action/autoscroll-off.png);
+}
+
+#chat-autoscroll-control.checked {
+	background-image: url(img/action/autoscroll-on.png);
+}
+
+#chat-statusmessage-control {
+	background-image: url(img/action/statusmessage-off.png);
+}
+
+#chat-statusmessage-control.checked {
+	background-image: url(img/action/statusmessage-on.png);
+}
+
+#chat-toolbar .usercount {
+	background-image: url(img/action/usercount.png);
+	cursor: default;
+	padding-left: 20px;
+	width: auto;
+	margin-right: 5px;
+	float: right;
+}
+
+.usercount span {
+	display: inline-block;
+	padding: 1px 3px;
+	background-color: #666;
+	font-weight: bold;
+	border-radius: 3px;
+	color: #ccc;
+}
+
+.room-pane {
+	display: none;
+}
+
+.roster-pane {
+	position: absolute;
+	overflow: auto;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	width: 200px;
+	margin: 30px 0 31px 0;
+	background-color: #333;
+	border-top: 1px solid black;
+	box-shadow: inset 0 1px 0 0 #555;
+}
+
+.roster-pane .user {
+	cursor: pointer;
+	padding: 7px 10px;
+	font-size: 12px;
+	opacity: 0;
+	display: none;
+	color: #ccc;
+	clear: both;
+	height: 14px;
+	border-bottom: 1px solid black;
+	box-shadow: 0 1px 0 0 #555;
+}
+
+.roster-pane .user:hover {
+	background-color: #222;
+}
+
+.roster-pane .user.status-ignored {
+	cursor: default;
+}
+
+.roster-pane .user.me {
+	font-weight: bold;
+	cursor: default;
+}
+
+.roster-pane .user.me:hover {
+	background-color: transparent;
+}
+
+.roster-pane .label {
+	float: left;
+	width: 110px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-shadow: 1px 1px black;
+}
+
+.roster-pane li {
+	width: 16px;
+	height: 16px;
+	float: right;
+	display: block;
+	margin-left: 3px;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+.roster-pane li.role {
+	cursor: default;
+	display: none;
+}
+
+.roster-pane li.role-moderator {
+	background-image: url(img/roster/role-moderator.png);
+	display: block;
+}
+
+.roster-pane li.affiliation-owner {
+	background-image: url(img/roster/affiliation-owner.png);
+	display: block;
+}
+
+.roster-pane li.ignore {
+	background-image: url(img/roster/ignore.png);
+	display: none;
+}
+
+.roster-pane .status-ignored li.ignore {
+	display: block;
+}
+
+.roster-pane li.context {
+	color: #999;
+	text-align: center;
+	cursor: pointer;
+}
+
+.roster-pane li.context:hover {
+	background-color: #666;
+	border-radius: 4px;
+}
+
+.roster-pane .me li.context {
+	display: none;
+}
+
+.message-pane-wrapper {
+	clear: both;
+	overflow: auto;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	height: auto;
+	width: auto;
+	margin: 30px 200px 31px 0;
+	background-color: #eee;
+	font-size: 13px;
+	padding: 0 5px;
+}
+
+.message-pane {
+	padding-top: 1px;
+}
+
+.message-pane li {
+	cursor: default;
+	border-bottom: 1px solid #ccc;
+	box-shadow: 0 1px 0 0 white;
+}
+
+.message-pane small {
+	display: none;
+	color: #a00;
+	font-size: 10px;
+	position: absolute;
+	background-color: #f7f7f7;
+	text-align: center;
+	line-height: 20px;
+	margin: 4px 0;
+	padding: 0 5px;
+	right: 5px;
+}
+
+.message-pane li:hover {
+	background-color: #f7f7f7;
+}
+
+.message-pane li:hover small {
+	display: block;
+}
+
+.message-pane li>div {
+	overflow: auto;
+	padding: 2px 0 2px 130px;
+	line-height: 24px;
+	white-space: -o-pre-wrap; /* Opera */
+	word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+.message-pane li>div p {
+	margin: 0;
+}
+
+.message-pane .label {
+	font-weight: bold;
+	white-space: nowrap;
+	display: block;
+	margin-left: -130px;
+	width: 110px;
+	float: left;
+	overflow: hidden;
+	text-align: right;
+	color: black;
+}
+
+.message-pane .label:hover,
+.message-pane .label:focus {
+	color: inherit;
+}
+
+.message-pane .spacer {
+	color: #aaa;
+	font-weight: bold;
+	margin-left: -14px;
+	float: left;
+}
+
+.message-pane .subject, .message-pane .subject .label {
+	color: #a00;
+	font-weight: bold;
+}
+
+.message-pane .adminmessage {
+	color: #a00;
+	font-weight: bold;
+}
+
+.message-pane .infomessage {
+	color: #888;
+	font-style: italic;
+}
+
+.message-pane div>a {
+	color: #a00;
+}
+
+.message-pane a:hover {
+	text-decoration: underline;
+}
+
+.message-pane .emoticon {
+	vertical-align: text-bottom;
+	height: 15px;
+	width: 15px;
+}
+
+.message-form-wrapper {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	width: auto;
+	margin-right: 200px;
+	border-top: 1px solid #ccc;
+	background-color: white;
+	height: 31px;
+}
+
+.message-form {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	margin-right: 320px;
+	padding: 0;
+}
+
+.message-form input {
+	border: 0 none;
+	padding: 5px 10px;
+	font-size: 14px;
+	width: 100%;
+	display: block;
+	outline-width: 0;
+	background-color: white;
+}
+
+.message-form input.submit {
+	cursor: pointer;
+	background-color: #ccc;
+	color: #666;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	margin: 3px 203px 3px 3px;
+	padding: 0 10px;
+	width: auto;
+	font-size: 12px;
+	line-height: 12px;
+	height: 25px;
+	font-weight: bold;
+	border-radius: 3px;
+}
+
+#tooltip {
+	position: absolute;
+	z-index: 10;
+	display: none;
+	margin: 13px -18px -3px -2px;
+	color: #333;
+	font-size: 11px;
+	padding: 5px 0;
+}
+
+#tooltip div {
+	background-color: #f7f7f7;
+	padding: 2px 5px;
+	zoom: 1;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
+}
+
+.arrow {
+	background: url(img/tooltip-arrows.gif) no-repeat left bottom;
+	height: 5px;
+	display: block;
+	position: relative;
+	z-index: 11;
+}
+
+.right-bottom .arrow-bottom {
+	background-position: right bottom;
+}
+
+.arrow-top {
+	display: none;
+	background-position: left top;
+}
+
+.right-top .arrow-top {
+	display: block;
+	background-position: right top;
+}
+
+.left-top .arrow-top {
+	display: block;
+}
+
+
+.left-top .arrow-bottom,
+.right-top .arrow-bottom {
+	display: none;
+}
+
+#context-menu {
+	position: absolute;
+	z-index: 10;
+	display: none;
+	padding: 5px 10px;
+	margin: 13px -28px -3px -12px;
+}
+
+#context-menu ul {
+	background-color: #f7f7f7;
+	color: #333;
+	font-size: 12px;
+	padding: 2px;
+	zoom: 1;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
+}
+
+#context-menu li {
+	padding: 3px 5px 3px 20px;
+	line-height: 12px;
+	cursor: pointer;
+	margin-bottom: 2px;
+	background: 1px no-repeat;
+	white-space: nowrap;
+}
+
+#context-menu li:hover {
+	background-color: #ccc;
+}
+
+#context-menu li:last-child {
+	margin-bottom: 0;
+}
+
+#context-menu .private {
+	background-image: url(img/action/private.png);
+}
+
+#context-menu .ignore {
+	background-image: url(img/action/ignore.png);
+}
+
+#context-menu .unignore {
+	background-image: url(img/action/unignore.png);
+}
+
+#context-menu .kick {
+	background-image: url(img/action/kick.png);
+}
+
+#context-menu .ban {
+	background-image: url(img/action/ban.png);
+}
+
+#context-menu .subject {
+	background-image: url(img/action/subject.png);
+}
+
+#context-menu .emoticons {
+	padding-left: 5px;
+	width: 85px;
+	white-space: normal;
+}
+
+#context-menu .emoticons:hover {
+	background-color: transparent;
+}
+
+#context-menu .emoticons img {
+	cursor: pointer;
+	margin: 3px;
+	height: 15px;
+	width: 15px;
+}
+
+#chat-modal.modal-common {
+	background: #eee;
+	width: 300px;
+	padding: 20px 5px;
+	color: #333;
+	font-size: 16px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	margin-left: -160px;
+	margin-top: -45px;
+	text-align: center;
+	display: none;
+	z-index: 100;
+	border: 5px solid #888;
+	border-radius: 5px;
+	box-shadow: 0 0 5px black;
+}
+
+#chat-modal-overlay {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 90;
+	background-image: url(img/overlay.png);
+}
+
+#chat-modal.modal-login {
+	display: block;
+	margin-top: -100px;
+}
+
+#chat-modal-spinner {
+	display: none;
+	margin-left: 15px;
+}
+
+#chat-modal form {
+	margin: 15px 0;
+}
+
+#chat-modal label, #chat-modal input, #chat-modal select {
+	display: block;
+	float: left;
+	line-height: 26px;
+	font-size: 16px;
+	margin: 5px 0;
+}
+
+#chat-modal input, #chat-modal select {
+	padding: 2px;
+	line-height: 16px;
+	width: 150px;
+}
+
+#chat-modal input[type='text'],
+#chat-modal input[type='password'] {
+	background-color: white;
+	border: 1px solid #ccc;
+	padding: 4px;
+	font-size: 14px;
+	color: #333;
+}
+
+#chat-modal.login-with-domains {
+	width: 650px;
+	margin-left: -330px;
+}
+
+#chat-modal span.at-symbol {
+	float: left;
+	padding: 6px;
+	font-size: 14px;
+}
+
+#chat-modal select[name=domain] {
+	width: 320px;
+}
+
+#chat-modal label {
+	 text-align: right;
+	 padding-right: 1em;
+	 clear: both;
+	 width: 100px;
+}
+
+#chat-modal input.button {
+	float: none;
+	display: block;
+	margin: 5px auto;
+	clear: both;
+	position: relative;
+	top: 10px;
+	width: 200px;
+}
+
+#chat-modal .close {
+	position: absolute;
+	right: 0;
+	display: none;
+	padding: 0 5px;
+	margin: -17px 3px 0 0;
+	color: #999;
+	border-radius: 3px;
+}
+
+#chat-modal .close:hover {
+	color: #333;
+	background-color: #aaa;
+}
+
+/**
+ * Bootstrap Responsive Design styles
+ * It add styles to every element so we need to override some to keep the look of Candy
+ */
+*, :after, :before {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+
+label {
+	font-weight: normal;
+}
+
+.label {
+	font-size: 100%;
+	font-weight: normal;
+	text-align: left;
+	line-height: inherit;
+	padding: 0;
+	color: inherit;
+}
+
+.close {
+	font-size: inherit;
+	line-height: inherit;
+	opacity: 1;
+	text-shadow: none;
+}
+
+#mobile-roster-icon {
+	display: none;
+}
+
+/*
+ * Responsive specific styles for devices under 600px
+ * Mainly changing the size of room, roster and message panes when opened / closed
+ */
+@media (max-width: 599px) {
+	.room-pane .message-pane-wrapper {
+		margin-right: 50px;
+	}
+
+	.room-pane:not(.open) .roster-pane {
+		right: -150px;
+	}
+
+	.roster-pane {
+		z-index: 10;
+	}
+
+	.message-pane li>div {
+		padding-left: 10px;
+	}
+
+	.message-pane li>div.infomessage {
+		padding-left: 30px;
+	}
+
+	.message-pane .label {
+		width: auto;
+		margin-left: 0;
+	}
+
+	.message-pane .spacer {
+		margin: 0 5px;
+	}
+
+	.room-pane:not(.open) .message-form-wrapper {
+		margin-right: 50px;
+	}
+
+	.room-pane:not(.open) .message-form {
+		margin-right: 150px;
+	}
+
+	.room-pane:not(.open) .message-form input.submit {
+		margin-right: 53px;
+	}
+
+	#mobile-roster-icon {
+		position: fixed;
+		top: 0;
+		right: 0;
+	}
+
+/*
+ * These are for the hamburger icon. The box-shadow adds the extra lines
+ */
+	.box-shadow-icon {
+		position: relative;
+		display: block;
+		width: 50px;
+		height: 30px;
+		cursor: pointer;
+	}
+
+	.box-shadow-icon:before {
+		content: "";
+		position: absolute;
+		left: 15px;
+		top: 9px;
+		width: 20px;
+		height: 2px;
+		background: #aaa;
+		box-shadow: 0 5px 0 0 #aaa, 0 10px 0 0 #aaa;
+	}
+
+	.box-shadow-icon:hover {
+		background: #222;
+	}
+}

tracim/tracim/public/assets/candy/candy/res/img/emoticons/README

+Simple Smileys is a set of 49 clean, free as in freedom, Public Domain smileys.
+For more packages or older versions, visit http://simplesmileys.org