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 8  
9 9 <%= render :file => File.join(File.dirname(__FILE__), "/user_bar") %>
10 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 17 <!-- Nova Barra de usuário -->
14 18 <div id="top-bar" class="top" >
... ...
unsed/user_chat_bar.html.erb 0 → 100644
  Diff comments   View file @b6ba24b
... ... @@ -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   -<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>