Inicio Explorar Ayuda
Registro Iniciar sesión
im-changing.ru
/
converse.js
espejo de https://github.com/conversejs/converse.js.git
2
0
Fork 0
Archivos Incidencias 0 Wiki
Explorar el Código

Add new font set with an icon for converse.js

and one for logging out. Also added a favicon.
JC Brand hace 11 años
padre
7b6dfff99d
commit
b241f8c64e
Se han modificado 12 ficheros con 340 adiciones y 209 borrados
Dividir vista Mostrar estadísticas de diff
  1. 20 2
      css/converse.css
  2. BIN
      css/images/favicon.ico
  3. 0 1
      css/theme.css
  4. 34 8
      fonticons/demo.html
  5. BIN
      fonticons/fonts/icomoon.eot
  6. 2 0
      fonticons/fonts/icomoon.svg
  7. BIN
      fonticons/fonts/icomoon.ttf
  8. BIN
      fonticons/fonts/icomoon.woff
  9. 158 98
      fonticons/selection.json
  10. 100 94
      fonticons/style.css
  11. 2 1
      index.html
  12. 24 5
      less/converse.less

+ 20 - 2
css/converse.css
Ver fichero 

@@ -7,8 +7,8 @@
 
  */
 
 @font-face {
 
   font-family: 'Converse-js';
 
-  src: url('../fonticons/fonts/icomoon.eot?-5hv4s0');
 
-  src: url('../fonticons/fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'), url('../fonticons/fonts/icomoon.woff?-5hv4s0') format('woff'), url('../fonticons/fonts/icomoon.ttf?-5hv4s0') format('truetype'), url('../fonticons/fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
 
+  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');
 
   font-weight: normal;
 
   font-style: normal;
 
 }
 
@@ -38,6 +38,21 @@
 
   -webkit-font-smoothing: antialiased;
 
   -moz-osx-font-smoothing: grayscale;
 
 }
 
+.icon-conversejs {
 
+  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:before {
 
+  content: "\e600";
 
+}
 
 #conversejs .icon-closed:before {
 
   content: "\25ba";
 
 }
 
@@ -307,6 +322,9 @@
 
 #conversejs .icon-dnd:before {
 
   content: "\e004";
 
 }
 
+#conversejs .icon-exit:before {
 
+  content: "\e601";
 
+}
 
 #conversejs .no-text-select {
 
   -webkit-touch-callout: none;
 
   -webkit-user-select: none;

BIN
css/images/favicon.ico
Ver fichero


+ 0 - 1
css/theme.css
Ver fichero 

@@ -16,7 +16,6 @@ h4,
 
 h5,
 
 h6 {
 
   margin: 0 0 35px;
 
-  text-transform: uppercase;
 
   font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
   font-weight: 700;
 
   letter-spacing: 1px;

+ 34 - 8
fonticons/demo.html
Ver fichero 

@@ -9,10 +9,23 @@
 
 	<link rel="stylesheet" href="style.css"></head>
 
 <body>
 
 	<div class="bgc1 clearfix">
 
-		<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;89)</small></h1>
 
+		<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;91)</small></h1>
 
 	</div>
 
 	<div class="clearfix mhl ptl">
 
 		<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-conversejs"></span><span class="mls"> icon-conversejs</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="e600" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
 				<span class="icon-closed"></span><span class="mls"> icon-closed</span>
 
@@ -93,7 +106,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-camera2"></span><span class="mls"> icon-camera2</span>
 
+				<span class="icon-camera-2"></span><span class="mls"> icon-camera-2</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="2616" class="unit size1of2" />
 
@@ -106,7 +119,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-play22"></span><span class="mls"> icon-play22</span>
 
+				<span class="icon-play"></span><span class="mls"> icon-play</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="25d9" class="unit size1of2" />
 
@@ -223,7 +236,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-bubble"></span><span class="mls"> icon-bubble</span>
 
+				<span class="icon-online"></span><span class="mls"> icon-online</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="25fc" class="unit size1of2" />
 
@@ -236,7 +249,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-bubble2"></span><span class="mls"> icon-bubble2</span>
 
+				<span class="icon-away"></span><span class="mls"> icon-away</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="25fb" class="unit size1of2" />
 
@@ -431,7 +444,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-lock2"></span><span class="mls"> icon-lock2</span>
 
+				<span class="icon-lock-2"></span><span class="mls"> icon-lock-2</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="e027" class="unit size1of2" />
 
@@ -457,7 +470,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-key2"></span><span class="mls"> icon-key2</span>
 
+				<span class="icon-key-2"></span><span class="mls"> icon-key-2</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="e029" class="unit size1of2" />
 
@@ -1107,7 +1120,7 @@
 
 		</div>
 
 		<div class="glyph fs1">
 
 			<div class="clearfix bshadow0 pbs">
 
-				<span class="icon-info2"></span><span class="mls"> icon-info2</span>
 
+				<span class="icon-room-info"></span><span class="mls"> icon-room-info</span>
 
 			</div>
 
 			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
 				<input type="text" readonly value="e059" class="unit size1of2" />
 
@@ -1170,6 +1183,19 @@
 
 				<input type="text" readonly value="" class="liga unitRight" />
 
 			</div>
 
 		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-exit"></span><span class="mls"> icon-exit</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="e601" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
 	</div>
 
 
 	<!--[if gt IE 8]><!-->

BIN
fonticons/fonts/icomoon.eot
Ver fichero


+ 2 - 0
fonticons/fonts/icomoon.svg
Ver fichero 

@@ -96,4 +96,6 @@
 
 <glyph unicode="&#xe058;" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM384 306.745l-82.744-82.745 82.744-82.744v-45.256h-45.256l-82.744 82.744-82.745-82.744h-45.255v45.256l82.745 82.744-82.745 82.745v45.255h45.255l82.745-82.745 82.744 82.745h45.256v-45.255z" />
 
 <glyph unicode="&#xe059;" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM224 384h64v-64h-64v64zM320 64h-128v32h32v128h-32v32h96v-160h32v-32z" />
 
 <glyph unicode="&#xe05a;" d="M0 272v-96c0-8.836 7.164-16 16-16h480c8.836 0 16 7.164 16 16v96c0 8.836-7.164 16-16 16h-480c-8.836 0-16-7.164-16-16z" />
 
+<glyph unicode="&#xe600;" d="M39.349 399.017c-17.206 0-31.051-13.844-31.051-31.051v-361.923c0-17.207 13.845-31.068 31.051-31.068h323.589c17.207 0 31.068 13.861 31.068 31.068v361.923c0 17.207-13.861 31.051-31.068 31.051h-323.589zM46.803 392.288h309.317c16.698 0 30.151-13.454 30.151-30.151v-118.928l-46.498-52.778h-269.841l-5.207-4.325-47.364-54.733-0.761 83.5 0.242 2.526c-0.109 1.043-0.173 2.092-0.173 3.166v141.571c0 16.698 13.437 30.152 30.134 30.152zM274.731 341.379c-27.38 0-49.578-22.182-49.578-49.561s22.198-49.578 49.578-49.578c27.38 0 49.578 22.198 49.578 49.578s-22.199 49.561-49.578 49.561zM125.65 133.691c0.425 0.010 0.853 0 1.28 0 27.38 0 49.56-22.181 49.56-49.56s-22.181-49.578-49.56-49.578c-27.38 0-49.578 22.199-49.578 49.578 0 26.952 21.51 48.882 48.298 49.56z" horiz-adv-x="410" />
 
+<glyph unicode="&#xe601;" d="M384 160v64h-160v64h160v64l96-96zM352 192v-128h-160v-96l-192 96v416h352v-160h-32v128h-256l128-64v-288h128v96z" />
 
 </font></defs></svg>

BIN
fonticons/fonts/icomoon.ttf
Ver fichero


BIN
fonticons/fonts/icomoon.woff
Ver fichero


+ 158 - 98
fonticons/selection.json
Ver fichero 

@@ -1,6 +1,40 @@
 
 {
 
 	"IcoMoonType": "selection",
 
 	"icons": [
 
+		{
 
+			"icon": {
 
+				"paths": [
 
+					"M78.697 161.965c-34.413 0-62.102 27.689-62.102 62.102v723.845c0 34.413 27.689 62.137 62.102 62.137h647.178c34.413 0 62.137-27.723 62.137-62.137v-723.845c0-34.413-27.723-62.102-62.137-62.102h-647.178zM93.606 175.423h618.635c33.396 0 60.303 26.908 60.303 60.303v237.857l-92.997 105.556h-539.683l-10.414 8.65-94.727 109.466-1.522-167.001 0.484-5.052c-0.218-2.087-0.346-4.185-0.346-6.332v-283.143c0-33.396 26.874-60.303 60.268-60.303zM549.461 277.243c-54.759 0-99.156 44.363-99.156 99.121s44.397 99.156 99.156 99.156c54.759 0 99.156-44.397 99.156-99.156s-44.397-99.121-99.156-99.121zM251.301 692.618c0.85-0.021 1.705 0 2.56 0 54.759 0 99.121 44.363 99.121 99.121s-44.363 99.156-99.121 99.156c-54.759 0-99.156-44.397-99.156-99.156 0-53.903 43.020-97.763 96.596-99.121z"
 
+				],
 
+				"attrs": [
 
+					{
 
+						"opacity": 1,
 
+						"visibility": false
 
+					}
 
+				],
 
+				"width": 820,
 
+				"grid": 16,
 
+				"tags": [
 
+					"conversejs"
 
+				]
 
+			},
 
+			"attrs": [
 
+				{
 
+					"opacity": 1,
 
+					"visibility": false
 
+				}
 
+			],
 
+			"properties": {
 
+				"order": 93,
 
+				"id": 455,
 
+				"prevSize": 32,
 
+				"code": 58880,
 
+				"name": "conversejs",
 
+				"ligatures": ""
 
+			},
 
+			"setIdx": 0,
 
+			"iconIdx": 0
 
+		},
 
 		{
 
 			"icon": {
 
 				"paths": [
 
@@ -22,7 +56,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 0
 
+			"iconIdx": 1
 
 		},
 
 		{
 
 			"icon": {
 
@@ -43,7 +77,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 1
 
+			"iconIdx": 2
 
 		},
 
 		{
 
 			"icon": {
 
@@ -68,7 +102,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 2
 
+			"iconIdx": 3
 
 		},
 
 		{
 
 			"icon": {
 
@@ -92,7 +126,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 3
 
+			"iconIdx": 4
 
 		},
 
 		{
 
 			"icon": {
 
@@ -118,7 +152,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 4
 
+			"iconIdx": 5
 
 		},
 
 		{
 
 			"icon": {
 
@@ -143,7 +177,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 5
 
+			"iconIdx": 6
 
 		},
 
 		{
 
 			"icon": {
 
@@ -165,11 +199,11 @@
 
 				"order": 5,
 
 				"prevSize": 32,
 
 				"code": 9750,
 
-				"name": "camera2",
 
+				"name": "camera-2",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 6
 
+			"iconIdx": 7
 
 		},
 
 		{
 
 			"icon": {
 
@@ -189,11 +223,11 @@
 
 				"order": 6,
 
 				"prevSize": 32,
 
 				"code": 9689,
 
-				"name": "play22",
 
+				"name": "play",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 7
 
+			"iconIdx": 8
 
 		},
 
 		{
 
 			"icon": {
 
@@ -218,7 +252,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 8
 
+			"iconIdx": 9
 
 		},
 
 		{
 
 			"icon": {
 
@@ -244,7 +278,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 9
 
+			"iconIdx": 10
 
 		},
 
 		{
 
 			"icon": {
 
@@ -270,7 +304,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 10
 
+			"iconIdx": 11
 
 		},
 
 		{
 
 			"icon": {
 
@@ -296,7 +330,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 11
 
+			"iconIdx": 12
 
 		},
 
 		{
 
 			"icon": {
 
@@ -320,7 +354,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 12
 
+			"iconIdx": 13
 
 		},
 
 		{
 
 			"icon": {
 
@@ -345,7 +379,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 13
 
+			"iconIdx": 14
 
 		},
 
 		{
 
 			"icon": {
 
@@ -371,7 +405,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 14
 
+			"iconIdx": 15
 
 		},
 
 		{
 
 			"icon": {
 
@@ -394,7 +428,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 15
 
+			"iconIdx": 16
 
 		},
 
 		{
 
 			"icon": {
 
@@ -415,11 +449,11 @@
 
 				"order": 15,
 
 				"prevSize": 32,
 
 				"code": 9724,
 
-				"name": "bubble",
 
+				"name": "online",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 16
 
+			"iconIdx": 17
 
 		},
 
 		{
 
 			"icon": {
 
@@ -440,11 +474,11 @@
 
 				"order": 16,
 
 				"prevSize": 32,
 
 				"code": 9723,
 
-				"name": "bubble2",
 
+				"name": "away",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 17
 
+			"iconIdx": 18
 
 		},
 
 		{
 
 			"icon": {
 
@@ -470,7 +504,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 18
 
+			"iconIdx": 19
 
 		},
 
 		{
 
 			"icon": {
 
@@ -496,7 +530,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 19
 
+			"iconIdx": 20
 
 		},
 
 		{
 
 			"icon": {
 
@@ -522,7 +556,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 20
 
+			"iconIdx": 21
 
 		},
 
 		{
 
 			"icon": {
 
@@ -549,7 +583,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 21
 
+			"iconIdx": 22
 
 		},
 
 		{
 
 			"icon": {
 
@@ -577,7 +611,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 22
 
+			"iconIdx": 23
 
 		},
 
 		{
 
 			"icon": {
 
@@ -605,7 +639,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 23
 
+			"iconIdx": 24
 
 		},
 
 		{
 
 			"icon": {
 
@@ -632,7 +666,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 24
 
+			"iconIdx": 25
 
 		},
 
 		{
 
 			"icon": {
 
@@ -655,7 +689,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 25
 
+			"iconIdx": 26
 
 		},
 
 		{
 
 			"icon": {
 
@@ -681,7 +715,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 26
 
+			"iconIdx": 27
 
 		},
 
 		{
 
 			"icon": {
 
@@ -706,7 +740,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 27
 
+			"iconIdx": 28
 
 		},
 
 		{
 
 			"icon": {
 
@@ -733,7 +767,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 28
 
+			"iconIdx": 29
 
 		},
 
 		{
 
 			"icon": {
 
@@ -761,7 +795,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 29
 
+			"iconIdx": 30
 
 		},
 
 		{
 
 			"icon": {
 
@@ -784,7 +818,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 30
 
+			"iconIdx": 31
 
 		},
 
 		{
 
 			"icon": {
 
@@ -809,7 +843,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 31
 
+			"iconIdx": 32
 
 		},
 
 		{
 
 			"icon": {
 
@@ -830,11 +864,11 @@
 
 				"order": 29,
 
 				"prevSize": 32,
 
 				"code": 57383,
 
-				"name": "lock2",
 
+				"name": "lock-2",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 32
 
+			"iconIdx": 33
 
 		},
 
 		{
 
 			"icon": {
 
@@ -861,7 +895,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 33
 
+			"iconIdx": 34
 
 		},
 
 		{
 
 			"icon": {
 
@@ -884,11 +918,11 @@
 
 				"order": 31,
 
 				"prevSize": 32,
 
 				"code": 57385,
 
-				"name": "key2",
 
+				"name": "key-2",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 34
 
+			"iconIdx": 35
 
 		},
 
 		{
 
 			"icon": {
 
@@ -913,7 +947,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 35
 
+			"iconIdx": 36
 
 		},
 
 		{
 
 			"icon": {
 
@@ -937,7 +971,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 36
 
+			"iconIdx": 37
 
 		},
 
 		{
 
 			"icon": {
 
@@ -965,7 +999,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 37
 
+			"iconIdx": 38
 
 		},
 
 		{
 
 			"icon": {
 
@@ -992,7 +1026,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 38
 
+			"iconIdx": 39
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1017,7 +1051,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 39
 
+			"iconIdx": 40
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1046,7 +1080,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 40
 
+			"iconIdx": 41
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1069,7 +1103,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 41
 
+			"iconIdx": 42
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1095,7 +1129,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 42
 
+			"iconIdx": 43
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1120,7 +1154,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 43
 
+			"iconIdx": 44
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1145,7 +1179,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 44
 
+			"iconIdx": 45
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1171,7 +1205,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 45
 
+			"iconIdx": 46
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1195,7 +1229,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 46
 
+			"iconIdx": 47
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1220,7 +1254,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 47
 
+			"iconIdx": 48
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1245,7 +1279,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 48
 
+			"iconIdx": 49
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1270,7 +1304,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 49
 
+			"iconIdx": 50
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1296,7 +1330,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 50
 
+			"iconIdx": 51
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1322,7 +1356,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 51
 
+			"iconIdx": 52
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1347,7 +1381,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 52
 
+			"iconIdx": 53
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1372,7 +1406,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 53
 
+			"iconIdx": 54
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1398,7 +1432,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 54
 
+			"iconIdx": 55
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1423,7 +1457,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 55
 
+			"iconIdx": 56
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1448,7 +1482,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 56
 
+			"iconIdx": 57
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1471,7 +1505,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 57
 
+			"iconIdx": 58
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1497,7 +1531,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 58
 
+			"iconIdx": 59
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1520,7 +1554,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 59
 
+			"iconIdx": 60
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1543,7 +1577,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 60
 
+			"iconIdx": 61
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1569,7 +1603,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 61
 
+			"iconIdx": 62
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1594,7 +1628,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 62
 
+			"iconIdx": 63
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1619,7 +1653,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 63
 
+			"iconIdx": 64
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1645,7 +1679,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 64
 
+			"iconIdx": 65
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1671,7 +1705,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 65
 
+			"iconIdx": 66
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1696,7 +1730,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 66
 
+			"iconIdx": 67
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1721,7 +1755,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 67
 
+			"iconIdx": 68
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1744,7 +1778,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 68
 
+			"iconIdx": 69
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1767,7 +1801,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 69
 
+			"iconIdx": 70
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1790,7 +1824,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 70
 
+			"iconIdx": 71
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1813,7 +1847,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 71
 
+			"iconIdx": 72
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1840,7 +1874,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 72
 
+			"iconIdx": 73
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1863,7 +1897,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 73
 
+			"iconIdx": 74
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1889,7 +1923,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 74
 
+			"iconIdx": 75
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1916,7 +1950,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 75
 
+			"iconIdx": 76
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1941,7 +1975,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 76
 
+			"iconIdx": 77
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1965,7 +1999,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 77
 
+			"iconIdx": 78
 
 		},
 
 		{
 
 			"icon": {
 
@@ -1989,7 +2023,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 78
 
+			"iconIdx": 79
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2014,7 +2048,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 79
 
+			"iconIdx": 80
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2038,7 +2072,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 80
 
+			"iconIdx": 81
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2061,7 +2095,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 81
 
+			"iconIdx": 82
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2083,7 +2117,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 82
 
+			"iconIdx": 83
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2106,7 +2140,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 83
 
+			"iconIdx": 84
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2125,11 +2159,11 @@
 
 				"order": 82,
 
 				"prevSize": 32,
 
 				"code": 57433,
 
-				"name": "info2",
 
+				"name": "room-info",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 84
 
+			"iconIdx": 85
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2152,7 +2186,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 85
 
+			"iconIdx": 86
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2177,7 +2211,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 86
 
+			"iconIdx": 87
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2199,7 +2233,7 @@
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 87
 
+			"iconIdx": 88
 
 		},
 
 		{
 
 			"icon": {
 
@@ -2213,15 +2247,41 @@
 
 				"grid": 16
 
 			},
 
 			"properties": {
 
-				"id": 84,
 
-				"order": 86,
 
+				"order": 94,
 
+				"id": 454,
 
 				"prevSize": 32,
 
 				"code": 57348,
 
 				"name": "busy",
 
 				"ligatures": ""
 
 			},
 
 			"setIdx": 0,
 
-			"iconIdx": 88
 
+			"iconIdx": 89
 
+		},
 
+		{
 
+			"icon": {
 
+				"paths": [
 
+					"M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z"
 
+				],
 
+				"tags": [
 
+					"exit",
 
+					"sign out",
 
+					"log out",
 
+					"quit",
 
+					"close",
 
+					"logout"
 
+				],
 
+				"grid": 16
 
+			},
 
+			"properties": {
 
+				"id": 260,
 
+				"order": 95,
 
+				"prevSize": 32,
 
+				"code": 58881,
 
+				"name": "exit",
 
+				"ligatures": ""
 
+			},
 
+			"setIdx": 2,
 
+			"iconIdx": 260
 
 		}
 
 	],
 
 	"height": 1024,

+ 100 - 94
fonticons/style.css
Ver fichero 

@@ -1,10 +1,10 @@
 
 @font-face {
 
 	font-family: 'icomoon';
 
-	src:url('fonts/icomoon.eot?-5hv4s0');
 
-	src:url('fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'),
 
-		url('fonts/icomoon.woff?-5hv4s0') format('woff'),
 
-		url('fonts/icomoon.ttf?-5hv4s0') format('truetype'),
 
-		url('fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
 
+	src:url('fonts/icomoon.eot?-mnoxh0');
 
+	src:url('fonts/icomoon.eot?#iefix-mnoxh0') format('embedded-opentype'),
 
+		url('fonts/icomoon.woff?-mnoxh0') format('woff'),
 
+		url('fonts/icomoon.ttf?-mnoxh0') format('truetype'),
 
+		url('fonts/icomoon.svg?-mnoxh0#icomoon') format('svg');
 
 	font-weight: normal;
 
 	font-style: normal;
 
 }
 
@@ -23,270 +23,276 @@
 
 	-moz-osx-font-smoothing: grayscale;
 
 }
 
 
-.icon-closed:before {
 
+#conversejs .icon-conversejs:before {
 
+	content: "\e600";
 
+}
 
+#conversejs .icon-closed:before {
 
 	content: "\25ba";
 
 }
 
-.icon-opened:before {
 
+#conversejs .icon-opened:before {
 
 	content: "\25bc";
 
 }
 
-.icon-checkmark:before {
 
+#conversejs .icon-checkmark:before {
 
 	content: "\2713";
 
 }
 
-.icon-home:before {
 
+#conversejs .icon-home:before {
 
 	content: "\e000";
 
 }
 
-.icon-pencil:before {
 
+#conversejs .icon-pencil:before {
 
 	content: "\270e";
 
 }
 
-.icon-camera:before {
 
+#conversejs .icon-camera:before {
 
 	content: "\e003";
 
 }
 
-.icon-camera2:before {
 
+#conversejs .icon-camera-2:before {
 
 	content: "\2616";
 
 }
 
-.icon-play22:before {
 
+#conversejs .icon-play:before {
 
 	content: "\25d9";
 
 }
 
-.icon-music:before {
 
+#conversejs .icon-music:before {
 
 	content: "\266b";
 
 }
 
-.icon-headphones:before {
 
+#conversejs .icon-headphones:before {
 
 	content: "\266c";
 
 }
 
-.icon-phone:before {
 
+#conversejs .icon-phone:before {
 
 	content: "\260f";
 
 }
 
-.icon-phone-hang-up:before {
 
+#conversejs .icon-phone-hang-up:before {
 
 	content: "\260e";
 
 }
 
-.icon-address-book:before {
 
+#conversejs .icon-address-book:before {
 
 	content: "\270f";
 
 }
 
-.icon-notebook:before {
 
+#conversejs .icon-notebook:before {
 
 	content: "\2710";
 
 }
 
-.icon-envelop:before {
 
+#conversejs .icon-envelop:before {
 
 	content: "\2709";
 
 }
 
-.icon-pushpin:before {
 
+#conversejs .icon-pushpin:before {
 
 	content: "\e012";
 
 }
 
-.icon-bubble:before {
 
+#conversejs .icon-online:before {
 
 	content: "\25fc";
 
 }
 
-.icon-bubble2:before {
 
+#conversejs .icon-away:before {
 
 	content: "\25fb";
 
 }
 
-.icon-bubbles:before {
 
+#conversejs .icon-bubbles:before {
 
 	content: "\e015";
 
 }
 
-.icon-bubbles2:before {
 
+#conversejs .icon-bubbles2:before {
 
 	content: "\e016";
 
 }
 
-.icon-bubbles3:before {
 
+#conversejs .icon-bubbles3:before {
 
 	content: "\e017";
 
 }
 
-.icon-user:before {
 
+#conversejs .icon-user:before {
 
 	content: "\e01a";
 
 }
 
-.icon-hide-users:before {
 
+#conversejs .icon-hide-users:before {
 
 	content: "\e01c";
 
 }
 
-.icon-show-users:before {
 
+#conversejs .icon-show-users:before {
 
 	content: "\e01e";
 
 }
 
-.icon-users:before {
 
+#conversejs .icon-users:before {
 
 	content: "\e01b";
 
 }
 
-.icon-quotes-left:before {
 
+#conversejs .icon-quotes-left:before {
 
 	content: "\e01d";
 
 }
 
-.icon-spinner:before {
 
+#conversejs .icon-spinner:before {
 
 	content: "\231b";
 
 }
 
-.icon-search:before {
 
+#conversejs .icon-search:before {
 
 	content: "\e021";
 
 }
 
-.icon-cogs:before {
 
+#conversejs .icon-cogs:before {
 
 	content: "\e022";
 
 }
 
-.icon-wrench:before {
 
+#conversejs .icon-wrench:before {
 
 	content: "\e024";
 
 }
 
-.icon-unlocked:before {
 
+#conversejs .icon-unlocked:before {
 
 	content: "\e025";
 
 }
 
-.icon-lock:before {
 
+#conversejs .icon-lock:before {
 
 	content: "\e026";
 
 }
 
-.icon-lock2:before {
 
+#conversejs .icon-lock-2:before {
 
 	content: "\e027";
 
 }
 
-.icon-key:before {
 
+#conversejs .icon-key:before {
 
 	content: "\e028";
 
 }
 
-.icon-key2:before {
 
+#conversejs .icon-key-2:before {
 
 	content: "\e029";
 
 }
 
-.icon-zoomout:before {
 
+#conversejs .icon-zoomout:before {
 
 	content: "\e02a";
 
 }
 
-.icon-zoomin:before {
 
+#conversejs .icon-zoomin:before {
 
 	content: "\e02b";
 
 }
 
-.icon-cog:before {
 
+#conversejs .icon-cog:before {
 
 	content: "\e02f";
 
 }
 
-.icon-remove:before {
 
+#conversejs .icon-remove:before {
 
 	content: "\e02d";
 
 }
 
-.icon-eye:before {
 
+#conversejs .icon-eye:before {
 
 	content: "\e030";
 
 }
 
-.icon-eye-blocked:before {
 
+#conversejs .icon-eye-blocked:before {
 
 	content: "\e031";
 
 }
 
-.icon-attachment:before {
 
+#conversejs .icon-attachment:before {
 
 	content: "\e032";
 
 }
 
-.icon-globe:before {
 
+#conversejs .icon-globe:before {
 
 	content: "\e033";
 
 }
 
-.icon-heart:before {
 
+#conversejs .icon-heart:before {
 
 	content: "\2764";
 
 }
 
-.icon-happy:before {
 
+#conversejs .icon-happy:before {
 
 	content: "\263b";
 
 }
 
-.icon-thumbs-up:before {
 
+#conversejs .icon-thumbs-up:before {
 
 	content: "\261d";
 
 }
 
-.icon-smiley:before {
 
+#conversejs .icon-smiley:before {
 
 	content: "\263a";
 
 }
 
-.icon-tongue:before {
 
+#conversejs .icon-tongue:before {
 
 	content: "\e038";
 
 }
 
-.icon-sad:before {
 
+#conversejs .icon-sad:before {
 
 	content: "\2639";
 
 }
 
-.icon-wink:before {
 
+#conversejs .icon-wink:before {
 
 	content: "\e03a";
 
 }
 
-.icon-wondering:before {
 
+#conversejs .icon-wondering:before {
 
 	content: "\2369";
 
 }
 
-.icon-confused:before {
 
+#conversejs .icon-confused:before {
 
 	content: "\2368";
 
 }
 
-.icon-shocked:before {
 
+#conversejs .icon-shocked:before {
 
 	content: "\2364";
 
 }
 
-.icon-evil:before {
 
+#conversejs .icon-evil:before {
 
 	content: "\261f";
 
 }
 
-.icon-angry:before {
 
+#conversejs .icon-angry:before {
 
 	content: "\e03f";
 
 }
 
-.icon-cool:before {
 
+#conversejs .icon-cool:before {
 
 	content: "\e040";
 
 }
 
-.icon-grin:before {
 
+#conversejs .icon-grin:before {
 
 	content: "\e041";
 
 }
 
-.icon-info:before {
 
+#conversejs .icon-info:before {
 
 	content: "\2360";
 
 }
 
-.icon-notification:before {
 
+#conversejs .icon-notification:before {
 
 	content: "\e01f";
 
 }
 
-.icon-warning:before {
 
+#conversejs .icon-warning:before {
 
 	content: "\26a0";
 
 }
 
-.icon-spell-check:before {
 
+#conversejs .icon-spell-check:before {
 
 	content: "\e045";
 
 }
 
-.icon-volume-high:before {
 
+#conversejs .icon-volume-high:before {
 
 	content: "\e046";
 
 }
 
-.icon-volume-medium:before {
 
+#conversejs .icon-volume-medium:before {
 
 	content: "\e047";
 
 }
 
-.icon-volume-low:before {
 
+#conversejs .icon-volume-low:before {
 
 	content: "\e048";
 
 }
 
-.icon-volume-mute:before {
 
+#conversejs .icon-volume-mute:before {
 
 	content: "\e049";
 
 }
 
-.icon-volume-mute2:before {
 
+#conversejs .icon-volume-mute2:before {
 
 	content: "\e04a";
 
 }
 
-.icon-volume-decrease:before {
 
+#conversejs .icon-volume-decrease:before {
 
 	content: "\e04b";
 
 }
 
-.icon-volume-increase:before {
 
+#conversejs .icon-volume-increase:before {
 
 	content: "\e04c";
 
 }
 
-.icon-bold:before {
 
+#conversejs .icon-bold:before {
 
 	content: "\e04d";
 
 }
 
-.icon-underline:before {
 
+#conversejs .icon-underline:before {
 
 	content: "\e04e";
 
 }
 
-.icon-italic:before {
 
+#conversejs .icon-italic:before {
 
 	content: "\e04f";
 
 }
 
-.icon-strikethrough:before {
 
+#conversejs .icon-strikethrough:before {
 
 	content: "\e050";
 
 }
 
-.icon-newtab:before {
 
+#conversejs .icon-newtab:before {
 
 	content: "\e053";
 
 }
 
-.icon-youtube:before {
 
+#conversejs .icon-youtube:before {
 
 	content: "\e055";
 
 }
 
-.icon-close:before {
 
+#conversejs .icon-close:before {
 
 	content: "\2715";
 
 }
 
-.icon-blocked:before {
 
+#conversejs .icon-blocked:before {
 
 	content: "\2718";
 
 }
 
-.icon-cancel-circle:before {
 
+#conversejs .icon-cancel-circle:before {
 
 	content: "\e058";
 
 }
 
-.icon-minus:before {
 
+#conversejs .icon-minus:before {
 
 	content: "\e05a";
 
 }
 
-.icon-plus:before {
 
+#conversejs .icon-plus:before {
 
 	content: "\271a";
 
 }
 
-.icon-checkbox-checked:before {
 
+#conversejs .icon-checkbox-checked:before {
 
 	content: "\2611";
 
 }
 
-.icon-checkbox-unchecked:before {
 
+#conversejs .icon-checkbox-unchecked:before {
 
 	content: "\2b27";
 
 }
 
-.icon-checkbox-partial:before {
 
+#conversejs .icon-checkbox-partial:before {
 
 	content: "\2b28";
 
 }
 
-.icon-radio-checked:before {
 
+#conversejs .icon-radio-checked:before {
 
 	content: "\2b26";
 
 }
 
-.icon-radio-unchecked:before {
 
+#conversejs .icon-radio-unchecked:before {
 
 	content: "\2b25";
 
 }
 
-.icon-info2:before {
 
+#conversejs .icon-room-info:before {
 
 	content: "\e059";
 
 }
 
-.icon-newspaper:before {
 
+#conversejs .icon-newspaper:before {
 
 	content: "\e001";
 
 }
 
-.icon-image:before {
 
+#conversejs .icon-image:before {
 
 	content: "\2b14";
 
 }
 
-.icon-offline:before {
 
+#conversejs .icon-offline:before {
 
 	content: "\e002";
 
 }
 
-.icon-busy:before {
 
+#conversejs .icon-busy:before {
 
 	content: "\e004";
 
 }
 
+#conversejs .icon-exit:before {
 
+	content: "\e601";
 
+}

+ 2 - 1
index.html
Ver fichero 

@@ -13,6 +13,7 @@
 
     <link type="text/css" rel="stylesheet" media="screen" href="css/theme.css" />
 
     <link type="text/css" rel="stylesheet" media="screen" href="css/converse.css" />
 
     <script src="components/requirejs/require.js"></script>
 
+    <link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
 
 </head>
 
 
 <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
 
@@ -67,7 +68,7 @@
 
             <div class="container">
 
                 <div class="row">
 
                     <div class="col-md-8 col-md-offset-2">
 
-                        <h1 class="brand-heading">Converse.js</h1>
 
+                        <h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
 
                         <p class="intro-text">A free and open-source XMPP chat client for your website</p>
 
                         <div class="page-scroll">
 
                             <a href="#about" class="btn btn-default btn-lg">Learn More</a>

+ 24 - 5
less/converse.less
Ver fichero 

@@ -10,11 +10,11 @@
 
 
 @font-face {
 
 	font-family: 'Converse-js';
 
-	src:url('../fonticons/fonts/icomoon.eot?-5hv4s0');
 
-	src:url('../fonticons/fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'),
 
-		url('../fonticons/fonts/icomoon.woff?-5hv4s0') format('woff'),
 
-		url('../fonticons/fonts/icomoon.ttf?-5hv4s0') format('truetype'),
 
-		url('../fonticons/fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
 
+    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');
 
 	font-weight: normal;
 
 	font-style: normal;
 
 }
 
@@ -46,6 +46,22 @@
 
 	-moz-osx-font-smoothing: grayscale;
 
 }
 
 
+.icon-conversejs {
 
+	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:before {
 
+	content: "\e600";
 
+}
 
 #conversejs .icon-closed:before {
 
 	content: "\25ba";
 
 }
 
@@ -315,6 +331,9 @@
 
 #conversejs .icon-dnd:before {
 
 	content: "\e004";
 
 }
 
+#conversejs .icon-exit:before {
 
+	content: "\e601";
 
+}
 
 
 #conversejs .no-text-select {
 
     -webkit-touch-callout: none;