Download as
Browse Code »

Commit b6ba24b1a8fd4e77619dbb3636ecfee1ad8a1b84

Authored by Leandro Santos
1 parent 7944081e
Exists in master and in 1 other branch working

remove chat content

Showing 3 changed files with 243 additions and 239 deletions   Show diff stats
header.html.erb
  Diff comments   View file @b6ba24b
@@ -8,7 +8,11 @@ @@ -8,7 +8,11 @@
8 8
9 <%= render :file => File.join(File.dirname(__FILE__), "/user_bar") %> 9 <%= render :file => File.join(File.dirname(__FILE__), "/user_bar") %>
10 <%= render :file => File.join(File.dirname(__FILE__), "/user_menu_bar") %> 10 <%= render :file => File.join(File.dirname(__FILE__), "/user_menu_bar") %>
11 -<%= render :file => File.join(File.dirname(__FILE__), "/user_chat_bar") %> 11 +<!--
  12 +<%= #FIXME DO not user chat at this moment
  13 +# render :file => File.join(File.dirname(__FILE__), "/user_chat_bar")
  14 +%>
  15 +-->
12 16
13 <!-- Nova Barra de usuário --> 17 <!-- Nova Barra de usuário -->
14 <div id="top-bar" class="top" > 18 <div id="top-bar" class="top" >
unsed/user_chat_bar.html.erb 0 → 100644
  Diff comments   View file @b6ba24b
@@ -0,0 +1,238 @@ @@ -0,0 +1,238 @@
  1 +<div id="menu-right" class="sidr right" style="display: block; right: 0px;">
  2 + <div class="hasNiceScroll" tabindex="5001" style="overflow-y: hidden; outline: none;">
  3 + <button class="btn btn-inverse btn-xs btn-close" data-toggle="sidr-close" data-menu="menu-right"><i class="fa fa-times"></i></button>
  4 +
  5 + <div class="tab-content">
  6 + <div class="tab-pane" id="chat-conversation">
  7 + <ul>
  8 + <li>
  9 + <div class="innerAll"><button class="btn btn-primary" data-toggle="tab" data-target="#chat-list"><i class="fa fa-fw fa-user"></i> friends</button></div>
  10 + </li>
  11 + <li class="conversation innerAll">
  12 + <!-- Media item -->
  13 + <div class="media">
  14 + <small class="author"><a href="#" title="" class="strong">Jane Doe</a></small>
  15 + <div class="media-object pull-left"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/1.jpg" alt="Image" class="img-circle"></div>
  16 + <div class="media-body">
  17 + <blockquote>
  18 + <small class="date"><cite>just now</cite></small>
  19 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, sit?</p>
  20 + </blockquote>
  21 + </div>
  22 + </div>
  23 + <!-- // Media item END -->
  24 +
  25 + <!-- Media item -->
  26 + <div class="media primary right">
  27 + <small class="author"><a href="#" title="" class="strong">John Doe</a></small>
  28 + <div class="media-object pull-right"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/2.jpg" alt="Image" class="img-circle"></div>
  29 + <div class="media-body">
  30 + <blockquote class="pull-right">
  31 + <small class="date"><cite>15 seconds ago</cite></small>
  32 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, molestiae!</p>
  33 + </blockquote>
  34 + </div>
  35 + </div>
  36 + <!-- // Media item END -->
  37 +
  38 + <!-- Media item -->
  39 + <div class="media">
  40 + <small class="author"><a href="#" title="" class="strong">Ricky</a></small>
  41 + <div class="media-object pull-left"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/1.jpg" alt="Image" class="img-circle"></div>
  42 + <div class="media-body">
  43 + <blockquote>
  44 + <small class="date"><cite>5 minutes ago</cite></small>
  45 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, distinctio!</p>
  46 + </blockquote>
  47 + </div>
  48 + </div>
  49 + <!-- // Media item END -->
  50 + </li>
  51 + </ul>
  52 + </div>
  53 +
  54 + <div class="tab-pane active" id="chat-list">
  55 + <div class="mixitup" id="mixitup-chat" data-show-default="mixit-chat-1" data-layout-mode="list" data-target-selector=".mix" data-filter-selector=".filter-chat">
  56 + <ul>
  57 + <li class="category">Groups</li>
  58 + <li class="reset">
  59 + <div class="innerLR">
  60 + <ul>
  61 + <li class="filter-chat active" data-filter="mixit-chat-1"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-success"></span> Work Related</a></li>
  62 + <li class="filter-chat" data-filter="mixit-chat-2"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-primary"></span> Very Important</a></li>
  63 + <li class="filter-chat" data-filter="mixit-chat-3"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-info"></span> Friends &amp; Family</a></li>
  64 + </ul>
  65 + </div>
  66 + </li>
  67 + <li class="category border-bottom">Online</li>
  68 + <li>
  69 +
  70 + <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">
  71 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/1.jpg" class="img-circle"></a>
  72 + <div class="media-body">
  73 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  74 + <i class="fa fa-comments"></i> 4
  75 + </a>
  76 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Perpetua Inger</a></h5>
  77 + <small>Hey, the party is on tonight!</small>
  78 + </div>
  79 + </div>
  80 + <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">
  81 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/2.jpg" class="img-circle"></a>
  82 + <div class="media-body">
  83 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  84 + <i class="fa fa-comments"></i> 4
  85 + </a>
  86 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Zoticus Axel</a></h5>
  87 + <small>Hey, the party is on tonight!</small>
  88 + </div>
  89 + </div>
  90 + <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">
  91 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/3.jpg" class="img-circle"></a>
  92 + <div class="media-body">
  93 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  94 + <i class="fa fa-comments"></i> 4
  95 + </a>
  96 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Yun Ragna</a></h5>
  97 + <small>Hey, the party is on tonight!</small>
  98 + </div>
  99 + </div>
  100 + <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">
  101 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/4.jpg" class="img-circle"></a>
  102 + <div class="media-body">
  103 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  104 + <i class="fa fa-comments"></i> 4
  105 + </a>
  106 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Victor Tacitus</a></h5>
  107 + <small>Hey, the party is on tonight!</small>
  108 + </div>
  109 + </div>
  110 + <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">
  111 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/5.jpg" class="img-circle"></a>
  112 + <div class="media-body">
  113 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  114 + <i class="fa fa-comments"></i> 4
  115 + </a>
  116 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Arden Catharine</a></h5>
  117 + <small>Hey, the party is on tonight!</small>
  118 + </div>
  119 + </div>
  120 + <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">
  121 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/6.jpg" class="img-circle"></a>
  122 + <div class="media-body">
  123 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  124 + <i class="fa fa-comments"></i> 4
  125 + </a>
  126 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Mihovil Govinda</a></h5>
  127 + <small>Hey, the party is on tonight!</small>
  128 + </div>
  129 + </div>
  130 + <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">
  131 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/7.jpg" class="img-circle"></a>
  132 + <div class="media-body">
  133 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  134 + <i class="fa fa-comments"></i> 4
  135 + </a>
  136 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Mariya Hadya</a></h5>
  137 + <small>Hey, the party is on tonight!</small>
  138 + </div>
  139 + </div>
  140 + <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">
  141 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/8.jpg" class="img-circle"></a>
  142 + <div class="media-body">
  143 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  144 + <i class="fa fa-comments"></i> 4
  145 + </a>
  146 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Tahir Benedikt</a></h5>
  147 + <small>Hey, the party is on tonight!</small>
  148 + </div>
  149 + </div>
  150 + <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">
  151 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/9.jpg" class="img-circle"></a>
  152 + <div class="media-body">
  153 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  154 + <i class="fa fa-comments"></i> 4
  155 + </a>
  156 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Olayinka Kristin</a></h5>
  157 + <small>Hey, the party is on tonight!</small>
  158 + </div>
  159 + </div>
  160 + <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">
  161 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/10.jpg" class="img-circle"></a>
  162 + <div class="media-body">
  163 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  164 + <i class="fa fa-comments"></i> 4
  165 + </a>
  166 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Danko Nikodim</a></h5>
  167 + <small>Hey, the party is on tonight!</small>
  168 + </div>
  169 + </div>
  170 + <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">
  171 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/11.jpg" class="img-circle"></a>
  172 + <div class="media-body">
  173 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  174 + <i class="fa fa-comments"></i> 4
  175 + </a>
  176 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Zoja Aileas</a></h5>
  177 + <small>Hey, the party is on tonight!</small>
  178 + </div>
  179 + </div>
  180 + <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">
  181 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/12.jpg" class="img-circle"></a>
  182 + <div class="media-body">
  183 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  184 + <i class="fa fa-comments"></i> 4
  185 + </a>
  186 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Alphonsus Braidy</a></h5>
  187 + <small>Hey, the party is on tonight!</small>
  188 + </div>
  189 + </div>
  190 + <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">
  191 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/13.jpg" class="img-circle"></a>
  192 + <div class="media-body">
  193 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  194 + <i class="fa fa-comments"></i> 4
  195 + </a>
  196 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Helene Liana</a></h5>
  197 + <small>Hey, the party is on tonight!</small>
  198 + </div>
  199 + </div>
  200 + <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">
  201 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/14.jpg" class="img-circle"></a>
  202 + <div class="media-body">
  203 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  204 + <i class="fa fa-comments"></i> 4
  205 + </a>
  206 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Sebastian Niklas</a></h5>
  207 + <small>Hey, the party is on tonight!</small>
  208 + </div>
  209 + </div>
  210 + <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">
  211 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/15.jpg" class="img-circle"></a>
  212 + <div class="media-body">
  213 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  214 + <i class="fa fa-comments"></i> 4
  215 + </a>
  216 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Elvire Maya</a></h5>
  217 + <small>Hey, the party is on tonight!</small>
  218 + </div>
  219 + </div>
  220 + <div class="mix media border-bottom innerAll margin-none mix_all">
  221 + <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/16.jpg" class="img-circle"></a>
  222 + <div class="media-body">
  223 + <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">
  224 + <i class="fa fa-comments"></i> 4
  225 + </a>
  226 + <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Kerman Otakar</a></h5>
  227 + <small>Hey, the party is on tonight!</small>
  228 + </div>
  229 + </div>
  230 +
  231 + </li>
  232 + </ul>
  233 + </div>
  234 + </div>
  235 + </div>
  236 +
  237 + </div>
  238 +<div id="ascrail2001" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 0px; left: 245px; height: 518px; display: block; opacity: 0;"><div style="position: relative; top: 0px; float: right; width: 5px; height: 425px; background-color: rgb(37, 173, 159); border: none; background-clip: padding-box; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"></div></div></div>
user_chat_bar.html.erb
View file @7944081
@@ -1,238 +0,0 @@ @@ -1,238 +0,0 @@
1 -<div id="menu-right" class="sidr right" style="display: block; right: 0px;">  
2 - <div class="hasNiceScroll" tabindex="5001" style="overflow-y: hidden; outline: none;">  
3 - <button class="btn btn-inverse btn-xs btn-close" data-toggle="sidr-close" data-menu="menu-right"><i class="fa fa-times"></i></button>  
4 -  
5 - <div class="tab-content">  
6 - <div class="tab-pane" id="chat-conversation">  
7 - <ul>  
8 - <li>  
9 - <div class="innerAll"><button class="btn btn-primary" data-toggle="tab" data-target="#chat-list"><i class="fa fa-fw fa-user"></i> friends</button></div>  
10 - </li>  
11 - <li class="conversation innerAll">  
12 - <!-- Media item -->  
13 - <div class="media">  
14 - <small class="author"><a href="#" title="" class="strong">Jane Doe</a></small>  
15 - <div class="media-object pull-left"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/1.jpg" alt="Image" class="img-circle"></div>  
16 - <div class="media-body">  
17 - <blockquote>  
18 - <small class="date"><cite>just now</cite></small>  
19 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, sit?</p>  
20 - </blockquote>  
21 - </div>  
22 - </div>  
23 - <!-- // Media item END -->  
24 -  
25 - <!-- Media item -->  
26 - <div class="media primary right">  
27 - <small class="author"><a href="#" title="" class="strong">John Doe</a></small>  
28 - <div class="media-object pull-right"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/2.jpg" alt="Image" class="img-circle"></div>  
29 - <div class="media-body">  
30 - <blockquote class="pull-right">  
31 - <small class="date"><cite>15 seconds ago</cite></small>  
32 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, molestiae!</p>  
33 - </blockquote>  
34 - </div>  
35 - </div>  
36 - <!-- // Media item END -->  
37 -  
38 - <!-- Media item -->  
39 - <div class="media">  
40 - <small class="author"><a href="#" title="" class="strong">Ricky</a></small>  
41 - <div class="media-object pull-left"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/50/1.jpg" alt="Image" class="img-circle"></div>  
42 - <div class="media-body">  
43 - <blockquote>  
44 - <small class="date"><cite>5 minutes ago</cite></small>  
45 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, distinctio!</p>  
46 - </blockquote>  
47 - </div>  
48 - </div>  
49 - <!-- // Media item END -->  
50 - </li>  
51 - </ul>  
52 - </div>  
53 -  
54 - <div class="tab-pane active" id="chat-list">  
55 - <div class="mixitup" id="mixitup-chat" data-show-default="mixit-chat-1" data-layout-mode="list" data-target-selector=".mix" data-filter-selector=".filter-chat">  
56 - <ul>  
57 - <li class="category">Groups</li>  
58 - <li class="reset">  
59 - <div class="innerLR">  
60 - <ul>  
61 - <li class="filter-chat active" data-filter="mixit-chat-1"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-success"></span> Work Related</a></li>  
62 - <li class="filter-chat" data-filter="mixit-chat-2"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-primary"></span> Very Important</a></li>  
63 - <li class="filter-chat" data-filter="mixit-chat-3"><a href="" class="no-ajaxify"><span class="fa fa-fw fa-circle-o text-info"></span> Friends &amp; Family</a></li>  
64 - </ul>  
65 - </div>  
66 - </li>  
67 - <li class="category border-bottom">Online</li>  
68 - <li>  
69 -  
70 - <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">  
71 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/1.jpg" class="img-circle"></a>  
72 - <div class="media-body">  
73 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
74 - <i class="fa fa-comments"></i> 4  
75 - </a>  
76 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Perpetua Inger</a></h5>  
77 - <small>Hey, the party is on tonight!</small>  
78 - </div>  
79 - </div>  
80 - <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">  
81 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/2.jpg" class="img-circle"></a>  
82 - <div class="media-body">  
83 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
84 - <i class="fa fa-comments"></i> 4  
85 - </a>  
86 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Zoticus Axel</a></h5>  
87 - <small>Hey, the party is on tonight!</small>  
88 - </div>  
89 - </div>  
90 - <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">  
91 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/3.jpg" class="img-circle"></a>  
92 - <div class="media-body">  
93 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
94 - <i class="fa fa-comments"></i> 4  
95 - </a>  
96 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Yun Ragna</a></h5>  
97 - <small>Hey, the party is on tonight!</small>  
98 - </div>  
99 - </div>  
100 - <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">  
101 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/4.jpg" class="img-circle"></a>  
102 - <div class="media-body">  
103 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
104 - <i class="fa fa-comments"></i> 4  
105 - </a>  
106 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Victor Tacitus</a></h5>  
107 - <small>Hey, the party is on tonight!</small>  
108 - </div>  
109 - </div>  
110 - <div class="mixit-chat-1 mix media border-bottom innerAll margin-none mix_all" style="display: block; opacity: 1;">  
111 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/5.jpg" class="img-circle"></a>  
112 - <div class="media-body">  
113 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
114 - <i class="fa fa-comments"></i> 4  
115 - </a>  
116 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Arden Catharine</a></h5>  
117 - <small>Hey, the party is on tonight!</small>  
118 - </div>  
119 - </div>  
120 - <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">  
121 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/6.jpg" class="img-circle"></a>  
122 - <div class="media-body">  
123 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
124 - <i class="fa fa-comments"></i> 4  
125 - </a>  
126 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Mihovil Govinda</a></h5>  
127 - <small>Hey, the party is on tonight!</small>  
128 - </div>  
129 - </div>  
130 - <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">  
131 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/7.jpg" class="img-circle"></a>  
132 - <div class="media-body">  
133 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
134 - <i class="fa fa-comments"></i> 4  
135 - </a>  
136 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Mariya Hadya</a></h5>  
137 - <small>Hey, the party is on tonight!</small>  
138 - </div>  
139 - </div>  
140 - <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">  
141 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/8.jpg" class="img-circle"></a>  
142 - <div class="media-body">  
143 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
144 - <i class="fa fa-comments"></i> 4  
145 - </a>  
146 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Tahir Benedikt</a></h5>  
147 - <small>Hey, the party is on tonight!</small>  
148 - </div>  
149 - </div>  
150 - <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">  
151 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/9.jpg" class="img-circle"></a>  
152 - <div class="media-body">  
153 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
154 - <i class="fa fa-comments"></i> 4  
155 - </a>  
156 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Olayinka Kristin</a></h5>  
157 - <small>Hey, the party is on tonight!</small>  
158 - </div>  
159 - </div>  
160 - <div class="mixit-chat-2 mix media border-bottom innerAll margin-none mix_all">  
161 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/10.jpg" class="img-circle"></a>  
162 - <div class="media-body">  
163 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
164 - <i class="fa fa-comments"></i> 4  
165 - </a>  
166 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Danko Nikodim</a></h5>  
167 - <small>Hey, the party is on tonight!</small>  
168 - </div>  
169 - </div>  
170 - <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">  
171 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/11.jpg" class="img-circle"></a>  
172 - <div class="media-body">  
173 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
174 - <i class="fa fa-comments"></i> 4  
175 - </a>  
176 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Zoja Aileas</a></h5>  
177 - <small>Hey, the party is on tonight!</small>  
178 - </div>  
179 - </div>  
180 - <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">  
181 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/12.jpg" class="img-circle"></a>  
182 - <div class="media-body">  
183 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
184 - <i class="fa fa-comments"></i> 4  
185 - </a>  
186 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Alphonsus Braidy</a></h5>  
187 - <small>Hey, the party is on tonight!</small>  
188 - </div>  
189 - </div>  
190 - <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">  
191 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/13.jpg" class="img-circle"></a>  
192 - <div class="media-body">  
193 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
194 - <i class="fa fa-comments"></i> 4  
195 - </a>  
196 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Helene Liana</a></h5>  
197 - <small>Hey, the party is on tonight!</small>  
198 - </div>  
199 - </div>  
200 - <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">  
201 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/14.jpg" class="img-circle"></a>  
202 - <div class="media-body">  
203 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
204 - <i class="fa fa-comments"></i> 4  
205 - </a>  
206 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Sebastian Niklas</a></h5>  
207 - <small>Hey, the party is on tonight!</small>  
208 - </div>  
209 - </div>  
210 - <div class="mixit-chat-3 mix media border-bottom innerAll margin-none mix_all">  
211 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/15.jpg" class="img-circle"></a>  
212 - <div class="media-body">  
213 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
214 - <i class="fa fa-comments"></i> 4  
215 - </a>  
216 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Elvire Maya</a></h5>  
217 - <small>Hey, the party is on tonight!</small>  
218 - </div>  
219 - </div>  
220 - <div class="mix media border-bottom innerAll margin-none mix_all">  
221 - <a href="#chat-conversation" data-toggle="tab" class="pull-left media-object"><img src="http://cdn.mosaicpro.biz/social/php/assets/images/people/35/16.jpg" class="img-circle"></a>  
222 - <div class="media-body">  
223 - <a href="#chat-conversation" data-toggle="tab" class="pull-right text-muted innerT half">  
224 - <i class="fa fa-comments"></i> 4  
225 - </a>  
226 - <h5 class="margin-none"><a href="#chat-conversation" data-toggle="tab" class="text-white">Kerman Otakar</a></h5>  
227 - <small>Hey, the party is on tonight!</small>  
228 - </div>  
229 - </div>  
230 -  
231 - </li>  
232 - </ul>  
233 - </div>  
234 - </div>  
235 - </div>  
236 -  
237 - </div>  
238 -<div id="ascrail2001" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 0px; left: 245px; height: 518px; display: block; opacity: 0;"><div style="position: relative; top: 0px; float: right; width: 5px; height: 425px; background-color: rgb(37, 173, 159); border: none; background-clip: padding-box; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"></div></div></div>