diff --git a/home.html b/home.html
index 1606520..e66ff9c 100644
--- a/home.html
+++ b/home.html
@@ -37,9 +37,9 @@
     <ul>
       <li class="userMenu-home current"><a href="home.html">
         <span class="selectable_theme theme_original label">Home</span>
-        <span class="selectable_theme theme_nin menu-news"></span>
+        <span class="selectable_theme theme_nin theme_nin_night menu-news"></span>
       </a></li>
-      <li class="userMenu-network selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
+      <li class="userMenu-network selectable_theme theme_original theme_nin theme_nin_night"><a class="label" href="network.html">Network</a></li>
       <li class="userMenu-config">
         <a class="userMenu-config-dropdown">
           <div class="config-menu dialog-modal">
@@ -99,7 +99,7 @@
   <!-- LADO ESQUERDO DE MÓDULOS INIT -->
     <div class="dashboard left">
       <!-- THEME NIN added sub-menu (mentions, messages and edit profile) -->
-      <ul class="mini-profile-indicators selectable_theme theme_nin">
+      <ul class="mini-profile-indicators selectable_theme theme_nin theme_nin_night">
         <li class="userMenu-connections">
           <a href="#" title="Mentions"><span class="messages-qtd" style="display:none;">0</span><span>Mentions</span></a>
         </li>
@@ -159,12 +159,12 @@
         <button class="postboard-news selectable_theme theme_original theme_calm" style="display: none;"></button>
       </h2>
       <!-- Tabs to switch between promoted post and normal posts-->
-      <ul class="promoted-posts-only promoted selectable_theme theme_nin">
+      <ul class="promoted-posts-only promoted selectable_theme theme_nin theme_nin_night">
         <li class="normal-posts active"><span>Normal posts</span></li>
         <li class="promoted-posts disabled"><span>Promoted posts</span></li>
       </ul>
       <!-- Post area on top of postboard -->
-      <div id="postboard-top" class=" selectable_theme theme_nin">
+      <div id="postboard-top" class=" selectable_theme theme_nin theme_nin_night">
         <div class="post-area">
           <form class="post-area-new">
             <textarea placeholder="New Post..."></textarea>
@@ -742,10 +742,10 @@
               <div class="profile-bio"></div>
               <div id="msngrswr">
                 <div id="toxbtnwr" class="profile-extra-contact">
-                  <a class="profile-tox"><span class="selectable_theme theme_nin">TOX</span></a><a class="tox-ctc"></a>
+                  <a class="profile-tox"><span class="selectable_theme theme_nin theme_nin_night">TOX</span></a><a class="tox-ctc"></a>
                 </div>
                 <div id="bmbtnwr" class="profile-extra-contact">
-                  <a class="profile-bitmessage"><span class="selectable_theme theme_nin">BitMessage</span></a><a class="bitmessage-ctc"></a>
+                  <a class="profile-bitmessage"><span class="selectable_theme theme_nin theme_nin_night">BitMessage</span></a><a class="bitmessage-ctc"></a>
                 </div>
               </div>
             </div>
diff --git a/js/interface_common.js b/js/interface_common.js
index 514c5be..9cf5489 100644
--- a/js/interface_common.js
+++ b/js/interface_common.js
@@ -2747,6 +2747,11 @@ function changeStyle() {
         // we use .ajax because .getScript requires 'unsafe-inline' CSP rule for now, see https://github.com/jquery/jquery/issues/3969
         $.ajax({dataType: 'text', url: 'theme_nin/js/theme_option.js'})
             .done(function(res) {eval(res);});
+    } else if (theme === 'nin_night') {
+        style = 'theme_nin_night/css/style.css';
+        profile = 'theme_nin_night/css/profile.css';
+        $.ajax({dataType: 'text', url: 'theme_nin_night/js/theme_option.js'})
+            .done(function(res) {eval(res);});
     } else if (theme === 'nin_original') {
         theme = 'nin'; // related to native theme in class definitions, so easiest way to integrate original version
         style = 'theme_nin_original/css/style.css';
diff --git a/js/twister_io.js b/js/twister_io.js
index ea39f16..c4058aa 100644
--- a/js/twister_io.js
+++ b/js/twister_io.js
@@ -432,6 +432,9 @@ function getAvatar(peerAlias, img) {
           case 'nin':
             avatar = 'theme_nin/img/tornado_avatar.png';
           break;
+          case 'nin_night':
+            avatar = 'theme_nin_night/img/tornado_avatar.png';
+          break;
           case 'nin_original':
             avatar = 'theme_nin_original/img/tornado_avatar.png';
           break;
diff --git a/network.html b/network.html
index 65d2aa4..32a352a 100644
--- a/network.html
+++ b/network.html
@@ -33,7 +33,7 @@
   <nav class="userMenu">
     <ul>
         <li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li>
-        <li class="userMenu-network current selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
+        <li class="userMenu-network current selectable_theme theme_original theme_nin theme_nin_night"><a class="label" href="network.html">Network</a></li>
         <li class="userMenu-config">
           <a class="userMenu-config-dropdown">
             <div class="config-menu dialog-modal">
@@ -58,7 +58,7 @@
     <div class="network singleBlock">
       <h2 class="selectable_theme theme_original theme_calm"> Network status </h2>
       <div class="module">
-        <h2 class="selectable_theme theme_nin"> Network status </h2>
+        <h2 class="selectable_theme theme_nin theme_nin_night"> Network status </h2>
         <h3> General information</h3>
         <ul>
           <li>
diff --git a/options.html b/options.html
index 46adac8..25768d8 100644
--- a/options.html
+++ b/options.html
@@ -100,6 +100,7 @@
                   <option value="original">Original</option>
                   <option value="calm">Calm</option>
                   <option value="nin">Nin Flat</option>
+                  <option value="nin_night">Nin Flat Night</option>
                   <option value="nin_original">Nin Original</option>
                 </select>
               </form>
diff --git a/theme_nin_night/css/fonts/BemioItalic.otf b/theme_nin_night/css/fonts/BemioItalic.otf
new file mode 100755
index 0000000..e8c5068
Binary files /dev/null and b/theme_nin_night/css/fonts/BemioItalic.otf differ
diff --git a/theme_nin_night/css/fonts/DroidSerif-Italic.ttf b/theme_nin_night/css/fonts/DroidSerif-Italic.ttf
new file mode 100755
index 0000000..689a1ba
Binary files /dev/null and b/theme_nin_night/css/fonts/DroidSerif-Italic.ttf differ
diff --git a/theme_nin_night/css/fonts/OpenSans-Bold.ttf b/theme_nin_night/css/fonts/OpenSans-Bold.ttf
new file mode 120000
index 0000000..1d555bc
--- /dev/null
+++ b/theme_nin_night/css/fonts/OpenSans-Bold.ttf
@@ -0,0 +1 @@
+../../../css/OpenSans-Bold.ttf
\ No newline at end of file
diff --git a/theme_nin_night/css/fonts/OpenSans-Regular.ttf b/theme_nin_night/css/fonts/OpenSans-Regular.ttf
new file mode 120000
index 0000000..40aabc0
--- /dev/null
+++ b/theme_nin_night/css/fonts/OpenSans-Regular.ttf
@@ -0,0 +1 @@
+../../../css/OpenSans-Regular.ttf
\ No newline at end of file
diff --git a/theme_nin_night/css/fonts/Symbola.ttf b/theme_nin_night/css/fonts/Symbola.ttf
new file mode 120000
index 0000000..c60fea3
--- /dev/null
+++ b/theme_nin_night/css/fonts/Symbola.ttf
@@ -0,0 +1 @@
+../../../css/Symbola.ttf
\ No newline at end of file
diff --git a/theme_nin_night/css/fonts/fontello/fontello.eot b/theme_nin_night/css/fonts/fontello/fontello.eot
new file mode 100755
index 0000000..d0b9396
Binary files /dev/null and b/theme_nin_night/css/fonts/fontello/fontello.eot differ
diff --git a/theme_nin_night/css/fonts/fontello/fontello.svg b/theme_nin_night/css/fonts/fontello/fontello.svg
new file mode 100755
index 0000000..8971aa7
--- /dev/null
+++ b/theme_nin_night/css/fonts/fontello/fontello.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="search" unicode="&#xe800;" d="m0 386q0 80 31 152t84 126 125 84 153 31 152-31 126-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51 0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 83-84 126-31 153z m143 0q0-103 73-177t177-73 176 73 74 177-74 176-176 74-177-74-73-176z" horiz-adv-x="928.6" />
+<glyph glyph-name="mail" unicode="&#xe801;" d="m467 366l-449 210 0 109 893 0 0-109z m0-123l444 210 0-437-893 0 0 438z" horiz-adv-x="928" />
+<glyph glyph-name="heart" unicode="&#xe802;" d="m0 517q0 123 71 192t196 70q34 0 70-12t67-33 54-38 42-38q20 20 42 38t54 38 67 33 70 12q125 0 196-70t71-192q0-123-128-251l-347-335q-10-10-25-10t-25 10l-348 336q-5 5-15 15t-31 36-38 55-30 67-13 77z" horiz-adv-x="1000" />
+<glyph glyph-name="star" unicode="&#xe803;" d="m0 489q0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26 0-12-15-27l-203-197 48-279q1-4 1-12 0-11-6-19t-17-9q-10 0-22 7l-251 132-250-132q-13-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27z" horiz-adv-x="928.6" />
+<glyph glyph-name="user" unicode="&#xe804;" d="m0 66q0 30 2 58t8 61 15 60 24 55 34 45 48 30 62 11q5 0 24-12t41-27 60-27 75-12 74 12 61 27 41 27 24 12q34 0 62-11t48-30 34-45 24-55 15-60 8-61 2-58q0-67-41-106t-108-39h-488q-67 0-108 39t-41 106z m179 498q0 89 62 152t152 63 151-63 63-152-63-151-151-63-152 63-62 151z" horiz-adv-x="785.7" />
+<glyph glyph-name="camera" unicode="&#xe805;" d="m0 64v500q0 59 42 101t101 42h125l28 76q11 27 39 47t58 20h286q29 0 57-20t39-47l29-76h125q59 0 101-42t41-101v-500q0-59-41-101t-101-42h-786q-59 0-101 42t-42 101z m286 250q0-103 73-176t177-74 176 74 74 176-74 177-176 73-177-73-73-177z m89 0q0 67 47 114t114 47 113-47 47-114-47-113-113-47-114 47-47 113z" horiz-adv-x="1071.4" />
+<glyph glyph-name="ok" unicode="&#xe806;" d="m68 332q0 22 15 38l76 76q16 16 38 16t38-16l164-165 366 367q16 16 38 16t38-16l76-76q15-16 15-38t-15-38l-404-404-76-76q-16-15-38-15t-38 15l-76 76-202 202q-15 16-15 38z" horiz-adv-x="1000" />
+<glyph glyph-name="cancel" unicode="&#xe807;" d="m61 112q0 23 16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38t-15-38l-76-76q-16-15-38-15t-38 15l-164 164-164-164q-16-15-38-15t-38 15l-76 76q-16 16-16 38z" horiz-adv-x="785.7" />
+<glyph glyph-name="plus" unicode="&#xe808;" d="m0 332v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q22 0 38-16t16-38v-107q0-22-16-38t-38-16h-232v-232q0-22-16-38t-38-15h-107q-22 0-38 15t-15 38v232h-232q-23 0-38 16t-16 38z" horiz-adv-x="785.7" />
+<glyph glyph-name="minus" unicode="&#xe809;" d="m0 332v107q0 23 16 38t38 16h678q22 0 38-16t16-38v-107q0-22-16-38t-38-15h-678q-23 0-38 15t-16 38z" horiz-adv-x="785.7" />
+<glyph glyph-name="down" unicode="&#xe80a;" d="m50 425q0 14 11 25l92 92q11 11 26 11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26z" horiz-adv-x="1000" />
+<glyph glyph-name="lock" unicode="&#xe80b;" d="m0 46v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 73-176v-108h18q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37z m179 375h285v108q0 59-42 101t-101 41-101-41-41-101v-108z" horiz-adv-x="642.9" />
+<glyph glyph-name="quote" unicode="&#xe80c;" d="m0 100v393q0 58 23 111t61 91 91 61 111 23h35q15 0 26-11t10-25v-72q0-14-10-25t-26-10h-35q-59 0-101-42t-42-101v-18q0-22 16-38t37-16h125q45 0 76-31t32-76v-214q0-45-32-76t-76-31h-214q-44 0-76 31t-31 76z m500 0v393q0 58 23 111t61 91 91 61 111 23h35q15 0 26-11t10-25v-72q0-14-10-25t-26-10h-35q-59 0-101-42t-42-101v-18q0-22 15-38t38-16h125q45 0 76-31t32-76v-214q0-45-32-76t-76-31h-214q-44 0-76 31t-31 76z" horiz-adv-x="928.6" />
+<glyph glyph-name="comment" unicode="&#xe80d;" d="m0 350q0 73 40 139t106 114 160 76 194 28q136 0 251-48t182-130 67-179-67-179-182-130-251-48q-39 0-81 4-110-97-257-135-27-7-63-12-10-1-17 5t-10 16v1q-2 2 0 7t1 5 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157z" horiz-adv-x="1000" />
+<glyph glyph-name="chat" unicode="&#xe80e;" d="m0 421q0 78 53 144t143 104 197 38 197-38 143-104 53-144-53-143-143-104-197-38q-48 0-98 9-70-50-155-72-21-5-48-9h-2q-6 0-12 5t-6 11q-1 2-1 4t1 4 1 3l1 3t2 3 2 3 3 2 2 3q3 3 13 14t15 16 12 17 14 21 11 25q-69 40-108 98t-40 125z m344-354q32-3 49-3 90 0 172 25t148 72q69 52 107 119t37 141q0 43-13 85 72-39 114-99t42-128q0-67-40-126t-108-98q5-14 11-25t14-21 13-16 14-17 13-14q0 0 2-2t3-3 2-3 2-3l1-3t1-3 1-4-1-3q-2-8-7-13t-13-4q-27 4-48 9-85 23-155 72-50-9-98-9-151 0-263 74z" horiz-adv-x="1000" />
+<glyph glyph-name="left" unicode="&#xe80f;" d="m86 386q0 14 11 25l414 414q10 10 25 10t25-10l92-93q11-10 11-25t-11-25l-296-296 296-297q11-10 11-25t-11-25l-92-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25z" horiz-adv-x="714.3" />
+<glyph glyph-name="right" unicode="&#xe810;" d="m50 64q0 15 11 25l296 297-296 296q-11 11-11 25t11 25l92 93q11 10 26 10t25-10l414-414q10-11 10-25t-10-25l-414-414q-11-11-25-11t-26 11l-92 92q-11 11-11 25z" horiz-adv-x="714.3" />
+<glyph glyph-name="up" unicode="&#xe811;" d="m50 133q0 14 11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-26 10l-92 92q-11 11-11 26z" horiz-adv-x="1000" />
+<glyph glyph-name="cog" unicode="&#xe812;" d="m0 299v103q0 6 4 11t9 6l86 14q7 19 18 42-19 27-50 64-4 6-4 11 0 7 4 12 12 16 46 49t44 33q6 0 12-4l64-50q19 10 43 18 6 60 13 86 3 13 16 13h104q6 0 11-4t6-10l13-85q19-6 41-17l66 49q5 4 11 4 7 0 12-4 81-75 81-90 0-5-4-10-7-9-24-30t-25-34q13-27 19-46l85-12q5-2 9-6t4-11v-103q0-6-4-11t-9-6l-86-14q-6-19-18-42 19-27 50-64 4-6 4-11 0-7-4-11-13-17-46-50t-44-33q-6 0-11 4l-64 50q-21-11-43-17-6-60-13-87-4-13-17-13h-104q-6 0-11 4t-5 10l-13 85q-19 6-42 18l-66-50q-4-4-11-4-6 0-12 4-80 75-80 90 0 5 4 10 5 8 23 30t26 34q-13 24-20 46l-85 13q-5 1-9 5t-4 11z m214 51q0-59 42-101t101-42 101 42 42 101-42 101-101 42-101-42-42-101z m429-325v78q0 9 83 18 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-38q12 1 17 1t17-1q28 40 51 63l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-9 83-18v-78q0-9-83-17-6-15-16-29 28-63 28-77 0-2-2-4-68-40-69-40-5 0-26 27t-29 37q-11-1-17-1t-17 1q-7-11-29-37t-25-27q-1 0-69 40-3 2-3 4 0 14 29 77-10 14-17 29-83 8-83 17z m0 572v78q0 9 83 17 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-38q12 2 17 2t17-2q28 40 51 63l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-8 83-17v-78q0-9-83-18-6-15-16-29 28-63 28-77 0-2-2-4-68-39-69-39-5 0-26 26t-29 38q-11-1-17-1t-17 1q-7-12-29-38t-25-26q-1 0-69 39-3 2-3 4 0 14 29 77-10 14-17 29-83 9-83 18z m143-533q0-29 21-50t50-21 51 21 21 50q0 29-22 51t-50 21-50-21-21-51z m0 572q0-30 21-51t50-21 51 21 21 51q0 29-22 50t-50 21-50-21-21-50z" horiz-adv-x="1071.4" />
+<glyph glyph-name="doc" unicode="&#xe813;" d="m0-96v892q0 23 16 38t38 16h446v-304q0-22 16-38t38-15h303v-589q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38z m571 660v264q13-8 21-16l227-228q8-7 16-20h-264z" horiz-adv-x="857.1" />
+<glyph glyph-name="arrows" unicode="&#xe814;" d="m0-7v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-37 90-57t105-20q74 0 139 37t104 99q6 10 29 66 5 13 17 13h107q8 0 13-6t5-12q0-3 0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 25z m10 446v4q36 150 151 243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-11 10-25v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12z" horiz-adv-x="857.1" />
+<glyph glyph-name="twistagain" unicode="&#xe815;" d="m0 386q0 13 8 23l179 214q11 12 27 12t28-12l178-214q9-10 9-23 0-15-11-25t-25-11h-107v-214h321q9 0 14-6l89-108q4-6 4-11 0-8-5-13t-13-5h-535q-5 0-8 1t-5 4-3 4-2 7 0 6v335h-107q-15 0-25 11t-11 25z m357 232q0 7 5 12t13 6h536q4 0 7-1t5-4 3-5 2-6 1-7v-334h107q14 0 25-11t10-25q0-14-8-23l-179-214q-11-13-27-13t-27 13l-179 214q-8 9-8 23 0 14 10 25t26 11h107v214h-322q-9 0-14 7l-89 107q-4 5-4 11z" horiz-adv-x="1071.4" />
+<glyph glyph-name="bell" unicode="&#xe816;" d="m632 426q16-34 40-52t45-22 44-23 35-55q22-62-74-161t-252-157q-164-58-297-45t-155 75q-20 54 12 111t18 111q-56 192-47 300t113 192q26 22 29 51t29 39q24 8 46-12t56-18q132 2 198-66t160-268z m-186-404q88 32 159 85t100 91 25 50q-8 22-49 33t-124 1-187-48q-102-38-173-87t-94-84-17-53q4-12 50-22t134-4 176 38z m-62 174q8 2 21 7t17 7l2-2q14-40-17-83t-89-63q-96-36-152 14 78 68 218 120z" horiz-adv-x="800" />
+</font>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/theme_nin_night/css/fonts/fontello/fontello.ttf b/theme_nin_night/css/fonts/fontello/fontello.ttf
new file mode 100755
index 0000000..4c9d5d7
Binary files /dev/null and b/theme_nin_night/css/fonts/fontello/fontello.ttf differ
diff --git a/theme_nin_night/css/fonts/fontello/fontello.woff b/theme_nin_night/css/fonts/fontello/fontello.woff
new file mode 100755
index 0000000..e1626f4
Binary files /dev/null and b/theme_nin_night/css/fonts/fontello/fontello.woff differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Black.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Black.ttf
new file mode 100755
index 0000000..71f01ac
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Black.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-BlackItalic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-BlackItalic.ttf
new file mode 100755
index 0000000..ec309c7
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-BlackItalic.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Bold.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Bold.ttf
new file mode 100755
index 0000000..aaf374d
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Bold.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-BoldItalic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-BoldItalic.ttf
new file mode 100755
index 0000000..dcd0f80
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-BoldItalic.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Italic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Italic.ttf
new file mode 100755
index 0000000..f382c68
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Italic.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Light.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Light.ttf
new file mode 100755
index 0000000..664e1b2
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Light.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-LightItalic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-LightItalic.ttf
new file mode 100755
index 0000000..b8f5296
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-LightItalic.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Medium.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Medium.ttf
new file mode 100755
index 0000000..aa00de0
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Medium.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-MediumItalic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-MediumItalic.ttf
new file mode 100755
index 0000000..67e25f0
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-MediumItalic.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Regular.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Regular.ttf
new file mode 100755
index 0000000..3e6e2e7
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Regular.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-Thin.ttf b/theme_nin_night/css/fonts/roboto/Roboto-Thin.ttf
new file mode 100755
index 0000000..d262d14
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-Thin.ttf differ
diff --git a/theme_nin_night/css/fonts/roboto/Roboto-ThinItalic.ttf b/theme_nin_night/css/fonts/roboto/Roboto-ThinItalic.ttf
new file mode 100755
index 0000000..63e9f97
Binary files /dev/null and b/theme_nin_night/css/fonts/roboto/Roboto-ThinItalic.ttf differ
diff --git a/theme_nin_night/css/images/ajax-loader.gif b/theme_nin_night/css/images/ajax-loader.gif
new file mode 120000
index 0000000..33a138d
--- /dev/null
+++ b/theme_nin_night/css/images/ajax-loader.gif
@@ -0,0 +1 @@
+../../../css/images/ajax-loader.gif
\ No newline at end of file
diff --git a/theme_nin_night/css/images/icons-18-black.png b/theme_nin_night/css/images/icons-18-black.png
new file mode 120000
index 0000000..f6b030e
--- /dev/null
+++ b/theme_nin_night/css/images/icons-18-black.png
@@ -0,0 +1 @@
+../../../css/images/icons-18-black.png
\ No newline at end of file
diff --git a/theme_nin_night/css/images/icons-18-white.png b/theme_nin_night/css/images/icons-18-white.png
new file mode 120000
index 0000000..848918c
--- /dev/null
+++ b/theme_nin_night/css/images/icons-18-white.png
@@ -0,0 +1 @@
+../../../css/images/icons-18-white.png
\ No newline at end of file
diff --git a/theme_nin_night/css/images/icons-36-black.png b/theme_nin_night/css/images/icons-36-black.png
new file mode 120000
index 0000000..cc27e8a
--- /dev/null
+++ b/theme_nin_night/css/images/icons-36-black.png
@@ -0,0 +1 @@
+../../../css/images/icons-36-black.png
\ No newline at end of file
diff --git a/theme_nin_night/css/images/icons-36-white.png b/theme_nin_night/css/images/icons-36-white.png
new file mode 120000
index 0000000..5d5fdb3
--- /dev/null
+++ b/theme_nin_night/css/images/icons-36-white.png
@@ -0,0 +1 @@
+../../../css/images/icons-36-white.png
\ No newline at end of file
diff --git a/theme_nin_night/css/jquery.mobile-1.3.2.min.css b/theme_nin_night/css/jquery.mobile-1.3.2.min.css
new file mode 120000
index 0000000..b37c1f8
--- /dev/null
+++ b/theme_nin_night/css/jquery.mobile-1.3.2.min.css
@@ -0,0 +1 @@
+../../css/jquery.mobile-1.3.2.min.css
\ No newline at end of file
diff --git a/theme_nin_night/css/profile.css b/theme_nin_night/css/profile.css
new file mode 100755
index 0000000..e69de29
diff --git a/theme_nin_night/css/style.css b/theme_nin_night/css/style.css
new file mode 100644
index 0000000..7133c8b
--- /dev/null
+++ b/theme_nin_night/css/style.css
@@ -0,0 +1,3627 @@
+@charset "UTF-8";
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-Regular.ttf");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-Medium.ttf");
+  font-weight: 500;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-Bold.ttf");
+  font-weight: 700;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-Black.ttf");
+  font-weight: 900;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-Italic.ttf");
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Droid";
+  src: url("fonts/DroidSerif-Italic.ttf");
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-MediumItalic.ttf");
+  font-weight: 500;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Roboto";
+  src: url("fonts/roboto/Roboto-BoldItalic.ttf");
+  font-weight: 700;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Bemio";
+  src: url("fonts/BemioItalic.otf");
+}
+/******* fontello ****** */
+@font-face {
+  font-family: "fontello";
+  src: url("fonts/fontello/fontello.eot?7584488");
+  src: url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"), url("fonts/fontello/fontello.woff?7584488") format("woff"), url("fonts/fontello/fontello.ttf?7584488") format("truetype"), url("fonts/fontello/fontello.svg?7584488#fontello") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+/* line 64, ../sass/_fonts.sass */
+[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-rt-icon:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: 3px;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+  margin-left: 2px;
+}
+
+/* line 80, ../sass/_fonts.sass */
+.icon-search:before {
+  content: "";
+}
+
+/* '' */
+/* line 85, ../sass/_fonts.sass */
+.icon-mail:before, .mini-profile-indicators .userMenu-messages a:before {
+  content: "";
+}
+
+/* '' */
+/* line 90, ../sass/_fonts.sass */
+.icon-heart:before {
+  content: "";
+}
+
+/* '' */
+/* line 95, ../sass/_fonts.sass */
+.icon-star:before, .post-favorite:before {
+  content: "";
+}
+
+/* '' */
+/* line 105, ../sass/_fonts.sass */
+.icon-camera:before {
+  content: "";
+}
+
+/* '' */
+/* line 110, ../sass/_fonts.sass */
+.icon-ok:before, .mark-all-as-read:before {
+  content: "";
+}
+
+/* '' */
+/* line 115, ../sass/_fonts.sass */
+.icon-cancel:before, .twister-user-remove:before, .modal-close:before {
+  content: "";
+}
+
+/* '' */
+/* line 120, ../sass/_fonts.sass */
+.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button.follow:before {
+  content: "";
+}
+
+/* '' */
+/* line 125, ../sass/_fonts.sass */
+.icon-minus:before, ul.userMenu-search-profiles button.unfollow:before {
+  content: "";
+}
+
+/* '' */
+/* line 130, ../sass/_fonts.sass */
+.icon-down:before {
+  content: "";
+}
+
+/* line 133, ../sass/_fonts.sass */
+.icon-down-after:after {
+  content: "";
+}
+
+/* '' */
+/* line 138, ../sass/_fonts.sass */
+.icon-lock:before {
+  content: "";
+}
+
+/* '' */
+/* line 143, ../sass/_fonts.sass */
+.icon-quote:before {
+  content: "";
+}
+
+/* '' */
+/* line 148, ../sass/_fonts.sass */
+.icon-comment:before, .post-reply:before {
+  content: "";
+}
+
+/* '' */
+/* line 153, ../sass/_fonts.sass */
+.icon-chat:before, .post .show-more:before {
+  content: "";
+}
+
+/* '' */
+/* line 158, ../sass/_fonts.sass */
+.icon-left:before, .modal-back:before {
+  content: "";
+}
+
+/* '' */
+/* line 163, ../sass/_fonts.sass */
+.icon-right:before {
+  content: "";
+}
+
+/* '' */
+/* line 168, ../sass/_fonts.sass */
+.icon-up:before {
+  content: "";
+}
+
+/* '' */
+/* line 173, ../sass/_fonts.sass */
+.icon-cog:before, .userMenu li.userMenu-config > a:before {
+  content: "";
+}
+
+/* '' */
+/* line 178, ../sass/_fonts.sass */
+.icon-doc:before {
+  content: "";
+}
+
+/* '' */
+/* line 183, ../sass/_fonts.sass */
+.icon-arrows:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
+  content: "";
+}
+
+/* '' */
+/* line 188, ../sass/_fonts.sass */
+.icon-twistagain:before, .post-rt-icon:before, .post-propagate:before {
+  content: "";
+}
+
+/* '' */
+/* line 193, ../sass/_fonts.sass */
+.icon-bell:before, .mini-profile-indicators .userMenu-connections a:before {
+  content: "";
+}
+
+/* '' */
+/* line 5, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* line 22, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html {
+  line-height: 1;
+}
+
+/* line 24, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 26, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 28, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 30, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 103, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 32, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 116, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block;
+}
+
+samp {
+    background-color: #000;
+    padding: 4px 6px;
+}
+
+/* FONTS */
+/* line 2, ../sass/_utils.sass */
+.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .twistday-reminder li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .toptrends ol:after, .twistday-reminder ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* line 2, ../sass/_menu.sass */
+.userMenu {
+  width: 100%;
+  position: fixed;
+  left: 0;
+  margin: 0;
+  height: 50px;
+  background: #2a2d36;
+  z-index: 2;
+}
+/* line 10, ../sass/_menu.sass */
+.userMenu ul {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 1180px;
+  max-width: 100%;
+  margin: auto;
+  background: url('/theme_nin/img/twister_logo.png?1421423397') no-repeat 50% 50%;
+  background-size: 20px;
+}
+/* line 18, ../sass/_menu.sass */
+.userMenu ul li {
+  float: left;
+  margin: 0 20px 0 0;
+  position: relative;
+  display: block;
+}
+/* line 23, ../sass/_menu.sass */
+.userMenu ul li > a {
+  line-height: 50px;
+  height: 50px;
+  padding: 0 0.5em;
+  display: inline-block;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 1.1em;
+  transition: all 0.2s linear;
+  position: relative;
+  font-weight: 500;
+  border-bottom: 3px solid transparent;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/* line 35, ../sass/_menu.sass */
+.userMenu ul li > a:hover {
+  color: white;
+}
+/* line 37, ../sass/_menu.sass */
+.userMenu ul li.current > a {
+  color: white;
+  border-bottom: 3px solid #2b2e35;
+}
+
+/* Menu specific entries */
+/* line 47, ../sass/_menu.sass */
+.userMenu li.userMenu-home a span.label {
+  display: block !important;
+}
+/* line 50, ../sass/_menu.sass */
+.userMenu li.userMenu-home .menu-news {
+  position: absolute;
+  top: 6px;
+  right: -6px;
+  background: #2b2e35;
+  color: #fff;
+  padding: 1px 3px;
+  line-height: 12px;
+  display: none;
+  font-size: 9px;
+  font-weight: 700;
+  border-radius: 2px;
+}
+/* line 62, ../sass/_menu.sass */
+.userMenu li.userMenu-home .menu-news.show {
+  display: block;
+}
+/* line 65, ../sass/_menu.sass */
+.userMenu li.userMenu-dhtindicator, .userMenu li.userMenu-connections,
+.userMenu li.userMenu-messages, .userMenu li.userMenu-groupmessages {
+  display: none !important;
+}
+/* line 68, ../sass/_menu.sass */
+.userMenu li.userMenu-config, .userMenu li.userMenu-search {
+  float: right;
+  position: relative;
+  margin-right: 0;
+  color: white;
+  cursor: pointer
+}
+/* line 73, ../sass/_menu.sass */
+.userMenu li.userMenu-config + a, .userMenu li.userMenu-search + a {
+  color: #9d9ea3;
+}
+/* line 75, ../sass/_menu.sass */
+.userMenu li.userMenu-search {
+  padding-top: 5px;
+}
+/* line 77, ../sass/_menu.sass */
+.userMenu li.userMenu-config > a {
+  font-size: 1.5em;
+}
+
+.userMenu li.userMenu-favs > a {
+    padding: 0 14px;
+    opacity: 1;
+}
+
+.userMenu li.userMenu-favs > a:before {
+    content: '★';
+    font-size: 24px;
+}
+/*************************************
+************ PROFILE MODAL ***********
+**************************************/
+
+/* line 17, ../sass/_profile.sass */
+.modal-wrapper.profile-modal {
+  width: 980px;
+  max-width: 98%;
+  height: 580px;
+  margin: -290px 0 0 -490px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+/* line 25, ../sass/_profile.sass */
+.modal-wrapper.profile-modal h3 {
+  display: none;
+}
+/* line 28, ../sass/_profile.sass */
+.profile-modal .profile-data {
+  display: block;
+  margin: auto;
+  padding-top: 0;
+}
+/* line 34, ../sass/_profile.sass */
+.profile-modal .profile-data li {
+  display: inline;
+  margin: 0 5px;
+  float: none;
+}
+/* line 38, ../sass/_profile.sass */
+.profile-modal .profile-data li a {
+  display: inline;
+}
+/* line 41, ../sass/_profile.sass */
+.profile-modal .profile-data li a span.posts-count, .profile-modal .profile-data li a span.following-count, .profile-modal .profile-data li a span.followers-count {
+  display: inline-block;
+  padding-right: 5px;
+}
+/* line 46, ../sass/_profile.sass */
+.profile-modal .modal-content {
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  background: #31343d
+}
+/* line 51, ../sass/_profile.sass */
+.profile-modal .modal-content #profile-posts {
+  padding: 0;
+}
+/* line 54, ../sass/_profile.sass */
+.profile-modal .modal-content .postboard, .profile-modal .modal-content .members {
+  margin-left: 0;
+  height: 100%;
+  bottom: 0;
+  position: relative;
+  float: right;
+  width: 619px !important;
+}
+/* line 63, ../sass/_profile.sass */
+.profile-modal .modal-content .postboard-posts {
+  display: block;
+  height: 100%;
+  overflow-y: auto;
+}
+/* line 67, ../sass/_profile.sass */
+.profile-modal .modal-content .postboard-posts .post {
+  padding: 0;
+}
+/* line 69, ../sass/_profile.sass */
+.profile-modal .modal-content .post-interactions {
+  margin: 2px 10px 3px 60px;
+}
+/* line 71, ../sass/_profile.sass */
+.profile-modal .modal-content .profile-card {
+  margin: 0;
+  padding: 0;
+}
+
+.profile-modal .modal-content .members {
+    overflow-y: auto;
+}
+
+/* line 76, ../sass/_profile.sass */
+.profile-modal h2.profile-screen-name {
+  display: block;
+  letter-spacing: 0;
+  text-transform: none;
+  color: #b3b5b7;
+  padding: 5px 0;
+  margin: 0;
+  font-size: 13px;
+  line-height: 13px;
+}
+
+/* Profile card */
+/* line 89, ../sass/_profile.sass */
+.profile-card {
+  height: 100%;
+  background: #393c45;
+}
+
+/* line 92, ../sass/_profile.sass */
+.profile-card-main {
+  position: relative;
+  text-align: center;
+  word-wrap: break-word;
+  transition: all 0.2s linear;
+  background: none !important;
+  padding: 10px;
+}
+/* line 101, ../sass/_profile.sass */
+.profile-card-main h1 {
+  font-size: 22px;
+  font-weight: bold;
+  display: inline-block;
+  padding-top: 10px;
+}
+/* line 107, ../sass/_profile.sass */
+.profile-card-main:before {
+  content: "";
+  border: solid 0px #fff;
+  transition: all 0.2s linear;
+  position: absolute;
+  left: 1px;
+  top: 1px;
+  right: 1px;
+  bottom: 1px;
+  z-index: 0;
+}
+/* line 117, ../sass/_profile.sass */
+.profile-card-main * {
+  position: relative;
+  z-index: 1;
+}
+
+/* line 121, ../sass/_profile.sass */
+.profile-card-photo {
+  height: 75px;
+  margin: 0 auto;
+  display: block;
+  width: auto;
+}
+
+/* line 134, ../sass/_profile.sass */
+.profile-bio {
+  padding: 10px;
+  font-style: italic;
+  text-align: center;
+}
+
+/* line 140, ../sass/_profile.sass */
+.profile-card {
+  float: left;
+  width: 360px;
+  position: relative;
+  padding: 15px;
+}
+/* line 146, ../sass/_profile.sass */
+.profile-card .direct-messages-with-user, .profile-card .follow, .profile-card .unfollow {
+  display: inline-block;
+  position: static;
+}
+/* line 150, ../sass/_profile.sass */
+.profile-card .isFollowing:after {
+  font-size: 15px;
+  position: absolute;
+}
+/* line 154, ../sass/_profile.sass */
+.profile-card .unfollow {
+  background: #ecb03f;
+}
+/* line 157, ../sass/_profile.sass */
+.profile-card .twister-user-info {
+  text-align: center;
+  width: 100%;
+  padding: 0;
+}
+/* line 163, ../sass/_profile.sass */
+.profile-card .follow {
+  background: #2b2e35;
+}
+/* line 166, ../sass/_profile.sass */
+.profile-card .known-followers {
+  text-align: center;
+  clear: both;
+  width: 100%;
+}
+
+/* line 172, ../sass/_profile.sass */
+#msngrswr {
+  display: none;
+  text-align: center;
+  margin: 10px 0;
+}
+
+/* line 177, ../sass/_profile.sass */
+.profile-extra-contact {
+  display: none;
+  margin: 0 15px 0 0;
+  font-weight: 500;
+  background: #f3f2f1;
+  padding: 2px 8px 3px 8px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+
+/* line 186, ../sass/_profile.sass */
+.bitmessage-ctc, .tox-ctc {
+  font-size: 13px;
+  line-height: 15px;
+  cursor: pointer;
+  color: #9d9ea3;
+}
+/* line 191, ../sass/_profile.sass */
+.bitmessage-ctc:hover, .tox-ctc:hover {
+  color: #2b2e35;
+}
+
+/* line 194, ../sass/_profile.sass */
+.bitmessage-ctc:after, .tox-ctc:after {
+  font-family: "fontello";
+  content: "";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+}
+
+/* line 209, ../sass/_profile.sass */
+.profile-modal .profile-tox, .profile-modal .profile-bitmessage {
+  display: inline-block;
+  margin-right: 5px;
+  font-size: 13px;
+}
+/* line 213, ../sass/_profile.sass */
+.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover {
+  color: #2b2e35;
+}
+
+/* line 266, ../sass/_profile.sass */
+.selectable_theme.theme_calm {
+  display: none;
+}
+
+/*************************************
+************ ACCOUNT MODAL ***********
+**************************************/
+
+.account-modal.modal-wrapper {
+    width: 580px;
+    height: 394px;
+    margin: -197px 0 0 -290px;
+}
+
+.account-modal .modal-content {
+    padding: 0;
+}
+
+.account-modal .module {
+    margin: 4px;
+}
+
+.account-modal .module > div {
+    margin: 4px 0;
+    padding: 4px 12px;
+}
+
+.account-modal input, .account-modal textarea {
+    display: block;
+    border: 1px solid rgba(0, 0, 0, .1);
+    width: 320px;
+    margin: 12px 16px;
+    padding: 2px 4px;
+}
+
+.account-modal textarea {
+    width: 320px;
+    max-width: 320px;
+    min-width: 320px;
+    min-height: 28px;
+}
+
+.account-modal input:focus, .account-modal textarea:focus {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.account-modal .alias {
+    margin: 0px 16px;
+}
+
+.account-modal .avatar {
+    position: absolute;
+    right: 12px;
+    top: 42px;
+    cursor: pointer;
+    width: 64px;
+    height: 64px;
+    overflow: hidden;
+    margin: 12px 16px;
+}
+
+.account-modal .avatar img {
+    width: 64px;
+    height: auto;
+    border: 1px solid rgba(0, 0, 0, .1);
+}
+
+.account-modal .c-buttons {
+    text-align: right;
+}
+
+.account-modal .toggle-secret-key {
+    float: left;
+}
+
+.account-modal .secret-key-container {
+    text-align: center;
+    font-size: 12px;
+}
+
+.account-modal .secret-key {
+    background-color: white;
+    font-weight: bold;
+}
+
+/************* POST BOARD ************ */
+/* line 3, ../sass/_postboard.sass */
+.postboard, .following {
+  padding-left: 330px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 850px;
+}
+
+/* line 10, ../sass/_postboard.sass */
+.postboard-posts {
+  position: relative;
+  z-index: 1;
+  clear: both;
+}
+
+/* line 15, ../sass/_postboard.sass */
+.postboard-news {
+  font-size: 12px;
+  box-sizing: border-box;
+  position: relative;
+  margin-bottom: 1px;
+  cursor: pointer;
+  padding: 10px;
+  font-weight: 900;
+  clear: both;
+  color: white;
+  text-align: center;
+  text-transform: uppercase;
+  background: #2b2e35;
+}
+
+/* line 30, ../sass/_postboard.sass */
+.post, .following li {
+  background: #393c45;
+  box-sizing: border-box;
+  position: relative;
+  margin-bottom: 1px;
+  transition: margin 0.4s ease-out;
+  -moz-transition: margin 0.4s ease-out;
+}
+/* line 41, ../sass/_postboard.sass */
+.post .post, .post .original.post, .post .post.open, .post .mini-profile .post.post-area-new, .mini-profile .post .post.post-area-new, .post #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .post .post.post-area-new, .following li .post, .following li .original.post, .following li .post.open, .following li .mini-profile .post.post-area-new, .mini-profile .following li .post.post-area-new, .following li #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .following li .post.post-area-new {
+  background: #393c45;
+  position: relative;
+  margin-bottom: 1px;
+}
+
+/* line 50, ../sass/_postboard.sass */
+.module.open .post, .mini-profile .module.post-area-new .post, #postboard-top .post-area .module.post-area-new .post {
+  color: #b0b0b0;
+}
+
+/* line 52, ../sass/_postboard.sass */
+.post:hover {
+  color: #b0b0b0;
+}
+
+.post.new .post-info-time {
+    color: #2b2e35;
+}
+
+.post.promoted > .post-data .post-text::after {
+    font-size: 8px;
+    color: #FFF;
+    background-color: #2b2e35CC;
+    margin: 0px 8px;
+    padding: 2px 4px;
+    content: attr(data-promoted);
+}
+
+.post.promoted > .post-data:hover .post-text::after {
+    background-color: #2b2e35;
+}
+
+/* line 55, ../sass/_postboard.sass */
+.post-data {
+  padding: 10px;
+}
+
+/* line 60, ../sass/_postboard.sass */
+.post.open .original, .mini-profile .post.post-area-new .original, #postboard-top .post-area .post.post-area-new .original, .post.open .related, .mini-profile .post.post-area-new .related, #postboard-top .post-area .post.post-area-new .related {
+  margin-bottom: 1px;
+}
+
+/* line 64, ../sass/_postboard.sass */
+.postboard-posts > .post.open, .mini-profile .postboard-posts > .post.post-area-new, #postboard-top .post-area .postboard-posts > .post.post-area-new {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+/* line 67, ../sass/_postboard.sass */
+.postboard-posts > .post:after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 0;
+  height: 100%;
+  transition: all 0.2s linear;
+}
+/* line 75, ../sass/_postboard.sass */
+.postboard-posts > .post.open:after, .mini-profile .postboard-posts > .post.post-area-new:after, #postboard-top .post-area .postboard-posts > .post.post-area-new:after {
+  width: 5px;
+}
+
+/* line 78, ../sass/_postboard.sass */
+.post:hover {
+  cursor: pointer;
+}
+
+/* line 82, ../sass/_postboard.sass */
+.open, .mini-profile .post-area-new, #postboard-top .post-area .post-area-new {
+  background: none;
+}
+/* line 84, ../sass/_postboard.sass */
+.open:hover, .mini-profile .post-area-new:hover, #postboard-top .post-area .post-area-new:hover {
+  background: none;
+}
+
+/* line 87, ../sass/_postboard.sass */
+.post-photo {
+  margin: 0;
+  display: inline-block;
+  float: left;
+  vertical-align: middle;
+  width: 48px;
+  height: 48px;
+  overflow: hidden;
+}
+/* line 95, ../sass/_postboard.sass */
+.post-photo img {
+  width: 100%;
+  height: 100%;
+}
+
+/* line 102, ../sass/_postboard.sass */
+.post-info-name {
+  font-weight: 700;
+  font-size: 1em;
+  line-height: 14px;
+  color: inherit;
+  text-decoration: none;
+  display: inline-block;
+  padding-left: 10px;
+  float: left;
+  color: rgba(255, 255, 255, 0.7)
+}
+
+.post-info-name:hover {
+  color: #fff!important
+}
+
+/* line 113, ../sass/_postboard.sass */
+.post-info-name:hover {
+  text-decoration: none;
+  color: #ecb03f;
+}
+
+/* line 117, ../sass/_postboard.sass */
+.post-info-tag {
+  font-size: 12px;
+  opacity: 0.6;
+  margin-top: 4px;
+  display: inline-block;
+}
+
+/* line 123, ../sass/_postboard.sass */
+.post-info-time {
+  float: right;
+  font-size: 11px;
+  line-height: 14px;
+  text-decoration: none;
+  color: #b3b5b7;
+}
+/* line 129, ../sass/_postboard.sass */
+.post-info-time:hover {
+  color: #b3b5b7;
+}
+
+/* line 132, ../sass/_postboard.sass */
+.post-text {
+  margin: 0 0 0 58px;
+  word-wrap: break-word;
+  min-height: 25px;
+  padding: 0;
+}
+
+/* line 138, ../sass/_postboard.sass */
+.post-context {
+  font-size: 11px;
+  line-height: 11px;
+  color: #b3b5b7;
+  margin: 2px 8px 4px 62px;
+}
+
+.post-rt-by {
+    margin: 0 0 1em;
+}
+
+.post-rt-by div {
+    display: inline;
+}
+
+.post-rt-by .prep:before,
+.post-rt-by .prep:after {
+    content: ' ';
+}
+
+/* line 146, ../sass/_postboard.sass */
+.post-rt-icon:before {
+  display: block;
+  float: left;
+  background: #2b2e35;
+  text-align: center;
+  padding: 1px 2px 2px 2px;
+  line-height: 9px;
+  font-size: 9px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  color: white;
+  margin-right: 0.4em;
+}
+
+/* line 158, ../sass/_postboard.sass */
+.mini-screen-name {
+  font-size: 13px;
+  color: #9d9ea3;
+}
+
+/* line 166, ../sass/_postboard.sass */
+.post-interactions {
+  margin: 10px 0 3px 0;
+  text-align: right;
+  height: 12px;
+  line-height: 12px;
+}
+/* line 171, ../sass/_postboard.sass */
+.post-interactions span, .prompt-wrapper .switch-mode {
+  color: #b3b5b7;
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 12px;
+}
+
+/* line 177, ../sass/_postboard.sass */
+.post-expand {
+  color: #b3b5b7;
+  cursor: pointer;
+  font-size: 12px;
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+/* line 184, ../sass/_postboard.sass */
+.post-expand:hover {
+  color: #e3bc71;
+}
+
+/* line 200, ../sass/_postboard.sass */
+.post .show-more {
+  display: inline-block;
+  float: right;
+  font-size: 12px;
+  color: #b3b5b7;
+}
+/* line 207, ../sass/_postboard.sass */
+.post .show-more:hover {
+  color: #e3bc71;
+}
+
+/* line 211, ../sass/_postboard.sass */
+.expanded-content.show-pic {
+  display: block;
+}
+
+/* line 215, ../sass/_postboard.sass */
+.expanded-post .post-expand, .expanded-post .post-reply, .expanded-post .post-propagate, .expanded-post .post-favorite {
+  color: #b3b5b7;
+}
+/* line 217, ../sass/_postboard.sass */
+.expanded-post .post-expand:hover, .expanded-post .post-reply:hover, .expanded-post .post-propagate:hover, .expanded-post .post-favorite:hover {
+  color: #e3bc71;
+}
+
+/* line 220, ../sass/_postboard.sass */
+.related .post-expand {
+  display: none;
+  margin: 0;
+}
+
+/* line 224, ../sass/_postboard.sass */
+.post-reply, .post-propagate, .post-favorite {
+  padding-left: 10px;
+  display: none;
+}
+
+/* line 229, ../sass/_postboard.sass */
+.post:hover .post-reply, .post:hover .post-propagate, .post:hover .post-favorite, .original.open .post-interactions .post-reply, .mini-profile .original.post-area-new .post-interactions .post-reply, #postboard-top .post-area .original.post-area-new .post-interactions .post-reply, .original.open .post-interactions .post-propagate, .mini-profile .original.post-area-new .post-interactions .post-propagate, #postboard-top .post-area .original.post-area-new .post-interactions .post-propagate, .original.open .post-interactions .post-favorite, .mini-profile .original.post-area-new .post-interactions .post-favorite, #postboard-top .post-area .original.post-area-new .post-interactions .post-favorite, .post:hover .original .post-interactions .post-reply, .post:hover .original .post-interactions .post-propagate, .post:hover .original .post-interactions .post-favorite, .related.post:hover .post-reply, .related.post:hover .post-propagate, .related.post:hover .post-favorite {
+  display: inline-block;
+}
+
+/* line 233, ../sass/_postboard.sass */
+.open .related .post-reply, .mini-profile .post-area-new .related .post-reply, #postboard-top .post-area .post-area-new .related .post-reply, .open .related .post-propagate, .mini-profile .post-area-new .related .post-propagate, #postboard-top .post-area .post-area-new .related .post-propagate, .open .related .post-favorite, .mini-profile .post-area-new .related .post-favorite, #postboard-top .post-area .post-area-new .related .post-favorite {
+  display: none !important;
+}
+/* line 236, ../sass/_postboard.sass */
+.open .related:hover .post-reply, .mini-profile .post-area-new .related:hover .post-reply, #postboard-top .post-area .post-area-new .related:hover .post-reply, .open .related:hover .post-propagate, .mini-profile .post-area-new .related:hover .post-propagate, #postboard-top .post-area .post-area-new .related:hover .post-propagate, .open .related:hover .post-favorite, .mini-profile .post-area-new .related:hover .post-favorite, #postboard-top .post-area .post-area-new .related:hover .post-favorite {
+  display: inline-block !important;
+}
+
+/* line 239, ../sass/_postboard.sass */
+.post-reply:hover, .post-propagate:hover, .post-favorite:hover {
+  color: rgba(255, 255, 255, 1)
+}
+
+/* line 242, ../sass/_postboard.sass */
+.expanded-content {
+  display: none;
+  padding: 5px 5px 0 5px;
+}
+
+/* line 247, ../sass/_postboard.sass */
+.image-preview {
+  width: 100%;
+  display: block;
+  margin: auto;
+}
+
+/* line 252, ../sass/_postboard.sass */
+.preview-container {
+  max-height: 500px;
+  width: 100%;
+  text-align: center;
+  overflow-y: auto;
+  background: black;
+}
+
+.post-stats {
+  display: flex;
+  height: 34px;
+  margin: 0 12px 8px 55px;
+}
+
+.post-stats > div {
+  line-height: 16px;
+  vertical-align: middle;
+}
+
+.post-stats .stat-count {
+  font-size: 12px;
+  color: #b3b5b7;
+  padding-right: 4px;
+  border-right: solid 1px #31343d;
+}
+
+.post-stats .stat-count .stat-count-value {
+  font-weight: bold;
+}
+
+.post-stats .avatar-row {
+  padding: 4px;
+}
+
+.post-stats .avatar-row a {
+  display: inline-block;
+  position: relative;
+  margin-right: 2px;
+}
+
+.post-stats .avatar-row a:hover .user-name-tooltip {
+  display: inline-block;
+}
+
+.post .new-replies-available {
+    text-align: center;
+    margin-top: 8px;
+}
+
+.post .new-replies-available button {
+    font-size: 10px;
+    background-color: #2b2e35;
+}
+
+.post .new-replies-available button:hover {
+    background-color: #ecb03f;
+}
+
+/* line 283, ../sass/_postboard.sass */
+.user-name-tooltip {
+  display: none;
+  position: absolute;
+  background: #6d7073;
+  font-size: 12px;
+  white-space: nowrap;
+  padding: 3px 5px;
+  color: #fff;
+  top: -28px;
+  left: 2px;
+}
+/* line 293, ../sass/_postboard.sass */
+.user-name-tooltip:after {
+  content: "";
+  position: absolute;
+  width: 0;
+  left: 4px;
+  bottom: -4px;
+  border-top: solid 5px #6d7073;
+  border-left: solid 5px transparent;
+  border-right: solid 5px transparent;
+}
+
+/* line 306, ../sass/_postboard.sass */
+.post-replies .sub-replies {
+  border-left: solid 3px #2b2e35;
+  margin-left: 1px;
+}
+
+/* MODAL */
+/* line 316, ../sass/_postboard.sass */
+.modal-content .postboard {
+  width: auto !important;
+  padding: 0;
+  clear: none !important;
+  position: relative;
+}
+/* line 321, ../sass/_postboard.sass */
+.modal-content .post-text {
+  margin: 0 0 0 40px;
+}
+/* line 323, ../sass/_postboard.sass */
+.modal-content .post-photo {
+  width: 30px;
+  height: 30px;
+}
+/* line 326, ../sass/_postboard.sass */
+.modal-content .post-photo img {
+  width: 100%;
+  height: 100%;
+}
+
+/********** LOGIN AND NETWORK PAGES ****** */
+/* line 4, ../sass/_network.sass */
+.network.singleBlock ul {
+  padding-left: 20px;
+}
+/* line 6, ../sass/_network.sass */
+.network.singleBlock ul li {
+  line-height: 36px;
+  font-size: 13px;
+}
+/* line 10, ../sass/_network.sass */
+.network.singleBlock .module {
+  width: 46%;
+  float: left;
+  margin: 0 1% 0 0;
+  padding: 1.5%;
+  background: #393c45;
+}
+/* line 16, ../sass/_network.sass */
+.network.singleBlock h2 {
+  display: block;
+}
+/* line 19, ../sass/_network.sass */
+.network.singleBlock h3 {
+  font-weight: 500;
+  text-transform: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  margin: 20px 0 10px 0;
+}
+
+/* line 26, ../sass/_network.sass */
+.singleBlock .spam-msg {
+  resize: none;
+  width: 100%;
+  display: block;
+  border-radius: 3px;
+  padding: 4px;
+  font-size: 13px;
+  height: 80px;
+  border: solid 1px rgba(0, 0, 0, 0.1);
+  line-height: 20px;
+  position: relative;
+  margin-left: -20px;
+  margin-bottom: 10px;
+}
+
+/* line 40, ../sass/_network.sass */
+.highlight {
+  background: #393c45;
+  padding: 5px 8px;
+  line-height: 1.7;
+  display: inline-block;
+}
+
+/* line 46, ../sass/_network.sass */
+span.connection-status {
+  line-height: 1em;
+  font-weight: 500;
+  font-size: 1em;
+}
+/* line 50, ../sass/_network.sass */
+span.connection-status:before {
+  content: "";
+  display: inline-block;
+  height: 0.8em;
+  width: 0.8em;
+  margin-right: 0.8em;
+  background: #EF5D43;
+  color: white;
+}
+/* line 58, ../sass/_network.sass */
+span.connection-status.connected:before {
+  background: #2b2e35;
+}
+
+.network .post-area-extras {
+    margin-right: 20px;
+}
+
+/* line 65, ../sass/_network.sass */
+.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty {
+  color: #fff;
+  font-weight: 700;
+}
+
+/* line 1, ../sass/_commons.sass */
+* {
+  outline: none !important;
+}
+
+/* line 4, ../sass/_commons.sass */
+li {
+  list-style: none;
+}
+
+/* line 7, ../sass/_commons.sass */
+html, body {
+  height: 100%;
+  min-height: 100%;
+  background: #31343d;
+  color: #9d9ea3;
+  font: 0.95em/1.3em "Roboto", sans-serif;
+  font-weight: 400;
+}
+
+/* line 15, ../sass/_commons.sass */
+br {
+  display: block;
+}
+
+/* line 18, ../sass/_commons.sass */
+img {
+  background: #31343d;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+
+/* line 22, ../sass/_commons.sass */
+a {
+  text-decoration: none;
+  color: #ecb03f;
+}
+/* line 25, ../sass/_commons.sass */
+a:hover {
+  color: #e3bc71;
+  text-decoration: none;
+}
+
+/* line 29, ../sass/_commons.sass */
+p {
+  padding: 5px 0;
+}
+
+/* line 33, ../sass/_commons.sass */
+h2, h3 {
+  font-size: 1.1em;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  font-weight: 500;
+  line-height: 1.8em;
+}
+
+/* line 42, ../sass/_commons.sass */
+textarea, input[type=text], input[type=textbox], select {
+  font: 0.95em/1.3em "Roboto", sans-serif;
+  font-weight: 400;
+  background: #484b54;
+  color: #fff
+}
+
+/* isFollowing */
+/* line 49, ../sass/_commons.sass */
+.isFollowing:after {
+  color: #ecb03f;
+  content: "";
+  font-family: "fontello";
+  padding-left: 2px;
+  display: inline;
+  font-size: 10px;
+  vertical-align: top;
+  line-height: 10px;
+}
+/* line 58, ../sass/_commons.sass */
+.isFollowing:after:hover {
+  text-decoration: none !important;
+}
+/* line 60, ../sass/_commons.sass */
+h3 .isFollowing:after {
+  display: none;
+}
+
+/************** BUTTONS *********** */
+/* line 65, ../sass/_commons.sass */
+button, .mini-profile-actions span, a.button {
+  padding: 6px 8px;
+  font-size: 13px;
+  display: inline-block;
+  line-height: 1em;
+  font-weight: 500;
+  margin: 0;
+  float: none;
+  text-shadow: 2px 2px 0 transparent;
+  -moz-transition-property: background;
+  -o-transition-property: background;
+  -webkit-transition-property: background;
+  transition-property: background;
+  -moz-transition-duration: 0.1s;
+  -o-transition-duration: 0.1s;
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  color: white;
+  background-color: #9d9ea3;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  border: none;
+  font-family: "fontello", "Roboto";
+  cursor: pointer;
+}
+/* line 82, ../sass/_commons.sass */
+button:hover, .mini-profile-actions span:hover, a.button:hover {
+  background: #ecb03f;
+  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
+}
+/* line 85, ../sass/_commons.sass */
+button:disabled, button.disabled, .mini-profile-actions span.disabled, a.button.disabled {
+  opacity: 0.5;
+  background-color: #999;
+}
+/* line 88, ../sass/_commons.sass */
+button:disabled:hover, button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disabled:hover {
+  color: white;
+}
+
+/* line 1, ../sass/_tabs.sass */
+.options {
+  position: relative;
+}
+/* line 4, ../sass/_tabs.sass */
+.options .label-h {
+  font-weight: 700;
+}
+/* line 7, ../sass/_tabs.sass */
+.options label {
+  cursor: pointer;
+}
+/* line 14, ../sass/_tabs.sass */
+.options .container
+{
+    margin: 5px 0px 5px 12px;
+}
+
+.options button, .options input, .options select {
+  font-size: 13px;
+}
+
+/* line 9, ../sass/_tabs.sass */
+.options input[type=radio] {
+  display: none !important;
+  visibility: hidden;
+  opacity: 0;
+}
+/* line 17, ../sass/_tabs.sass */
+.options .appearance div {
+  clear: both;
+}
+/* line 19, ../sass/_tabs.sass */
+.options .appearance div div {
+  float: left;
+  clear: none;
+  padding: 10px;
+}
+/* line 23, ../sass/_tabs.sass */
+.options .appearance div div .label {
+  font-weight: 400;
+}
+/* line 27, ../sass/_tabs.sass */
+.options .tab-content {
+  background: #393c45;
+  position: relative;
+  padding: 20px;
+}
+/* line 32, ../sass/_tabs.sass */
+.options .tab-content > div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: auto;
+  width: 100%;
+  z-index: -1;
+  opacity: 0;
+  visibility: hidden;
+}
+/* line 42, ../sass/_tabs.sass */
+.options input#tab_language:checked ~ .tab-content .language, .options input#t-2:checked ~ .tab-content .theme, .options input#t-3:checked ~ .tab-content .notifications, .options input#t-4:checked ~ .tab-content .keys, .options input#t-5:checked ~ .tab-content .appearance, .options input#t-6:checked ~ .tab-content .users, .options input#t-7:checked ~ .tab-content .webtorrent, .options input#t-8:checked ~ .tab-content .DMs {
+  position: relative;
+  z-index: 10;
+  opacity: 1;
+  visibility: visible;
+}
+/* line 53, ../sass/_tabs.sass */
+.options label.tabs {
+  text-align: center;
+  width: auto;
+  display: inline-block !important;
+  margin: 0 5px 0 0;
+  padding: 5px 15px;
+  color: #ecb03f;
+  background: #31343d;
+}
+/* line 54, ../sass/_tabs.sass */
+.options label.tabs:hover {
+  color: #e3bc71;
+}
+/* line 64, ../sass/_tabs.sass */
+.options input:checked + label.tabs {
+  background: #393c45;
+  color: #e3bc71;
+}
+
+.options input[type='checkbox'] {
+    cursor: pointer;
+    vertical-align: sub;
+}
+
+.options input[type='range'] {
+    cursor: pointer;
+    vertical-align: -16px;
+}
+
+.options #filterLangList {
+    width: 90%;
+}
+
+.options #filterLangListCont div, .options #TopTrendsCont div, .options #TwistdayReminderCont div {
+    float: none;
+    padding: 0px 4px;
+}
+
+.langFilterSimData {
+    color: rgba( 0, 0, 0, .7 );
+    font: 10px "Open Sans", sans-serif;
+    text-align: center;
+}
+
+.langFilterSimData em {
+    color: #2b2e35;
+}
+
+
+/* line 19, ../sass/style.sass */
+.promoted-posts-only {
+  margin: 0 0;
+  float: right;
+}
+/* line 24, ../sass/style.sass */
+.promoted-posts-only li {
+  cursor: pointer;
+  display: inline-block;
+  margin: 0 0 0 5px;
+  padding: 5px 15px;
+  font-size: 0.9em;
+  transition: color 0.1s linear;
+}
+/* line 31, ../sass/style.sass */
+.promoted-posts-only li.active {
+  color: rgba(255, 255, 255, 0.7);
+  background: #2a2d36;
+  cursor: default;
+}
+/* line 35, ../sass/style.sass */
+.promoted-posts-only li:hover, .promoted-posts-only li.disabled:hover {
+  color: rgba(255, 255, 255, 1);
+  cursor: pointer
+}
+/* line 37, ../sass/style.sass */
+.promoted-posts-only li.disabled {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* Wrapper and blocks */
+/* line 47, ../sass/style.sass */
+.wrapper {
+  max-width: 100%;
+  width: 1180px;
+  margin: 0 auto;
+  padding-top: 70px;
+  position: relative;
+  z-index: 1;
+  min-height: 100%;
+}
+
+/* line 57, ../sass/style.sass */
+.dashboard.left, .dashboard.right {
+  width: 300px;
+  position: fixed;
+  top: 0;
+  padding-top: 70px;
+  height: 100%;
+}
+/* line 63, ../sass/style.sass */
+.dashboard.right {
+  margin-left: 880px;
+}
+
+#modals-minimized {
+    background-color: rgba(0, 0, 0, 0);
+    z-index: 9000;
+    position: fixed;
+    bottom: 0;
+    left: 50%;
+    width: 1180px;
+    height: 24px;
+    overflow: auto;
+    margin-left: -590px;
+    padding: 0 4%;
+}
+
+#modals-minimized li {
+    display: inline-block;
+    opacity: .88;
+    font-size: 10px;
+    color: #FFF;
+    background-color: #2a2d36;
+    margin: 0 2px;
+    padding: 4px 8px;
+}
+
+#modals-minimized li:hover {
+    opacity: 1;
+    cursor: pointer;
+}
+
+
+/********** CONFIG SUBMENU & SEARCH RESULTS *********** */
+/* line 76, ../sass/style.sass */
+.dialog-modal {
+  display: none;
+  background: #2a2d36;
+  position: absolute;
+  top: 45px;
+  right: -10px;
+  width: 250px;
+  overflow: hidden;
+  border-bottom: solid 2px #2b2e35;
+  box-shadow: 8px 10px 15px 0px rgba(0,0,0, .3);
+}
+
+/* line 85, ../sass/style.sass */
+.userMenu-search .dialog-modal:after {
+  right: auto;
+  left: 150px;
+}
+
+/* line 89, ../sass/style.sass */
+.direct-messages, .dropdown-menu-item {
+  display: block;
+  padding: 10px;
+}
+
+/* line 94, ../sass/style.sass */
+ul.userMenu-search-profiles {
+  width: 100%;
+  padding: 0;
+  background: #393c45;
+}
+/* line 98, ../sass/style.sass */
+ul.userMenu-search-profiles li {
+  float: none;
+  display: block;
+  padding: 5px 10px;
+  margin: 0;
+  border-bottom: 1px solid #31343d;
+}
+/* line 105, ../sass/style.sass */
+ul.userMenu-search-profiles .mini-profile-name {
+  font-size: 12px;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+/* line 110, ../sass/style.sass */
+ul.userMenu-search-profiles .mini-profile-photo {
+  width: 30px;
+  height: 30px;
+  margin: 0 10px 0 0;
+  float: left;
+}
+/* line 115, ../sass/style.sass */
+ul.userMenu-search-profiles .mini-profile-info {
+  width: 100%;
+  float: none;
+}
+/* line 119, ../sass/style.sass */
+ul.userMenu-search-profiles button.unfollow, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span {
+  background-color: #9d9ea3;
+  padding: 3px;
+}
+ul.userMenu-search-profiles button {
+  padding: 3px;
+}
+/* line 124, ../sass/style.sass */
+ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after {
+  content: "";
+  font-family: "fontello";
+}
+
+/* line 129, ../sass/style.sass */
+.userMenu-search input[type="text"] {
+  float: right;
+  padding: 3px 10px;
+  margin: 9px 20px 0 0;
+  border: none;
+  background: #393c45;
+  box-sizing: border-box;
+}
+
+/* line 137, ../sass/style.sass */
+.userMenu-search-sugestions a {
+  color: rgba(0, 0, 0, 0.7);
+  padding: 10x 20px;
+  display: block;
+  clear: both;
+}
+
+/***************** MINI PROFILE ****************************** */
+/* line 148, ../sass/style.sass */
+.mini-profile .mini-profile-info {
+  position: relative;
+  text-align: center;
+  background: #393c45;
+  padding: 1em;
+}
+/* line 152, ../sass/style.sass */
+.mini-profile a.button {
+  background: #ecb03f;
+  margin: 1em auto;
+}
+/* line 155, ../sass/style.sass */
+.mini-profile .post-area {
+  margin-top: 1px;
+  margin-bottom: 20px;
+  padding: 0.5em;
+  background: #2a2d36;
+}
+/* line 161, ../sass/style.sass */
+.mini-profile .post-area-new {
+  padding: 0;
+  display: none;
+  margin: 0;
+}
+/* line 166, ../sass/style.sass */
+.mini-profile .post-area-new textarea {
+  width: 100%;
+}
+
+/* line 169, ../sass/style.sass */
+.mini-profile-indicators {
+  background-color: #2a2d36;
+  text-align: center;
+}
+/* line 173, ../sass/style.sass */
+.mini-profile-indicators li {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  font-size: 0.8em;
+  position: relative;
+  padding: 0;
+}
+/* line 181, ../sass/style.sass */
+.mini-profile-indicators li a {
+  position: relative;
+  color: #9d9ea3;
+  display: block;
+  -moz-transition-property: color;
+  -o-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  padding: 1em 0;
+}
+/* line 188, ../sass/style.sass */
+.mini-profile-indicators li a:hover {
+  color: white;
+}
+/* line 191, ../sass/style.sass */
+.mini-profile-indicators li a:before {
+  font-size: 2.2em;
+  display: block !important;
+  text-align: center !important;
+  margin: auto !important;
+  padding-top: 0.2em;
+}
+
+.mini-profile-indicators .userMenu-connections, .mini-profile-indicators .userMenu-messages {
+    width: 30%;
+}
+
+.mini-profile-indicators .userMenu-groupmessages {
+    width: 40%;
+}
+
+.mini-profile-indicators .userMenu-groupmessages a:before {
+    content: "";
+    background: transparent url("../img/groupmessages.png") no-repeat scroll center center;
+    background-size: 24px 24px;
+    height: 1em;
+}
+
+/* line 208, ../sass/style.sass */
+.messages-qtd {
+  position: absolute;
+  top: 10px;
+  right: 25px;
+  background: #2b2e35;
+  color: #fff;
+  padding: 1px 3px;
+  line-height: 12px;
+  font-size: 0.8em;
+  font-weight: 700;
+  border-radius: 2px;
+}
+
+/* line 220, ../sass/style.sass */
+.mini-profile-view {
+  display: none;
+}
+
+/* line 223, ../sass/style.sass */
+.mini-profile-name {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 1.3em;
+  font-weight: 700;
+  padding: 10px 0;
+  display: block;
+  margin: auto;
+}
+/* line 230, ../sass/style.sass */
+.mini-profile-name:hover {
+  color: rgba(255, 255, 255, 1);
+}
+
+/* line 234, ../sass/style.sass */
+.mini-profile-photo {
+  width: 80px;
+  height: 80px;
+  overflow: hidden;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  display: block;
+  margin: auto;
+}
+/* line 241, ../sass/style.sass */
+.mini-profile-photo img {
+  min-width: 100%;
+  min-height: 100%;
+  border-radius: 50%;
+}
+
+/* line 248, ../sass/style.sass */
+.profile-data {
+  clear: both;
+  padding: 1em 0;
+  text-align: center;
+  background: #393c45;
+}
+/* line 255, ../sass/style.sass */
+.profile-data li {
+  display: block;
+  float: left;
+  width: 100px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/* line 260, ../sass/style.sass */
+.profile-data li.current a {
+  border-bottom: 3px solid #2b2e35;
+}
+/* line 262, ../sass/style.sass */
+.profile-data li a {
+  color: #9d9ea3;
+  display: inline-block;
+  font-size: 13px;
+  padding-bottom: 3px;
+}
+/* line 267, ../sass/style.sass */
+.profile-data li a:hover {
+  color: #ecb03f;
+}
+/* line 270, ../sass/style.sass */
+.profile-data li a span.posts-count, .profile-data li a span.following-count, .profile-data li a span.followers-count {
+  font-weight: 900;
+  display: block;
+  line-height: 15px;
+}
+
+/* line 278, ../sass/style.sass */
+.mini-profile-info a:hover {
+  text-decoration: none;
+}
+
+/* line 281, ../sass/style.sass */
+.who-follow {
+  display: block;
+  position: absolute;
+  bottom: 10px;
+  text-align: center;
+  padding: 10px;
+  font-size: 12px;
+  background: #393c45;
+  z-index: 10;
+  -moz-transition: all 0.2s linear;
+  -o-transition: all 0.2s linear;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+
+/* line 292, ../sass/style.sass */
+.show-more-followers {
+  font-weight: 700;
+  display: block;
+  cursor: pointer;
+  float: right;
+  color: #9d9ea3;
+}
+
+/* line 299, ../sass/style.sass */
+.mini-follower-link {
+  display: inline-block;
+  margin: 1px;
+  line-height: 12px;
+}
+/* line 303, ../sass/style.sass */
+.mini-follower-link.isFollowing:after {
+  display: none;
+}
+/* line 305, ../sass/style.sass */
+.mini-follower-link:after {
+  content: "·";
+  font-weight: 900;
+  color: #9d9ea3;
+  margin-left: 1px;
+}
+
+/***************** POST AREA ************** */
+/* line 316, ../sass/style.sass */
+.post-area-new textarea {
+  resize: none;
+  box-shadow: none !important;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  display: block;
+  transition: all 0.3s linear;
+  -webkit-transition: height 0.3s linear;
+  -moz-transition: height 0.3s linear;
+  -o-transition: height 0.3s linear;
+  -ms-transition: height 0.3s linear;
+  height: 28px;
+  border: none;
+  background: #393c45;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 3px;
+  margin: 5px 0;
+}
+
+.post-area-new textarea:focus {
+  border-bottom: solid 2px #2b2e35;
+}
+
+/* line 334, ../sass/style.sass */
+#postboard-top {
+  clear: both;
+  position: relative;
+  margin-bottom: 1px;
+  transition: height 0.3s linear;
+  padding: 10px;
+  background: #2a2d36;
+  overflow: hidden;
+}
+/* line 343, ../sass/style.sass */
+#postboard-top.hide {
+  display: none !important;
+}
+/* line 345, ../sass/style.sass */
+#postboard-top.show {
+  display: block;
+}
+/* line 348, ../sass/style.sass */
+#postboard-top .profile-photo {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 48px;
+  height: 48px;
+  overflow: hidden;
+}
+/* line 355, ../sass/style.sass */
+#postboard-top .profile-photo img {
+  width: 100%;
+}
+/* line 357, ../sass/style.sass */
+#postboard-top .post-area {
+  overflow: hidden;
+  width: 100%;
+  padding-left: 58px;
+  padding-right: 0;
+  display: inline;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  float: right;
+}
+/* line 368, ../sass/style.sass */
+#postboard-top .post-area .post-area-new textarea {
+  margin: 0 0 5px 0;
+}
+
+/* line 377, ../sass/style.sass */
+.post-area-new.open textarea, .mini-profile .post-area-new textarea, #postboard-top .post-area .post-area-new textarea {
+  height: 80px;
+}
+
+/* line 380, ../sass/style.sass */
+textarea.splited-post {
+  box-shadow: none !important;
+  height: 28px;
+}
+
+#post-preview {
+    background-color: #393c45;
+    font-size: 12px;
+    line-height: normal;
+    margin: 4px 0;
+    padding: 4px;
+    word-wrap: break-word;
+    box-sizing: border-box;
+}
+
+#opt-form-post-preview {
+    width: 100%;
+}
+
+#opt-form-post-preview #post-preview {
+    width: 76%;
+    margin-left: 16px;
+    padding: 8px;
+}
+
+#opt-form-post-preview #post-preview .preview-container {
+    background-color: rgba(0, 0, 0, 0.43);
+    width: 97%;
+    margin-top: 8px;
+}
+
+#opt-form-post-preview #post-preview .image-preview {
+    width: auto;
+}
+
+/* line 384, ../sass/style.sass */
+.splited-post-counter {
+  color: rgba(0, 0, 0, 0.3);
+  font-weight: bold;
+}
+/* line 387, ../sass/style.sass */
+.splited-post-counter:before {
+  content: "…";
+}
+
+/* line 390, ../sass/style.sass */
+.post-area-extras {
+  overflow: hidden;
+  height: 0;
+  text-align: right;
+}
+
+/* line 395, ../sass/style.sass */
+.post-area-new.open > .post-area-extras, .mini-profile .post-area-new > .post-area-extras, #postboard-top .post-area .post-area-new > .post-area-extras {
+  height: auto;
+  transition: all 0.6s linear;
+}
+
+.post-area-new .post-textarea-edit-bar {
+    font-size: 11px;
+    margin: 2px 0;
+}
+
+.post-area-new .post-textarea-edit-bar > * {
+    margin: 2px 4px;
+}
+
+/* line 399, ../sass/style.sass */
+.post-area-remaining {
+  padding-right: 3px;
+}
+/* line 401, ../sass/style.sass */
+.post-area-remaining.warn {
+  color: #ff0000;
+}
+
+/* FIXME need to rework and replace all .twister-user to get same vis */
+.twister-peer {
+    margin: 0;
+    min-height: 72px;
+    padding: 4px;
+    border-bottom: solid 1px rgba(69, 71, 77, .1);
+    border-top: solid 1px rgba(69, 71, 77, .1);
+    background: #FFF;
+}
+
+.twister-peer + .twister-peer {
+    border-top: none;
+}
+
+.twister-peer .avatar {
+    float: left;
+    width: 48px;
+    height: 48px;
+    overflow: hidden;
+    margin: 4px;
+}
+
+.twister-peer .avatar img {
+    width: 48px;
+    height: auto;
+}
+
+.twister-peer .name {
+    display: inline-block;
+}
+
+.twister-peer .name:hover {
+    color: #ecb03f;
+}
+
+.twister-peer .alias {
+    color: #ecb03f;
+    display: inline-block;
+}
+
+.twister-peer .alias:hover {
+    color: #2b2e35;
+}
+
+.twister-peer .name {
+    font-weight: 600;
+}
+
+.twister-peer .avatar:hover, .twister-peer .name:hover, .twister-peer .alias:hover {
+    cursor: pointer;
+}
+
+.twister-peer .bio {
+    text-align: center;
+    padding: 4px;
+}
+
+.avatar.tiny {
+    width: 24px;
+    height: 24px;
+    border-radius: 100%;
+}
+
+/******** WHO TO FOLLOW ********/
+
+/* line 411, ../sass/style.sass */
+.who-to-follow.module,
+.new-users.module {
+  width: inherit;
+  margin-bottom: 20px;
+}
+
+/* line 414, ../sass/style.sass */
+.who-to-follow small,
+.new-users small {
+  display: none;
+}
+
+/* line 416, ../sass/style.sass */
+.who-to-follow h3,
+.new-users h3 {
+  float: left;
+}
+
+/* line 418, ../sass/style.sass */
+.who-to-follow ol,
+.new-users ol {
+  clear: both;
+}
+
+.who-to-follow .twister-user-info,
+.new-users .twister-user-info {
+  margin-top: 8px;
+}
+
+/* line 422, ../sass/style.sass */
+.twister-user {
+  clear: both;
+  width: 100%;
+  position: relative;
+  margin: 0 0 1px 0;
+  width: 100%;
+  box-sizing: border-box;
+  float: right;
+  background: #393c45;
+}
+
+/* line 433, ../sass/style.sass */
+.twister-user-photo {
+  display: inline-block;
+  float: left;
+  vertical-align: middle;
+  width: 48px;
+  height: auto;
+  overflow: hidden;
+  margin: 10px;
+  background: #31343d;
+}
+
+/* line 443, ../sass/style.sass */
+.twister-user-info {
+  width: 80%;
+}
+
+/* line 447, ../sass/style.sass */
+.followers,
+.latest-activity {
+  font-size: 12px;
+  color: #9d9ea3;
+}
+/* line 450, ../sass/style.sass */
+.followers label, .followers a {
+  display: inline-block;
+}
+
+/* line 453, ../sass/style.sass */
+.followed-by,
+.latest-activity {
+  color: #ecb03f;
+  font-size: 12px;
+  cursor: pointer;
+  display: block;
+}
+
+.who-to-follow .latest-activity {
+    margin-bottom: 8px;
+}
+
+.who-to-follow .latest-activity .label {
+    display: none;
+}
+
+/* line 459, ../sass/style.sass */
+.twister-user-name, .twister-by-user-name {
+  font-weight: bold;
+  font-size: 14px;
+  color: #ecb03f;
+  text-decoration: none;
+}
+
+/* line 465, ../sass/style.sass */
+.twister-user-tag {
+  font-size: 12px;
+  line-height: 14px;
+  opacity: 0.8;
+  display: inline-block;
+  letter-spacing: 0px;
+}
+
+/* line 472, ../sass/style.sass */
+.twister-user-remove {
+  font-size: 13px;
+  opacity: 0.2;
+  text-decoration: none;
+  cursor: pointer;
+  position: absolute;
+  padding: 5px;
+  top: -5px;
+  right: -5px;
+  display: inline-block;
+}
+
+/* line 485, ../sass/style.sass */
+.twister-user:hover .twister-user-remove {
+  text-decoration: none;
+}
+
+/* line 488, ../sass/style.sass */
+.twister-user-remove:hover {
+  opacity: 1;
+}
+
+/* line 127, ../sass/style.sass */
+ul.userMenu-search-profiles .follow, ul.userMenu-search-profiles .unfollow, .follow-suggestions .follow, .follow-suggestions .unfollow {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+
+ul.userMenu-search-profiles .follow, .follow-suggestions .follow {
+  background: #2b2e35;
+}
+
+ul.userMenu-search-profiles .unfollow, .follow-suggestions .unfollow {
+  background-color: #9d9ea3;
+}
+
+/* line 496, ../sass/style.sass */
+button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .mini-profile-actions span.unfollow {
+  background: #ecb03f;
+}
+
+/* line 499, ../sass/style.sass */
+.refresh-toptrends, .twistday-reminder .refresh, .refresh-users {
+  color: #9d9ea3;
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: none;
+  letter-spacing: 0;
+  float: right;
+  display: block;
+  padding: 4px;
+  margin: 0 0 0 15px;
+  position: relative;
+}
+
+/* line 514, ../sass/style.sass */
+.view-all-users {
+  color: #9d9ea3;
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: none;
+  letter-spacing: 0;
+  float: right;
+  display: block;
+  padding: 4px;
+  margin: 0 0 0 15px;
+  position: relative;
+}
+
+/* line 527, ../sass/style.sass */
+.refresh-toptrends:hover, .twistday-reminder .refresh:hover, .refresh-users:hover, .view-all-users:hover {
+  color: rgba(255, 255, 255, 1);
+  text-decoration: none;
+  background-color: transparent;
+}
+
+/***********TOP TRENDS************** */
+
+.module.toptrends {
+  margin-bottom: 20px;
+}
+
+.toptrends small {
+  display: none;
+}
+
+.toptrends h3 {
+  float: left;
+}
+
+/* line 534, ../sass/style.sass */
+ol.toptrends-list {
+  margin: 0;
+  margin-bottom: 10px;
+}
+/* line 538, ../sass/style.sass */
+ol.toptrends-list li {
+  display: inline-block;
+}
+/* line 541, ../sass/style.sass */
+ol.toptrends-list a {
+  color: #ecb03f;
+  padding: 3px 8px;
+  display: inline-block;
+  background: #2a2d36;
+  text-transform: uppercase;
+  font-size: 11px;
+  margin: 3px;
+  font-weight: 500;
+}
+/* line 551, ../sass/style.sass */
+ol.toptrends-list a:hover {
+  background: #393c45;
+  color: #e3bc71;
+}
+
+/********* TWISTDAY REMINDER *******/
+
+.twistday-reminder {
+  width: 300px;
+}
+
+.twistday-reminder small {
+  display: none;
+}
+
+.twistday-reminder h3 {
+  font-size: 0.98em;
+  float: left;
+}
+
+.twistday-reminder h4 {
+  margin: 1% 1% 1% 16%;
+  font-size: 0.84em;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.twistday-reminder a:hover {
+  text-decoration: none;
+}
+
+.twistday-reminder .current .label, .twistday-reminder .upcoming .label {
+  margin-right: 10%;
+}
+
+.twistday-reminder .twister-user-info {
+  margin-top: 1.2%;
+}
+
+.twistday-reminder .twister-user-tag,
+.twistday-reminder .twister-user-full {
+  display: block;
+  margin: 0;
+  text-align: center;
+}
+
+.twistday-reminder img.twister-user-photo {
+  margin: 0;
+}
+
+.twistday-reminder .twisterday {
+  font-size: 0.8em;
+  margin-left: 8%;
+}
+
+.twistday-reminder .twisterday:hover {
+  cursor: pointer;
+}
+
+/************ POPUP MODAL ************/
+
+/* line 580, ../sass/style.sass */
+.modal-wrapper {
+    background: #393c45;
+    clear: both;
+    z-index: 3;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    overflow: hidden;
+}
+
+/* line 570, ../sass/style.sass */
+.modal-blackout {
+    background: rgba(32, 32, 32, 0.8);
+    z-index: -1;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+
+/* line 588, ../sass/style.sass */
+.modal-content {
+    background: #31343d;
+    overflow-y: auto;
+    padding: 20px;
+}
+
+/* line 585, ../sass/style.sass */
+.modal-wrapper .post-area-new {
+  padding: 10px;
+}
+
+/* line 592, ../sass/style.sass */
+.modal-content .postboard h2 {
+  position: fixed;
+  z-index: 2;
+  margin-top: -60px;
+  margin-left: -60px;
+  width: 520px;
+}
+/* line 599, ../sass/style.sass */
+.modal-content .postboard h2 span {
+  display: none;
+}
+/* line 601, ../sass/style.sass */
+.modal-content .postboard-news {
+  line-height: 30px;
+  position: absolute;
+  right: 0;
+  top: 40px;
+  font-weight: 900;
+  display: block;
+  padding: 0 20px;
+  color: white;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  background: #2b2e35;
+}
+
+/* line 614, ../sass/style.sass */
+.modal-header {
+  position: relative;
+  background: #2a2d36;
+  height: 40px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/* line 620, ../sass/style.sass */
+.modal-header h3 {
+  font-size: 0.8em;
+  line-height: 40px;
+  float: left;
+  font-weight: 900;
+  padding-left: 10px;
+  color: white;
+  display: block !important;
+}
+
+/* line 629, ../sass/style.sass */
+.modal-close, .minimize-modal {
+  position: absolute;
+  right: 10px;
+  top: 0;
+  font-size: 14px;
+  line-height: 40px;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.7);
+}
+/* line 639, ../sass/style.sass */
+.modal-close:hover, .minimize-modal:hover {
+  color: white;
+}
+/* line 641, ../sass/style.sass */
+.modal-close b {
+  display: none;
+}
+
+.minimize-modal {
+    right: 35px;
+}
+
+/* line 644, ../sass/style.sass */
+.mark-all-as-read {
+  float: left;
+  cursor: pointer;
+  font-size: 1.3em;
+  line-height: 40px;
+  padding: 0 5px;
+  color: #ecb03f;
+  transition: all 0.1s linear;
+  display: none;
+}
+
+/* line 654, ../sass/style.sass */
+.modal-back:hover, .mark-all-as-read:hover {
+  color: #2b2e35;
+}
+
+/* line 662, ../sass/style.sass */
+.modal-back {
+  position: absolute;
+  right: 70px;
+  top: 0;
+  font-size: 14px;
+  line-height: 40px;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.7);
+}
+/* line 672, ../sass/style.sass */
+.modal-back:hover {
+  color: white;
+}
+/* line 674, ../sass/style.sass */
+.modal-back b {
+  display: none;
+}
+
+/*********** POPUP PROMPT ************/
+
+/* line 558, ../sass/style.sass */
+.prompt-wrapper {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  background: #393c45;
+  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
+  z-index: 5;
+  width: 600px;
+  margin-left: -300px;
+}
+
+.prompt-wrapper .modal-buttons {
+    margin: 4px 0;
+    text-align: right;
+}
+
+.prompt-wrapper .switch-mode {
+    display: inline-block;
+    float: left;
+    margin: 4px;
+}
+
+
+.inline-warn {
+    background-color: #FEFEDF;
+    padding: 10px;
+}
+
+.inline-warn .close {
+    float: right;
+    font-size: 1.2em;
+    color: #e34f42;
+    cursor: pointer;
+    margin: -8px 2px 8px 8px;
+}
+
+.inline-warn .text {
+    font-size: 0.8em;
+    text-align: center;
+}
+
+.inline-warn .options {
+    font-size: 0.8em;
+    text-align: right;
+    margin-top: 4px;
+}
+
+/*************************************
+*********** CONFIRM POPUP ************
+**************************************/
+
+.confirm-popup.prompt-wrapper {
+    top: 30%;
+}
+
+.confirm-popup .message {
+    margin: 8px 12px 20px;
+}
+
+/*************************************
+********* NEW ACCOUNT POPUP **********
+**************************************/
+
+.new-account-briefing.prompt-wrapper {
+    top: 50%;
+    margin-top: -164px;
+}
+
+/****** FOLLOWING-CONFIG PROMPT ******/
+
+.following-config-modal.prompt-wrapper {
+  margin-top: -100px;
+}
+
+.following-config-modal .modal-content {
+  padding: 10px;
+  text-align: center;
+}
+
+.following-config-modal h2 {
+  text-transform: none;
+}
+
+.following-config-method-buttons {
+  padding: 10px;
+}
+
+.following-config-method-buttons .public-following {
+  background-color: #2b2e35;
+  margin: 0px 2px;
+  padding: 6px 16px;
+}
+
+/********** RETWIST POSTS PROMPT **********/
+
+/* line 705, ../sass/style.sass */
+.reTwist.prompt-wrapper {
+  margin-top: -150px;
+}
+
+.reTwist .modal-content {
+  padding: 20px 15px;
+}
+
+.reTwist button.modal-propagate {
+  background-color: #2b2e35;
+}
+
+/* line 709, ../sass/style.sass */
+.reTwist .post-expand, .reTwist .post-interactions {
+  display: none;
+}
+
+/********* REPLY POSTS PROMPT ***************/
+/* line 715, ../sass/style.sass */
+.reply.prompt-wrapper {
+  margin-top: -110px;
+}
+/* line 719, ../sass/style.sass */
+.reply .post-expand, .reply .post-interactions {
+  display: none;
+}
+/* line 721, ../sass/style.sass */
+.reply .post-area {
+  padding-bottom: 6px;
+}
+
+/*************************************
+******* LOGIN TO ACCOUNT MODAL *******
+**************************************/
+
+.login-modal.modal-wrapper {
+    width: 580px;
+    height: auto; /*about 532px*/
+    margin: -270px 0 0 -290px;
+}
+
+.login-modal .modal-content {
+    padding: 0;
+}
+
+.login-modal .module {
+    margin: 4px;
+}
+
+.login-modal .module > div {
+    margin: 4px 0;
+    padding: 4px 12px;
+}
+
+.login-modal .module > div:last-child {
+    text-align: right;
+    margin: 8px 0;
+}
+
+.login-modal .module input {
+    border: 1px solid rgba(0, 0, 0, .1);
+    width: 320px;
+    margin: 12px 16px;
+    padding: 2px 4px;
+}
+
+.login-modal .module select {
+    border: 1px solid rgba(0, 0, 0, .1);
+    width: 310px;
+    margin: 12px 16px;
+    padding: 2px 4px;
+}
+
+.login-modal .module input:focus, .login-modal .module select:focus {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.login-modal .module .secret-key {
+    width: 500px;
+}
+
+.login-modal .module .availability {
+    color: #45474D;
+    display: inline-block;
+    margin-left: 16px;
+}
+
+/****** DIRECT MESSAGES MODAL********* */
+/* line 736, ../sass/style.sass */
+.modal-wrapper.directMessages {
+  width: 520px;
+  height: 600px;
+  margin: -300px 0 0 -260px;
+}
+/* line 743, ../sass/style.sass */
+.directMessages .modal-content {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+
+/* line 727, ../sass/style.sass */
+.directMessages .post-area-new {
+  display: none;
+  margin: 0 -20px;
+  padding: 20px;
+  z-index: 5;
+  background: #31343d;
+}
+
+/* line 734, ../sass/style.sass */
+.directMessages .post-area-new .modal-header h3 span {
+  display: inline !important;
+}
+/* line 752, ../sass/style.sass */
+.directMessages .post-photo {
+  height: 48px;
+  width: 48px;
+}
+/* line 755, ../sass/style.sass */
+.directMessages .post-text {
+  margin-left: 58px;
+  font-size: 0.9em;
+}
+
+/* line 758, ../sass/style.sass */
+.directMessages .post-info-name {
+  float: none;
+}
+
+/* line 760, ../sass/style.sass */
+.directMessages .post-info-tag {
+  line-height: 1em;
+  padding: 0;
+  display: inline;
+  font-size: 80%;
+  margin-left: 0.1em;
+}
+
+/* line 767, ../sass/style.sass */
+.direct-messages-list .post {
+  padding: 10px 30px 10px 15px;
+  cursor: pointer;
+}
+/* line 770, ../sass/style.sass */
+.direct-messages-list .post:after {
+  content: "";
+  font-family: "fontello";
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  font-size: 1.2em;
+  margin: -6px 0 0 0;
+  color: rgba(0, 0, 0, 0.4);
+  display: none;
+}
+
+.direct-messages-list .post .messages-qtd {
+    display: none;
+    top: -2px;
+    right: -2px;
+    font-size: 0.7em;
+}
+
+/* line 782, ../sass/style.sass */
+.direct-messages-list .post:hover:after {
+  display: block;
+}
+
+/* line 787, ../sass/style.sass */
+.direct-messages-thread .post {
+  background: none;
+  left: 0;
+  margin: 0px 10px 20px 10px;
+  cursor: default;
+}
+
+.direct-messages-thread .post .post-info-name {
+    display: block;
+    margin-left: 128px;
+    padding: 0;
+}
+
+/* line 793, ../sass/style.sass */
+.direct-messages-thread .post .post-info-time {
+  float: none;
+  display: block;
+  text-align: center;
+  font-size: 10px;
+  margin: 10px 0;
+  cursor: default;
+}
+/* line 800, ../sass/style.sass */
+.direct-messages-thread .post .post-info-time:hover {
+  color: #ecb03f;
+}
+
+/* line 812, ../sass/style.sass */
+.direct-messages-thread .post .post-text:after {
+  border-top: solid 7px transparent;
+  border-bottom: solid 7px transparent;
+  border-right: solid 7px white;
+  left: -7px;
+}
+/* line 818, ../sass/style.sass */
+.direct-messages-thread .post .post-text {
+  background: #393c45;
+  margin-right: 60px;
+  margin-left: 60px;
+  position: relative;
+  display: inline-block;
+  max-width: 300px;
+  font-size: 0.9em;
+  padding: 5px 10px;
+  z-index: 4;
+  float: left;
+  word-wrap: break-word;
+  max-width: 60%;
+  min-height: 15px;
+}
+/* line 833, ../sass/style.sass */
+.direct-messages-thread .post .post-photo {
+  position: absolute;
+  left: 0;
+  top: 10px;
+}
+
+.direct-messages-thread .post.sent .post-info {
+    text-align: right;
+}
+
+.direct-messages-thread .post.sent .post-info-name {
+    margin-right: 128px;
+}
+
+/* line 842, ../sass/style.sass */
+.direct-messages-thread .post.sent .post-text:after {
+  border-top: solid 7px transparent;
+  border-bottom: solid 7px transparent;
+  border-right: none;
+  border-left: solid 7px white;
+  right: -7px;
+  left: auto;
+}
+/* line 849, ../sass/style.sass */
+.direct-messages-thread .post.sent .post-text {
+  float: right;
+}
+/* line 851, ../sass/style.sass */
+.direct-messages-thread .post.sent .post-photo {
+  position: absolute;
+  right: 0;
+  left: auto;
+}
+
+
+.profile-card .profile-bio .group-description {
+    border: none;
+    text-align: center;
+    width: 60%;
+    padding: 4px;
+    vertical-align: middle;
+}
+
+.profile-card .profile-bio .group-description:focus {
+    border: 1px solid rgba(0, 0, 0, .1);
+    border-bottom: solid 1px #2b2e35;
+}
+
+.profile-card .profile-bio .group-description:hover {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.profile-card .profile-bio .save, .profile-card .profile-bio .cancel {
+    display: none;
+}
+
+.group-messages-control .invite-form, .group-messages-control .secret-key {
+    display: none;
+    font-size: 12px;
+    text-align: center;
+    padding: 4px 0;
+}
+
+.group-messages-control .invite-form textarea {
+    font-size: 1.1em;
+    border: 1px solid rgba(0, 0, 0, .1);
+    vertical-align: middle;
+    width: 73%;
+    height: 20px;
+    resize: none;
+    margin: 0 4px;
+    padding: 1px 4px;
+}
+
+.group-messages-control .invite-form textarea:focus {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.group-messages-control .invite-form button {
+    vertical-align: middle;
+}
+
+.group-messages-control.b-buttons {
+    padding: 4px;
+}
+
+.profile-card-buttons.group-messages-control.b-buttons {
+    text-align: center;
+}
+
+.profile-card-buttons.group-messages-control.b-buttons button {
+    margin: 2px 0;
+}
+
+/*************************************
+****** GM NEW GROUP SETUP MODAL ******
+**************************************/
+
+.group-messages-new-group.modal-wrapper {
+    width: 580px;
+    height: auto; /*about 320px*/
+    margin: -180px 0 0 -290px;
+}
+
+.group-messages-new-group .modal-content {
+    padding: 0;
+}
+
+.group-messages-new-group .modal-content .module {
+    margin: 4px;
+}
+
+.group-messages-new-group .modal-content div div {
+    margin: 4px 0;
+    padding: 4px 12px;
+}
+
+.group-messages-new-group .modal-content div div:last-child {
+    text-align: right;
+}
+
+.group-messages-new-group .modal-content div div:last-child button {
+    margin: 8px 4px;
+}
+
+.group-messages-new-group .modal-content textarea {
+    border: 1px solid rgba(0, 0, 0, .1);
+    width: 500px;
+    height: 56px;
+    resize: none;
+    margin: 12px 16px;
+    padding: 2px 4px;
+}
+
+.group-messages-new-group .modal-content textarea:focus {
+    border-bottom: solid 1px #2b2e35;
+}
+
+/*************************************
+****** GM JOIN GROUP SETUP MODAL *****
+**************************************/
+
+.group-messages-join-group.modal-wrapper {
+    width: 580px;
+    height: auto; /*about 409px*/
+    margin: -204px 0 0 -290px;
+}
+
+.group-messages-join-group .modal-content {
+    padding: 0;
+}
+
+.group-messages-join-group .modal-content .module {
+    margin: 4px;
+}
+
+.group-messages-join-group .modal-content div div {
+    margin: 4px 0;
+    padding: 4px 12px;
+}
+
+.group-messages-join-group .modal-content div div:last-child {
+    text-align: right;
+}
+
+.group-messages-join-group .modal-content div div:last-child button {
+    margin: 8px 4px;
+}
+
+.group-messages-join-group .modal-content input {
+    border: 1px solid rgba(0, 0, 0, .1);
+    width: 500px;
+    margin: 12px 16px;
+    padding: 2px 4px;
+}
+
+.group-messages-join-group .modal-content input:focus {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.group-messages-join-group .modal-content input[type='checkbox'] {
+    display: inline;
+    width: auto;
+    margin: 2px;
+}
+
+.group-messages-join-group .modal-content .groups-list {
+    background-color: #FFF;
+    height: 120px;
+    overflow-y: auto;
+    margin: 8px 8px 0;
+}
+
+/******** HASHTAG MODAL********** */
+/* line 884, ../sass/style.sass */
+.modal-wrapper.hashtag-modal {
+  width: 520px;
+  height: 600px;
+  overflow: hidden;
+  margin: -300px 0 0 -260px;
+}
+
+/* line 895, ../sass/style.sass */
+.hashtag-modal .postboard {
+  padding: 0;
+}
+
+/****** CONVERSATION MODAL********** */
+/* line 901, ../sass/style.sass */
+.modal-wrapper.conversation-modal {
+  background: #393c45;
+  width: 520px;
+  height: 580px;
+  margin: -290px 0 0 -260px;
+}
+
+/* line 914, ../sass/style.sass */
+.conversation-modal .postboard {
+  padding: 0;
+}
+
+/*************************************
+*********** FOLLOWERS MODAL **********
+**************************************/
+
+.modal-wrapper.followers-modal {
+  width: 520px;
+  height: 720px;
+  margin: -360px 0 0 -260px;
+}
+
+.followers-modal .modal-content {
+  padding: 0;
+}
+
+/****** FOLLOWING MODAL****** */
+/* line 920, ../sass/style.sass */
+.modal-wrapper.following-modal {
+  width: 520px;
+  height: 400px;
+  margin: -200px 0 0 -260px;
+}
+/* line 926, ../sass/style.sass */
+.following-modal .modal-content {
+  padding: 0;
+}
+
+/* line 229, ../sass/_following.sass */
+.following-modal .postboard h2 {
+  display: none;
+}
+
+/* line 932, ../sass/style.sass */
+.following-modal ol {
+  margin: 5px;
+}
+/* line 935, ../sass/style.sass */
+.following-modal .open-profile-modal:hover {
+  text-decoration: none;
+}
+
+/******* WHO TO FOLLOW MODAL****** */
+/* line 943, ../sass/style.sass */
+.modal-wrapper.who-to-follow-modal,
+.modal-wrapper.new-users-modal {
+  width: 520px;
+  height: 580px;
+  margin: -290px 0 0 -260px;
+}
+/* line 949, ../sass/style.sass */
+.who-to-follow-modal .modal-content,
+.new-users-modal .modal-content {
+  padding: 15px;
+}
+
+/* line 955, ../sass/style.sass */
+.who-to-follow-modal ol,
+.new-users-modal ol {
+  margin: 5px;
+}
+/* line 958, ../sass/style.sass */
+.who-to-follow-modal .open-profile-modal:hover,
+.new-users-modal .open-profile-modal:hover {
+  text-decoration: none;
+}
+/* line 960, ../sass/style.sass */
+.who-to-follow-modal .twister-user,
+.new-users-modal .twister-user {
+position: relative;
+  padding: 5px;
+}
+/* line 963, ../sass/style.sass */
+.who-to-follow-modal .twister-user-photo,
+.new-users-modal .twister-user-photo {
+  position: relative;
+  left: 0;
+  float: left;
+  display: block;
+}
+/* line 968, ../sass/style.sass */
+.who-to-follow-modal .twister-user-info,
+.new-users-modal .twister-user-info {
+  position: relative;
+  margin-top: 4px;
+  padding-left: 70px;
+  width: auto;
+}
+/* line 972, ../sass/style.sass */
+.who-to-follow-modal .bio,
+.new-users-modal .bio {
+  color: rgba(0, 0, 0, 0.6);
+  font-style: italic;
+}
+
+/*************************************
+********* URI SHORTENER MODAL ********
+**************************************/
+
+.modal-wrapper.uri-shortener-modal {
+  width: 520px;
+  height: 720px;
+  margin: -360px 0 0 -260px;
+}
+
+.uri-shortener-modal .modal-content {
+  padding: 20px;
+}
+
+.uri-shortener-control.b-buttons {
+    padding: 4px;
+}
+
+.uri-shortener-modal .uris-list {
+    font-size: 12px;
+    overflow-x: hidden;
+}
+
+.uri-shortener-modal .uris-list li {
+    background-color: #FFF;
+    padding-left: 2%;
+    padding-right: 2%;
+    margin-bottom: 2px;
+}
+
+.uri-shortener-modal .uris-list li:last-child {
+    margin-bottom: 16px;
+}
+
+.uri-shortener-modal .uris-list li.highlighted,
+.uri-shortener-modal .uris-list li:hover {
+    background-color: #FEFEDF;
+}
+
+.uri-shortener-modal .uris-list .short {
+    background-color: #EEE;
+    display: inline-block;
+    width: 26%;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.uri-shortener-modal .uris-list .long {
+    margin-left: 4px;
+}
+
+/******* LOADER ************ */
+/* line 978, ../sass/style.sass */
+.postboard-loading, .loading-roller {
+  clear: both;
+  text-align: center;
+}
+/* line 980, ../sass/style.sass */
+.postboard-loading div, .loading-roller div {
+  display: inline-block;
+  width: 120px;
+  height: 10px;
+  background-color: #ecb03f;
+  position: relative;
+  margin: 10px 0 0 0;
+}
+/* line 987, ../sass/style.sass */
+.postboard-loading div:after, .loading-roller div:after {
+  content: "";
+  position: absolute;
+  background-color: white;
+  left: 2px;
+  top: 2px;
+  bottom: 2px;
+  z-index: 999;
+  animation-name: slide;
+  animation-duration: 1.5s;
+  animation-easing-function: linear;
+  animation-iteration-count: infinite;
+  -webkit-animation-name: slide;
+  -webkit-animation-duration: 1.5s;
+  -webkit-animation-easing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-name: slide;
+  -moz-animation-duration: 1.5s;
+  -moz-animation-easing-function: linear;
+  -moz-animation-iteration-count: infinite;
+}
+
+@keyframes slide {
+  0% {
+    right: 60px;
+    left: 2px;
+  }
+  5% {
+    left: 2px;
+  }
+  50% {
+    right: 2px;
+    left: 60px;
+  }
+  55% {
+    right: 2px;
+  }
+  100% {
+    right: 60px;
+    left: 2px;
+  }
+}
+@-webkit-keyframes slide {
+  0% {
+    right: 100px;
+    left: 2px;
+  }
+  5% {
+    left: 2px;
+  }
+  50% {
+    right: 2px;
+    left: 100px;
+  }
+  55% {
+    right: 2px;
+  }
+  100% {
+    right: 100px;
+    left: 2px;
+  }
+}
+@-moz-keyframes slide {
+  0% {
+    right: 60px;
+    left: 2px;
+  }
+  5% {
+    left: 2px;
+  }
+  50% {
+    right: 2px;
+    left: 60px;
+  }
+  55% {
+    right: 2px;
+  }
+  100% {
+    right: 60px;
+    left: 2px;
+  }
+}
+/* Options */
+/* line 1062, ../sass/style.sass */
+.suboptions {
+  margin: 5px 30px;
+  border: double 2px rgba(69, 71, 77, 0.1);
+  height: 0px;
+  padding: 0 !important;
+  overflow: hidden;
+  float: right;
+  transition: height 0.3s linear;
+  -webkit-transition: height 0.3s linear;
+  -moz-transition: height 0.3s linear;
+  -o-transition: height 0.3s linear;
+  -ms-transition: height 0.3s linear;
+  font-size: 0.9em;
+  line-height: 0.9em;
+  font-style: italic;
+}
+/* line 1077, ../sass/style.sass */
+.suboptions div {
+  float: none !important;
+}
+/* line 1079, ../sass/style.sass */
+.suboptions span {
+  font-style: normal;
+}
+
+/*************************************
+*********** FOLLOWING PAGE ***********
+**************************************/
+
+.modal-wrapper.following-own-modal {
+    width: 678px;
+    height: 600px;
+    margin: -300px 0 0 -339px;
+}
+
+.following-own-modal .modal-content {
+    padding: 0;
+}
+
+.following-own-modal .following-list {
+    text-align: center;
+}
+
+.following-own-modal .following-list > li {
+    display: inline-block;
+    width: 320px;
+    height: 184px;
+    margin: 2px;
+    padding: 2px;
+    border: solid 1px rgba(69, 71, 77, .1);
+    background: #393c45;
+    text-align: center;
+    vertical-align: top;
+}
+
+.following-own-modal .following-list > li > div {
+    position: relative;
+}
+
+.following-own-modal .following-list > li:hover {
+    border-bottom: solid 1px #2b2e35;
+}
+
+.following-own-modal .following-list .mini-profile-photo {
+    width: 64px;
+    height: 64px;
+    margin-top: 12px;
+    margin-bottom: 2px;
+}
+
+.following-own-modal .following-list .mini-profile-name {
+    padding: 4px;
+}
+
+.following-own-modal .following-list .mini-screen-name {
+    display: none;
+}
+
+.following-own-modal .following-list .following-config {
+    width: 100%;
+    text-align: center;
+    margin: 4px;
+}
+
+.following-own-modal .following-list .following-config button {
+    display: inline-block;
+}
+
+.following-own-modal .following-list .mini-profile-actions {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 8px;
+}
+
+.following-own-modal .following-list > li:hover .mini-profile-actions {
+    display: block;
+}
+
+.following-own-modal .following-list .mini-profile-actions span {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    z-index: 10;
+    background: #2b2e35;
+}
+
+.following-own-modal .following-list .mini-profile-actions span:hover {
+    background: #ecb03f;
+}
+
+.following-own-modal .following-list .mini-profile-actions ul {
+    height: 0;
+    overflow: hidden;
+    position: absolute;
+    z-index: 20;
+    right: 0;
+    padding: 0;
+    background: #FFF;
+    transition: height .2s linear;
+}
+
+.following-own-modal .following-list .mini-profile-actions:hover ul {
+    height: 56px;
+    box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, .2);
+}
+
+.following-own-modal .following-list .mini-profile-actions ul > li {
+    text-align: left;
+    white-space: nowrap;
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 12px;
+    margin: 0;
+    padding: 4px 16px 4px 8px;
+    border-bottom: solid 1px rgba(0, 0, 0, 0);
+    background: #2b2e35;
+    cursor: pointer
+}
+
+.following-own-modal .following-list .mini-profile-actions ul > li:hover {
+    border-bottom: solid 1px #2b2e35;
+    color: rgba(255, 255, 255, 1);
+}
+
+.following-own-modal .following-list .swarm-status {
+    font-size: 11px;
+    display: block;
+}
+
+.following-own-modal .following-list .latest-activity {
+    font-size: 11px;
+}
+
+/********** AUTOCOMPLETING *********/
+
+/* line 1087, ../sass/style.sass */
+ul.dropdown-menu {
+  min-width: 160px;
+  padding: 5px 0 7px;
+  margin: 2px 0 0;
+  list-style: none;
+  background-color: #fff;
+  border-bottom: solid 2px #2b2e35;
+  box-shadow: 8px 10px 10px 0px rgba(0,0,0, .2);
+}
+
+/* line 1105, ../sass/style.sass */
+ul.dropdown-menu > li > a {
+  padding: 3px 20px;
+  white-space: nowrap;
+  transition: all 100ms;
+}
+
+ul.dropdown-menu li:hover,
+ul.dropdown-menu .active, ul.dropdown-menu .active a {
+  color: #2b2e35;
+  cursor: pointer;
+}
+
+@media (max-width: 1200px) {
+  /* line 2, ../sass/_responsive.sass */
+  .wrapper {
+    width: 900px;
+  }
+
+  /* line 5, ../sass/_responsive.sass */
+  .dashboard.right {
+    display: none;
+  }
+
+  /* line 8, ../sass/_responsive.sass */
+  .userMenu ul {
+    width: 900px;
+  }
+
+  /* line 11, ../sass/_responsive.sass */
+  .postboard {
+    width: 100%;
+  }
+
+  /* line 14, ../sass/_responsive.sass */
+  .following-list li, .twistday-reminder li {
+    float: left;
+    font-size: 80%;
+  }
+
+    #modals-minimized {
+        width: 900px;
+        margin-left: -450px;
+    }
+}
+@media (max-width: 900px) {
+  /* line 21, ../sass/_responsive.sass */
+  .modal-wrapper.profile-modal {
+    left: 1%;
+    margin-left: 0;
+  }
+}
+@media (max-width: 600px) {
+  /* line 26, ../sass/_responsive.sass */
+  .dashboard.left, .postboard {
+    position: static;
+    width: 100%;
+  }
+
+  /* line 29, ../sass/_responsive.sass */
+  .postboard {
+    margin: 0;
+    padding: 10px;
+  }
+
+  /* line 32, ../sass/_responsive.sass */
+  .module.who-to-follow, .module.toptrends, .module.twistday-reminder {
+    display: none;
+  }
+
+  /* line 35, ../sass/_responsive.sass */
+  .mini-profile .post-area, .mini-profile .post-area-new {
+    display: none;
+  }
+
+  /* line 37, ../sass/_responsive.sass */
+  .following-list li, .twistday-reminder li {
+    width: 98%;
+    float: none;
+    margin: 2% 1%;
+  }
+}
+
+
+.post-rt-reference {
+    background: #2A2D36;
+    padding: 3px;
+}
+
+.post-rt-reference:hover {
+    color: #b3b0b0;
+    cursor: pointer;
+}
+
+.post-rt-reference .post-photo {
+    width: 24px;
+    height: 24px;
+    margin-right: 4px;
+}
+
+.post-rt-reference .post-photo img {
+    width: 24px;
+    height: auto;
+}
+
+.post-rt-reference .post-info-name {
+    font-size: 11px;
+    padding-left: 0px;
+}
+
+.post-rt-reference .post-text {
+    font-size: 11px;
+    margin: 4px 4px 4px 28px;
+}
+
+.post-rt-reference .post-info-time {
+    font-size: 9px;
+    color: #B3B5B7;
+    margin: 0 2px 0;
+}
+
+.userMenu-config a {
+  color: rgba(255, 255, 255, 0.7)
+}
+
+.userMenu-config a:hover {
+  color: rgba(255, 255, 255, 1)
+}
\ No newline at end of file
diff --git a/theme_nin_night/img/grayed_avatar_placeholder_24.png b/theme_nin_night/img/grayed_avatar_placeholder_24.png
new file mode 100644
index 0000000..02675e5
Binary files /dev/null and b/theme_nin_night/img/grayed_avatar_placeholder_24.png differ
diff --git a/theme_nin_night/img/groupmessages.png b/theme_nin_night/img/groupmessages.png
new file mode 100644
index 0000000..a084c1d
Binary files /dev/null and b/theme_nin_night/img/groupmessages.png differ
diff --git a/theme_nin_night/img/tornado_avatar.png b/theme_nin_night/img/tornado_avatar.png
new file mode 100644
index 0000000..32c5a2e
Binary files /dev/null and b/theme_nin_night/img/tornado_avatar.png differ
diff --git a/theme_nin_night/img/twister_favicon.png b/theme_nin_night/img/twister_favicon.png
new file mode 100644
index 0000000..9250e0a
Binary files /dev/null and b/theme_nin_night/img/twister_favicon.png differ
diff --git a/theme_nin_night/img/twister_logo.png b/theme_nin_night/img/twister_logo.png
new file mode 100644
index 0000000..4a29d79
Binary files /dev/null and b/theme_nin_night/img/twister_logo.png differ
diff --git a/theme_nin_night/js/theme_option.js b/theme_nin_night/js/theme_option.js
new file mode 100644
index 0000000..62e1688
--- /dev/null
+++ b/theme_nin_night/js/theme_option.js
@@ -0,0 +1,59 @@
+$(function () {
+    $('.modal-close').html('');
+    $('.modal-back').html('');
+    $('.twister-user-remove').html('');
+    $('.profile-card-main').attr('style', '');
+    $('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin_night/img/tornado_avatar.png");
+    $('.mini-profile-actions span').html('');
+
+    // indirect eval call in hope to execute code globally
+    (1, eval)(postToElem.toString().replace(/postContext.append\(twister\.tmpl\.postRtBy/,
+        'postContext.prependTo(postContext.parent()).append(twister.tmpl.postRtBy'));
+
+    $('.userMenu-home.current a').on('click', function () {
+        $('html, body').animate({scrollTop:0},300);
+        return false
+    });
+
+    $('.promoted-posts-only').on('click', function () {
+    // modify the way promoted posts are shown
+        //active promoted posts tab
+        $(this).children('.promoted-posts').addClass(promotedPostsOnly ? "active" : "disabled");
+        $(this).children('.normal-posts').addClass(promotedPostsOnly ? "disabled" : "active");
+        $('#postboard-top').removeClass(promotedPostsOnly ? "show" : "hide");
+        //active normal posts
+        $(this).children('.promoted-posts').removeClass(promotedPostsOnly ? "disabled" : "active");
+        $(this).children('.normal-posts').removeClass(promotedPostsOnly ? "active" : "disabled");
+        $('#postboard-top').addClass(promotedPostsOnly ? "hide" : "show");
+    });
+
+    $(window).on('scroll', (function () {
+        if ($(document).scrollTop() >= 250) {
+            if (this.css('display') === 'none')
+                this.slideDown(300);
+        } else if (this.css('display') === 'block')
+            this.slideUp(150);
+    }).bind($('.left .post-area-new')));
+
+
+    $('#search-profile-template .follow')
+        .html('')
+        .attr('title', polyglot.t('Follow'))
+        .on('eventToggleFollow', function() {
+            $(this).text('').attr('title', polyglot.t('Follow'));
+        })
+        .on('eventToggleUnfollow', function() {
+            $(this).text('').attr('title', polyglot.t('Unfollow'));
+        })
+    ;
+
+    if (/\/options.html$/i.test(document.location))
+        localizeLabels();
+});
+
+function localizeLabels() {
+    $('label.tabs').each(function (i, elem) {
+        var elem = $(elem);
+        elem.text(polyglot.t(elem.text()));
+    });
+}