From defa641e7e90049b0237403b61188ce75b786f24 Mon Sep 17 00:00:00 2001
From: Michel Felipe <mfelipeof@gmail.com>
Date: Fri, 22 May 2015 14:26:28 -0300
Subject: [PATCH] Added initial structure with header + left sidebar into responsive features

---
 plugins/responsive/lib/ext/application_helper.rb                              |  30 +++++++++++++++++++++++++++++-
 plugins/responsive/views/layouts/_menu_responsive.html.erb                    |   3 +--
 public/designs/themes/cube-responsive/bootstrap/_variables.scss               | 864 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/favicon.ico                             | Bin 0 -> 1150 bytes
 public/designs/themes/cube-responsive/footer.html.erb                         |   9 +++++++++
 public/designs/themes/cube-responsive/header.html.erb                         |  17 +++++++++++++++++
 public/designs/themes/cube-responsive/header_not_user_right.html.erb          |   8 ++++++++
 public/designs/themes/cube-responsive/header_user_notices.html.erb            | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/header_user_right_menu.html.erb         |  36 ++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png          | Bin 0 -> 684 bytes
 public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png         | Bin 0 -> 484 bytes
 public/designs/themes/cube-responsive/images/.DS_Store                        | Bin 0 -> 6148 bytes
 public/designs/themes/cube-responsive/images/cube-logo-black.png              | Bin 0 -> 3587 bytes
 public/designs/themes/cube-responsive/images/logo-black.png                   | Bin 0 -> 3587 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero-header.png         | Bin 0 -> 6360 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png        | Bin 0 -> 9248 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero-raw.png            | Bin 0 -> 6360 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero.png                | Bin 0 -> 12837 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero.xcf                | Bin 0 -> 23694 bytes
 public/designs/themes/cube-responsive/images/logo-noosfero0.xcf               | Bin 0 -> 23694 bytes
 public/designs/themes/cube-responsive/images/logo-small.png                   | Bin 0 -> 1971 bytes
 public/designs/themes/cube-responsive/images/logo.png                         | Bin 0 -> 3486 bytes
 public/designs/themes/cube-responsive/images/rails.png                        | Bin 0 -> 1787 bytes
 public/designs/themes/cube-responsive/images/samples/.DS_Store                | Bin 0 -> 12292 bytes
 public/designs/themes/cube-responsive/images/samples/messages-photo-1.png     | Bin 0 -> 4630 bytes
 public/designs/themes/cube-responsive/images/samples/messages-photo-2.png     | Bin 0 -> 4668 bytes
 public/designs/themes/cube-responsive/images/samples/messages-photo-3.png     | Bin 0 -> 4794 bytes
 public/designs/themes/cube-responsive/images/samples/scarlet-159.png          | Bin 0 -> 54052 bytes
 public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg         | Bin 0 -> 32337 bytes
 public/designs/themes/cube-responsive/images/thin-logo.png                    | Bin 0 -> 6098 bytes
 public/designs/themes/cube-responsive/images/thin-logo.xcf                    | Bin 0 -> 8103 bytes
 public/designs/themes/cube-responsive/images/thin-logo0.png                   | Bin 0 -> 6098 bytes
 public/designs/themes/cube-responsive/images/thin-logo0.xcf                   | Bin 0 -> 8103 bytes
 public/designs/themes/cube-responsive/imgs/50x.png                            | Bin 0 -> 97851 bytes
 public/designs/themes/cube-responsive/imgs/arrow-down-p.png                   | Bin 0 -> 233 bytes
 public/designs/themes/cube-responsive/imgs/arrow-right-p.png                  | Bin 0 -> 215 bytes
 public/designs/themes/cube-responsive/imgs/blog-sep.png                       | Bin 0 -> 161 bytes
 public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif         | Bin 0 -> 1611 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-L.png                   | Bin 0 -> 188 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-N.png                   | Bin 0 -> 187 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-NL.png                  | Bin 0 -> 262 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-NO.png                  | Bin 0 -> 391 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-O.png                   | Bin 0 -> 192 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-S.png                   | Bin 0 -> 224 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-SL.png                  | Bin 0 -> 263 bytes
 public/designs/themes/cube-responsive/imgs/comment-bg-SO.png                  | Bin 0 -> 279 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png             | Bin 0 -> 188 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png             | Bin 0 -> 235 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png            | Bin 0 -> 261 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png            | Bin 0 -> 515 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png             | Bin 0 -> 198 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png             | Bin 0 -> 223 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png            | Bin 0 -> 259 bytes
 public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png            | Bin 0 -> 273 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-L.png                   | Bin 0 -> 154 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-N.png                   | Bin 0 -> 156 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-NL.png                  | Bin 0 -> 228 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-NO.png                  | Bin 0 -> 214 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-O.png                   | Bin 0 -> 153 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-S.png                   | Bin 0 -> 156 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-SL.png                  | Bin 0 -> 216 bytes
 public/designs/themes/cube-responsive/imgs/content-bg-SO.png                  | Bin 0 -> 217 bytes
 public/designs/themes/cube-responsive/imgs/down-arrow-light.png               | Bin 0 -> 169 bytes
 public/designs/themes/cube-responsive/imgs/lettering-slbr.png                 | Bin 0 -> 2102 bytes
 public/designs/themes/cube-responsive/imgs/li-blue.gif                        | Bin 0 -> 88 bytes
 public/designs/themes/cube-responsive/imgs/li-gray.gif                        | Bin 0 -> 88 bytes
 public/designs/themes/cube-responsive/imgs/li-recent.gif                      | Bin 0 -> 88 bytes
 public/designs/themes/cube-responsive/imgs/link-list-current-bg.png           | Bin 0 -> 192 bytes
 public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png               | Bin 0 -> 195 bytes
 public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png              | Bin 0 -> 218 bytes
 public/designs/themes/cube-responsive/imgs/menu-top-bg.png                    | Bin 0 -> 177 bytes
 public/designs/themes/cube-responsive/imgs/menu-top-hilight.png               | Bin 0 -> 228 bytes
 public/designs/themes/cube-responsive/js/scripts.js                           | 149 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/layouts/application-responsive.html.erb |  83 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/navigation.html.erb                     |   4 ++++
 public/designs/themes/cube-responsive/sass/_theme_styles.scss                 |  20 ++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_customs.scss              |  83 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss        |  49 +++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_footer.scss               |  25 +++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_header.scss               | 516 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_layouts.scss              | 273 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_mixins.scss               |  63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_sidebar.scss              | 274 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/_skins.scss                |   2 ++
 public/designs/themes/cube-responsive/sass/imports/_variables.scss            |  89 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss  |  46 ++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss      |  49 +++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss           | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss  | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/sidebar_user.html.erb                   | 418 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/site_title.html.erb                     |   5 +++++
 public/designs/themes/cube-responsive/style.scss                              |  10 ++++++++++
 public/designs/themes/cube-responsive/theme.js                                | 149 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/designs/themes/cube-responsive/theme.yml                               |   5 +++++
 94 files changed, 3668 insertions(+), 3 deletions(-)
 create mode 100644 public/designs/themes/cube-responsive/bootstrap/_variables.scss
 create mode 100644 public/designs/themes/cube-responsive/favicon.ico
 create mode 100644 public/designs/themes/cube-responsive/footer.html.erb
 create mode 100644 public/designs/themes/cube-responsive/header.html.erb
 create mode 100644 public/designs/themes/cube-responsive/header_not_user_right.html.erb
 create mode 100644 public/designs/themes/cube-responsive/header_user_notices.html.erb
 create mode 100644 public/designs/themes/cube-responsive/header_user_right_menu.html.erb
 create mode 100644 public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png
 create mode 100644 public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png
 create mode 100644 public/designs/themes/cube-responsive/images/.DS_Store
 create mode 100644 public/designs/themes/cube-responsive/images/cube-logo-black.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-black.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero-header.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero-raw.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero.xcf
 create mode 100644 public/designs/themes/cube-responsive/images/logo-noosfero0.xcf
 create mode 100644 public/designs/themes/cube-responsive/images/logo-small.png
 create mode 100644 public/designs/themes/cube-responsive/images/logo.png
 create mode 100644 public/designs/themes/cube-responsive/images/rails.png
 create mode 100644 public/designs/themes/cube-responsive/images/samples/.DS_Store
 create mode 100644 public/designs/themes/cube-responsive/images/samples/messages-photo-1.png
 create mode 100644 public/designs/themes/cube-responsive/images/samples/messages-photo-2.png
 create mode 100644 public/designs/themes/cube-responsive/images/samples/messages-photo-3.png
 create mode 100644 public/designs/themes/cube-responsive/images/samples/scarlet-159.png
 create mode 100644 public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg
 create mode 100644 public/designs/themes/cube-responsive/images/thin-logo.png
 create mode 100644 public/designs/themes/cube-responsive/images/thin-logo.xcf
 create mode 100644 public/designs/themes/cube-responsive/images/thin-logo0.png
 create mode 100644 public/designs/themes/cube-responsive/images/thin-logo0.xcf
 create mode 100644 public/designs/themes/cube-responsive/imgs/50x.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/arrow-down-p.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/arrow-right-p.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/blog-sep.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-L.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-N.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-NL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-NO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-O.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-S.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-SL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-bg-SO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-L.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-N.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-NL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-NO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-O.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-S.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-SL.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/content-bg-SO.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/down-arrow-light.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/lettering-slbr.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/li-blue.gif
 create mode 100644 public/designs/themes/cube-responsive/imgs/li-gray.gif
 create mode 100644 public/designs/themes/cube-responsive/imgs/li-recent.gif
 create mode 100644 public/designs/themes/cube-responsive/imgs/link-list-current-bg.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/menu-top-bg.png
 create mode 100644 public/designs/themes/cube-responsive/imgs/menu-top-hilight.png
 create mode 100644 public/designs/themes/cube-responsive/js/scripts.js
 create mode 100644 public/designs/themes/cube-responsive/layouts/application-responsive.html.erb
 create mode 100644 public/designs/themes/cube-responsive/navigation.html.erb
 create mode 100644 public/designs/themes/cube-responsive/sass/_theme_styles.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_customs.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_footer.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_header.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_layouts.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_mixins.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_sidebar.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_skins.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/_variables.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss
 create mode 100644 public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss
 create mode 100644 public/designs/themes/cube-responsive/sidebar_user.html.erb
 create mode 100644 public/designs/themes/cube-responsive/site_title.html.erb
 create mode 100644 public/designs/themes/cube-responsive/style.scss
 create mode 100644 public/designs/themes/cube-responsive/theme.js
 create mode 100644 public/designs/themes/cube-responsive/theme.yml

diff --git a/plugins/responsive/lib/ext/application_helper.rb b/plugins/responsive/lib/ext/application_helper.rb
index ce49ff1..e0bfe6a 100644
--- a/plugins/responsive/lib/ext/application_helper.rb
+++ b/plugins/responsive/lib/ext/application_helper.rb
@@ -370,6 +370,35 @@ module ApplicationHelper
       form_for(name, { builder: NoosferoFormBuilder }.merge(options), &proc)
     end
 
+    #
+    # @todo Move this method to core application_helper.rb
+    # and make a merge request to master branch of noosfero
+    #
+    def method_missing(name, *args)
+      name = name.to_s
+
+      if name.start_with? 'theme_'
+
+        if name.include? '_not_user'
+          return include_partial name unless logged_in?
+          return
+
+        elsif name.include? '_user' and !name.include? '_not'
+          return unless logged_in?
+        end
+
+        include_partial name
+      end
+    end
+
+    private
+
+      def include_partial(name)
+        theme_value = self.instance_variable_get('@'+name) || theme_include(name.gsub('theme_',''))
+
+        self.instance_variable_set('@'+name,theme_value)
+      end
+
   # TODO: Make optional fields compliant to horizontal form
   #  def optional_field profile, name, field_html = nil, only_required = false, &block
   #  end
@@ -419,4 +448,3 @@ module ApplicationHelper
   end
 
 end
-
diff --git a/plugins/responsive/views/layouts/_menu_responsive.html.erb b/plugins/responsive/views/layouts/_menu_responsive.html.erb
index cc2b8a4..9bcf89d 100644
--- a/plugins/responsive/views/layouts/_menu_responsive.html.erb
+++ b/plugins/responsive/views/layouts/_menu_responsive.html.erb
@@ -1,6 +1,6 @@
 <% user = (session[:user] && User.find_by_id(session[:user])) || nil %>
 <div>
-<nav id="top-bar" class="navbar navbar-default navbar-static-top" role="navigation">
+<nav id="top-bar" class="navbar navbar-default" role="navigation">
   <div class="container">
     <!-- Brand and toggle get grouped for better mobile display -->
     <div class="navbar-header">
@@ -19,7 +19,6 @@
         <span class="icon-bar"></span>
       </button>
 
-      <a class="navbar-brand" href="<%= environment.top_url %>"><%= theme_site_title %><%= h @environment.name %></a>
     </div>
 
     <!-- Collect the nav links, forms, and other content for toggling -->
diff --git a/public/designs/themes/cube-responsive/bootstrap/_variables.scss b/public/designs/themes/cube-responsive/bootstrap/_variables.scss
new file mode 100644
index 0000000..02e1452
--- /dev/null
+++ b/public/designs/themes/cube-responsive/bootstrap/_variables.scss
@@ -0,0 +1,864 @@
+// When true, asset path helpers are used, otherwise the regular CSS `url()` is used.
+// When there no function is defined, `fn('')` is parsed as string that equals the right hand side
+// NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path)
+$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
+
+//
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray-base:              #000 !default;
+$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
+$gray-dark:              lighten($gray-base, 20%) !default;   // #333
+$gray:                   lighten($gray-base, 33.5%) !default; // #555
+$gray-light:             lighten($gray-base, 46.7%) !default; // #777
+$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee
+
+$brand-primary:         darken(#428bca, 6.5%) !default;
+$brand-success:         #5cb85c !default;
+$brand-info:            #5bc0de !default;
+$brand-warning:         #f0ad4e !default;
+$brand-danger:          #d9534f !default;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+$body-bg:               #fff !default;
+//** Global text color on `<body>`.
+$text-color:            $gray-dark !default;
+
+//** Global textual link color.
+$link-color:            $brand-primary !default;
+//** Link hover color set via `darken()` function.
+$link-hover-color:      darken($link-color, 15%) !default;
+//** Link hover decoration.
+$link-hover-decoration: underline !default;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:        $font-family-sans-serif !default;
+
+$font-size-base:          14px !default;
+$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+
+$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
+$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base:        1.428571429 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+//** By default, this inherits from the `<body>`.
+$headings-font-family:    inherit !default;
+$headings-font-weight:    500 !default;
+$headings-line-height:    1.1 !default;
+$headings-color:          inherit !default;
+
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+
+// [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths
+$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
+
+//** File name for all font files.
+$icon-font-name:          "glyphicons-halflings-regular" !default;
+//** Element ID within SVG icon file.
+$icon-font-svg-id:        "glyphicons_halflingsregular" !default;
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+$padding-base-vertical:     6px !default;
+$padding-base-horizontal:   12px !default;
+
+$padding-large-vertical:    10px !default;
+$padding-large-horizontal:  16px !default;
+
+$padding-small-vertical:    5px !default;
+$padding-small-horizontal:  10px !default;
+
+$padding-xs-vertical:       1px !default;
+$padding-xs-horizontal:     5px !default;
+
+$line-height-large:         1.33 !default;
+$line-height-small:         1.5 !default;
+
+$border-radius-base:        4px !default;
+$border-radius-large:       6px !default;
+$border-radius-small:       3px !default;
+
+//** Global color for active items (e.g., navs or dropdowns).
+$component-active-color:    #fff !default;
+//** Global background color for active items (e.g., navs or dropdowns).
+$component-active-bg:       $brand-primary !default;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+$caret-width-base:          4px !default;
+//** Carets increase slightly in size for larger components.
+$caret-width-large:         5px !default;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+$table-cell-padding:            8px !default;
+//** Padding for cells in `.table-condensed`.
+$table-condensed-cell-padding:  5px !default;
+
+//** Default background color used for all tables.
+$table-bg:                      transparent !default;
+//** Background color used for `.table-striped`.
+$table-bg-accent:               #f9f9f9 !default;
+//** Background color used for `.table-hover`.
+$table-bg-hover:                #f5f5f5 !default;
+$table-bg-active:               $table-bg-hover !default;
+
+//** Border color for table and cell borders.
+$table-border-color:            #ddd !default;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+$btn-font-weight:                normal;
+
+$btn-default-color:              #fff;
+$btn-default-bg:                 $gray-light;
+$btn-default-border:             $btn-default-bg;
+
+$btn-primary-color:              $btn-default-color;
+$btn-primary-bg:                 $brand-primary;
+$btn-primary-border:             $btn-primary-bg;
+
+$btn-success-color:              $btn-default-color;
+$btn-success-bg:                 $brand-success;
+$btn-success-border:             $btn-success-bg;
+
+$btn-info-color:                 $btn-default-color;
+$btn-info-bg:                    $brand-info;
+$btn-info-border:                $btn-info-bg;
+
+$btn-warning-color:              $btn-default-color;
+$btn-warning-bg:                 $brand-warning;
+$btn-warning-border:             $btn-warning-bg;
+
+$btn-danger-color:               $btn-default-color;
+$btn-danger-bg:                  $brand-danger;
+$btn-danger-border:              $btn-danger-bg;
+
+$btn-link-disabled-color:        $gray-light;
+
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+$input-bg:                       #fff !default;
+//** `<input disabled>` background color
+$input-bg-disabled:              $gray-lighter !default;
+
+//** Text color for `<input>`s
+$input-color:                    $gray !default;
+//** `<input>` border color
+$input-border:                   #ccc !default;
+
+// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
+//** Default `.form-control` border radius
+$input-border-radius:            $border-radius-base !default;
+//** Large `.form-control` border radius
+$input-border-radius-large:      $border-radius-large !default;
+//** Small `.form-control` border radius
+$input-border-radius-small:      $border-radius-small !default;
+
+//** Border color for inputs on focus
+$input-border-focus:             #66afe9 !default;
+
+//** Placeholder text color
+$input-color-placeholder:        #999 !default;
+
+//** Default `.form-control` height
+$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
+//** Large `.form-control` height
+$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
+//** Small `.form-control` height
+$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
+
+$legend-color:                   $gray-dark !default;
+$legend-border-color:            #e5e5e5 !default;
+
+//** Background color for textual input addons
+$input-group-addon-bg:           $gray-lighter !default;
+//** Border color for textual input addons
+$input-group-addon-border-color: $input-border !default;
+
+//** Disabled cursor for form controls and buttons.
+$cursor-disabled:                not-allowed !default;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+$dropdown-bg:                    #fff !default;
+//** Dropdown menu `border-color`.
+$dropdown-border:                rgba(0,0,0,.15) !default;
+//** Dropdown menu `border-color` **for IE8**.
+$dropdown-fallback-border:       #ccc !default;
+//** Divider color for between dropdown items.
+$dropdown-divider-bg:            #e5e5e5 !default;
+
+//** Dropdown link text color.
+$dropdown-link-color:            $gray-dark !default;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg:         #f5f5f5 !default;
+
+//** Active dropdown menu item text color.
+$dropdown-link-active-color:     $component-active-color !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
+
+//** Disabled dropdown menu item background color.
+$dropdown-link-disabled-color:   $gray-light !default;
+
+//** Text color for headers within dropdown menus.
+$dropdown-header-color:          $gray-light !default;
+
+//** Deprecated `$dropdown-caret-color` as of v3.1.0
+$dropdown-caret-color:           #000 !default;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+$zindex-navbar:            1000 !default;
+$zindex-dropdown:          1000 !default;
+$zindex-popover:           1060 !default;
+$zindex-tooltip:           1070 !default;
+$zindex-navbar-fixed:      1030 !default;
+$zindex-modal:             1040 !default;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `$screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `$screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `$screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `$screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `$screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `$screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `$screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `$screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `$screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+$container-tablet:             (720px + $grid-gutter-width) !default;
+//** For `$screen-sm-min` and up.
+$container-sm:                 $container-tablet !default;
+
+// Medium screen / desktop
+$container-desktop:            (940px + $grid-gutter-width) !default;
+//** For `$screen-md-min` and up.
+$container-md:                 $container-desktop !default;
+
+// Large screen / wide desktop
+$container-large-desktop:      (1140px + $grid-gutter-width) !default;
+//** For `$screen-lg-min` and up.
+$container-lg:                 $container-large-desktop !default;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    50px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             white !default;
+$navbar-default-bg:                #2c3e50 !default;
+$navbar-default-border:            lighten($navbar-default-bg, 6.5%) !default;
+
+// Navbar links
+$navbar-default-link-color:                white !default;
+$navbar-default-link-hover-color:          #333 !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         #555 !default;
+$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
+$navbar-default-link-disabled-color:       #ccc !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-color !default;
+$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           #ddd !default;
+$navbar-default-toggle-icon-bar-bg:        #888 !default;
+$navbar-default-toggle-border-color:       #ddd !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      lighten($gray-light, 15%) !default;
+$navbar-inverse-bg:                         #222 !default;
+$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 lighten($gray-light, 15%) !default;
+$navbar-inverse-link-hover-color:           #fff !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
+$navbar-inverse-link-disabled-color:        #444 !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:          #fff !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            #333 !default;
+$navbar-inverse-toggle-icon-bar-bg:         #fff !default;
+$navbar-inverse-toggle-border-color:        #333 !default;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+$nav-link-padding:                          10px 15px !default;
+$nav-link-hover-bg:                         $gray-lighter !default;
+
+$nav-disabled-link-color:                   $gray-light !default;
+$nav-disabled-link-hover-color:             $gray-light !default;
+
+//== Tabs
+$nav-tabs-border-color:                     #ddd !default;
+
+$nav-tabs-link-hover-border-color:          $gray-lighter !default;
+
+$nav-tabs-active-link-hover-bg:             $body-bg !default;
+$nav-tabs-active-link-hover-color:          $gray !default;
+$nav-tabs-active-link-hover-border-color:   #ddd !default;
+
+$nav-tabs-justified-link-border-color:            #ddd !default;
+$nav-tabs-justified-active-link-border-color:     $body-bg !default;
+
+//== Pills
+$nav-pills-border-radius:                   $border-radius-base !default;
+$nav-pills-active-link-hover-bg:            $component-active-bg !default;
+$nav-pills-active-link-hover-color:         $component-active-color !default;
+
+
+//== Pagination
+//
+//##
+
+$pagination-color:                     $link-color !default;
+$pagination-bg:                        #fff !default;
+$pagination-border:                    #ddd !default;
+
+$pagination-hover-color:               $link-hover-color !default;
+$pagination-hover-bg:                  $gray-lighter !default;
+$pagination-hover-border:              #ddd !default;
+
+$pagination-active-color:              #fff !default;
+$pagination-active-bg:                 $brand-primary !default;
+$pagination-active-border:             $brand-primary !default;
+
+$pagination-disabled-color:            $gray-light !default;
+$pagination-disabled-bg:               #fff !default;
+$pagination-disabled-border:           #ddd !default;
+
+
+//== Pager
+//
+//##
+
+$pager-bg:                             $pagination-bg !default;
+$pager-border:                         $pagination-border !default;
+$pager-border-radius:                  15px !default;
+
+$pager-hover-bg:                       $pagination-hover-bg !default;
+
+$pager-active-bg:                      $pagination-active-bg !default;
+$pager-active-color:                   $pagination-active-color !default;
+
+$pager-disabled-color:                 $pagination-disabled-color !default;
+
+
+//== Jumbotron
+//
+//##
+
+$jumbotron-padding:              30px !default;
+$jumbotron-color:                inherit !default;
+$jumbotron-bg:                   $gray-lighter !default;
+$jumbotron-heading-color:        inherit !default;
+$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+$state-success-text:             #3c763d !default;
+$state-success-bg:               #dff0d8 !default;
+$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
+
+$state-info-text:                #31708f !default;
+$state-info-bg:                  #d9edf7 !default;
+$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
+
+$state-warning-text:             #8a6d3b !default;
+$state-warning-bg:               #fcf8e3 !default;
+$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
+
+$state-danger-text:              #a94442 !default;
+$state-danger-bg:                #f2dede !default;
+$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+$tooltip-max-width:           200px !default;
+//** Tooltip text color
+$tooltip-color:               #fff !default;
+//** Tooltip background color
+$tooltip-bg:                  #000 !default;
+$tooltip-opacity:             .9 !default;
+
+//** Tooltip arrow width
+$tooltip-arrow-width:         5px !default;
+//** Tooltip arrow color
+$tooltip-arrow-color:         $tooltip-bg !default;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+$popover-bg:                          #fff !default;
+//** Popover maximum width
+$popover-max-width:                   276px !default;
+//** Popover border color
+$popover-border-color:                rgba(0,0,0,.2) !default;
+//** Popover fallback border color
+$popover-fallback-border-color:       #ccc !default;
+
+//** Popover title background color
+$popover-title-bg:                    darken($popover-bg, 3%) !default;
+
+//** Popover arrow width
+$popover-arrow-width:                 10px !default;
+//** Popover arrow color
+$popover-arrow-color:                 $popover-bg !default;
+
+//** Popover outer arrow width
+$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
+//** Popover outer arrow color
+$popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;
+//** Popover outer arrow fallback color
+$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+$label-default-bg:            $gray-light !default;
+//** Primary label background color
+$label-primary-bg:            $brand-primary !default;
+//** Success label background color
+$label-success-bg:            $brand-success !default;
+//** Info label background color
+$label-info-bg:               $brand-info !default;
+//** Warning label background color
+$label-warning-bg:            $brand-warning !default;
+//** Danger label background color
+$label-danger-bg:             $brand-danger !default;
+
+//** Default label text color
+$label-color:                 #fff !default;
+//** Default text color of a linked label
+$label-link-hover-color:      #fff !default;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+$modal-inner-padding:         15px !default;
+
+//** Padding applied to the modal title
+$modal-title-padding:         15px !default;
+//** Modal title line-height
+$modal-title-line-height:     $line-height-base !default;
+
+//** Background color of modal content area
+$modal-content-bg:                             #fff !default;
+//** Modal content border color
+$modal-content-border-color:                   rgba(0,0,0,.2) !default;
+//** Modal content border color **for IE8**
+$modal-content-fallback-border-color:          #999 !default;
+
+//** Modal backdrop background color
+$modal-backdrop-bg:           #000 !default;
+//** Modal backdrop opacity
+$modal-backdrop-opacity:      .5 !default;
+//** Modal header border color
+$modal-header-border-color:   #e5e5e5 !default;
+//** Modal footer border color
+$modal-footer-border-color:   $modal-header-border-color !default;
+
+$modal-lg:                    900px !default;
+$modal-md:                    600px !default;
+$modal-sm:                    300px !default;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+$alert-padding:               15px !default;
+$alert-border-radius:         $border-radius-base !default;
+$alert-link-font-weight:      bold !default;
+
+$alert-success-bg:            $state-success-bg !default;
+$alert-success-text:          $state-success-text !default;
+$alert-success-border:        $state-success-border !default;
+
+$alert-info-bg:               $state-info-bg !default;
+$alert-info-text:             $state-info-text !default;
+$alert-info-border:           $state-info-border !default;
+
+$alert-warning-bg:            $state-warning-bg !default;
+$alert-warning-text:          $state-warning-text !default;
+$alert-warning-border:        $state-warning-border !default;
+
+$alert-danger-bg:             $state-danger-bg !default;
+$alert-danger-text:           $state-danger-text !default;
+$alert-danger-border:         $state-danger-border !default;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+$progress-bg:                 #f5f5f5 !default;
+//** Progress bar text color
+$progress-bar-color:          #fff !default;
+//** Variable for setting rounded corners on progress bar.
+$progress-border-radius:      $border-radius-base !default;
+
+//** Default progress bar color
+$progress-bar-bg:             $brand-primary !default;
+//** Success progress bar color
+$progress-bar-success-bg:     $brand-success !default;
+//** Warning progress bar color
+$progress-bar-warning-bg:     $brand-warning !default;
+//** Danger progress bar color
+$progress-bar-danger-bg:      $brand-danger !default;
+//** Info progress bar color
+$progress-bar-info-bg:        $brand-info !default;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+$list-group-bg:                 #fff !default;
+//** `.list-group-item` border color
+$list-group-border:             #ddd !default;
+//** List group border radius
+$list-group-border-radius:      $border-radius-base !default;
+
+//** Background color of single list items on hover
+$list-group-hover-bg:           #f5f5f5 !default;
+//** Text color of active list items
+$list-group-active-color:       $component-active-color !default;
+//** Background color of active list items
+$list-group-active-bg:          $component-active-bg !default;
+//** Border color of active list elements
+$list-group-active-border:      $list-group-active-bg !default;
+//** Text color for content within active list items
+$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
+
+//** Text color of disabled list items
+$list-group-disabled-color:      $gray-light !default;
+//** Background color of disabled list items
+$list-group-disabled-bg:         $gray-lighter !default;
+//** Text color for content within disabled list items
+$list-group-disabled-text-color: $list-group-disabled-color !default;
+
+$list-group-link-color:         #555 !default;
+$list-group-link-hover-color:   $list-group-link-color !default;
+$list-group-link-heading-color: #333 !default;
+
+
+//== Panels
+//
+//##
+
+$panel-bg:                    #fff !default;
+$panel-body-padding:          15px !default;
+$panel-heading-padding:       10px 15px !default;
+$panel-footer-padding:        $panel-heading-padding !default;
+$panel-border-radius:         $border-radius-base !default;
+
+//** Border color for elements within panels
+$panel-inner-border:          #ddd !default;
+$panel-footer-bg:             #f5f5f5 !default;
+
+$panel-default-text:          $gray-dark !default;
+$panel-default-border:        #ddd !default;
+$panel-default-heading-bg:    #f5f5f5 !default;
+
+$panel-primary-text:          #fff !default;
+$panel-primary-border:        $brand-primary !default;
+$panel-primary-heading-bg:    $brand-primary !default;
+
+$panel-success-text:          $state-success-text !default;
+$panel-success-border:        $state-success-border !default;
+$panel-success-heading-bg:    $state-success-bg !default;
+
+$panel-info-text:             $state-info-text !default;
+$panel-info-border:           $state-info-border !default;
+$panel-info-heading-bg:       $state-info-bg !default;
+
+$panel-warning-text:          $state-warning-text !default;
+$panel-warning-border:        $state-warning-border !default;
+$panel-warning-heading-bg:    $state-warning-bg !default;
+
+$panel-danger-text:           $state-danger-text !default;
+$panel-danger-border:         $state-danger-border !default;
+$panel-danger-heading-bg:     $state-danger-bg !default;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+$thumbnail-padding:           4px !default;
+//** Thumbnail background color
+$thumbnail-bg:                $body-bg !default;
+//** Thumbnail border color
+$thumbnail-border:            #ddd !default;
+//** Thumbnail border radius
+$thumbnail-border-radius:     $border-radius-base !default;
+
+//** Custom text color for thumbnail captions
+$thumbnail-caption-color:     $text-color !default;
+//** Padding around the thumbnail caption
+$thumbnail-caption-padding:   9px !default;
+
+
+//== Wells
+//
+//##
+
+$well-bg:                     #f5f5f5 !default;
+$well-border:                 darken($well-bg, 7%) !default;
+
+
+//== Badges
+//
+//##
+
+$badge-color:                 #fff !default;
+//** Linked badge text color on hover
+$badge-link-hover-color:      #fff !default;
+$badge-bg:                    $gray-light !default;
+
+//** Badge text color in active nav link
+$badge-active-color:          $link-color !default;
+//** Badge background color in active nav link
+$badge-active-bg:             #fff !default;
+
+$badge-font-weight:           bold !default;
+$badge-line-height:           1 !default;
+$badge-border-radius:         10px !default;
+
+
+//== Breadcrumbs
+//
+//##
+
+$breadcrumb-padding-vertical:   8px !default;
+$breadcrumb-padding-horizontal: 15px !default;
+//** Breadcrumb background color
+$breadcrumb-bg:                 #f5f5f5 !default;
+//** Breadcrumb text color
+$breadcrumb-color:              #ccc !default;
+//** Text color of current page in the breadcrumb
+$breadcrumb-active-color:       $gray-light !default;
+//** Textual separator for between breadcrumb elements
+$breadcrumb-separator:          "/" !default;
+
+
+//== Carousel
+//
+//##
+
+$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
+
+$carousel-control-color:                      #fff !default;
+$carousel-control-width:                      15% !default;
+$carousel-control-opacity:                    .5 !default;
+$carousel-control-font-size:                  20px !default;
+
+$carousel-indicator-active-bg:                #fff !default;
+$carousel-indicator-border-color:             #fff !default;
+
+$carousel-caption-color:                      #fff !default;
+
+
+//== Close
+//
+//##
+
+$close-font-weight:           bold !default;
+$close-color:                 #000 !default;
+$close-text-shadow:           0 1px 0 #fff !default;
+
+
+//== Code
+//
+//##
+
+$code-color:                  #c7254e !default;
+$code-bg:                     #f9f2f4 !default;
+
+$kbd-color:                   #fff !default;
+$kbd-bg:                      #333 !default;
+
+$pre-bg:                      #f5f5f5 !default;
+$pre-color:                   $gray-dark !default;
+$pre-border-color:            #ccc !default;
+$pre-scrollable-max-height:   340px !default;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
diff --git a/public/designs/themes/cube-responsive/favicon.ico b/public/designs/themes/cube-responsive/favicon.ico
new file mode 100644
index 0000000..ff2bde6
Binary files /dev/null and b/public/designs/themes/cube-responsive/favicon.ico differ
diff --git a/public/designs/themes/cube-responsive/footer.html.erb b/public/designs/themes/cube-responsive/footer.html.erb
new file mode 100644
index 0000000..6d0ec8a
--- /dev/null
+++ b/public/designs/themes/cube-responsive/footer.html.erb
@@ -0,0 +1,9 @@
+<div class="container">
+  <div id="footer-links">
+    <%= link_to _('Manual'), '/doc', id: "link-to-doc", class: 'icon-help' %>
+  </div><!-- end id="footer-links" -->
+  <div id="copyright">
+    <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p>
+  </div><!-- end id="copyright" -->
+  <%= language_chooser(environment) %>
+</div>
diff --git a/public/designs/themes/cube-responsive/header.html.erb b/public/designs/themes/cube-responsive/header.html.erb
new file mode 100644
index 0000000..7eb854b
--- /dev/null
+++ b/public/designs/themes/cube-responsive/header.html.erb
@@ -0,0 +1,17 @@
+<header class="navbar" id="header-navbar">
+  <div class="container">
+    <%= theme_site_title %>
+
+    <div class="clearfix">
+    <button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="fa fa-bars"></span>
+    </button>
+
+    <%= theme_header_user_notices %>
+
+    <%= theme_header_user_right_menu %>
+    <%= theme_header_not_user_right %>
+    </div>
+  </div>
+</header>
diff --git a/public/designs/themes/cube-responsive/header_not_user_right.html.erb b/public/designs/themes/cube-responsive/header_not_user_right.html.erb
new file mode 100644
index 0000000..b25fe24
--- /dev/null
+++ b/public/designs/themes/cube-responsive/header_not_user_right.html.erb
@@ -0,0 +1,8 @@
+<ul class="nav navbar-nav pull-right">
+<li>
+  <a href="/account/login" class="" id="link_login" onclick="return noosfero.modal.inline('#inlineLoginBox')"><i class="icon-menu-login"></i><strong>Entrar</strong></a>
+</li>
+<li>
+  <a href="/account/signup"><strong>Registre-se</strong></a>
+</li>
+</ul>
diff --git a/public/designs/themes/cube-responsive/header_user_notices.html.erb b/public/designs/themes/cube-responsive/header_user_notices.html.erb
new file mode 100644
index 0000000..600cca6
--- /dev/null
+++ b/public/designs/themes/cube-responsive/header_user_notices.html.erb
@@ -0,0 +1,181 @@
+<div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs">
+  <ul class="nav navbar-nav pull-left">
+    <li>
+      <a class="btn" id="make-small-nav">
+        <i><span class="fa fa-bars"></span></i>
+      </a>
+    </li>
+    <li class="dropdown hidden-xs">
+      <a class="btn dropdown-toggle" data-target="#" data-toggle="dropdown">
+        <i class="fa fa-bell"></i>
+        <span class="count">8</span>
+      </a>
+      <ul class="dropdown-menu notifications-list">
+        <li class="pointer">
+          <div class="pointer-inner">
+            <div class="arrow"></div>
+          </div>
+        </li>
+        <li class="item-header">You have 6 new notifications</li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-comment"></i>
+            <span class="content">New comment on ‘Awesome P...</span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-plus"></i>
+            <span class="content">New user registration</span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-envelope"></i>
+            <span class="content">New Message from George</span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-shopping-cart"></i>
+            <span class="content">New purchase</span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-eye"></i>
+            <span class="content">New order</span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item-footer">
+          <a href="#">
+            View all notifications
+          </a>
+        </li>
+      </ul>
+    </li>
+    <li class="dropdown hidden-xs">
+      <a class="btn dropdown-toggle" data-target="#" data-toggle="dropdown">
+        <i><span class="fa fa-envelope"></span></i>
+        <span class="count">16</span>
+      </a>
+      <ul class="dropdown-menu notifications-list messages-list">
+        <li class="pointer">
+          <div class="pointer-inner">
+            <div class="arrow"></div>
+          </div>
+        </li>
+        <li class="item first-item">
+          <a href="#">
+            <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-1.png" alt=""/>
+            <span class="content">
+              <span class="content-headline">
+                George Clooney
+              </span>
+              <span class="content-text">
+                Look, just because I don't be givin' no man a foot massage don't make it
+                right for Marsellus to throw...
+              </span>
+            </span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-2.png" alt=""/>
+            <span class="content">
+              <span class="content-headline">
+                Emma Watson
+              </span>
+              <span class="content-text">
+                Look, just because I don't be givin' no man a foot massage don't make it
+                right for Marsellus to throw...
+              </span>
+            </span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-3.png" alt=""/>
+            <span class="content">
+              <span class="content-headline">
+                Robert Downey Jr.
+              </span>
+              <span class="content-text">
+                Look, just because I don't be givin' no man a foot massage don't make it
+                right for Marsellus to throw...
+              </span>
+            </span>
+            <span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
+          </a>
+        </li>
+        <li class="item-footer">
+          <a href="#">
+            View all messages
+          </a>
+        </li>
+      </ul>
+    </li>
+    <li class="dropdown hidden-xs">
+      <a class="btn dropdown-toggle" data-toggle="dropdown">
+        New Item
+        <i class="fa fa-caret-down"></i>
+      </a>
+      <ul class="dropdown-menu">
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-archive"></i>
+            New Product
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-shopping-cart"></i>
+            New Order
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-sitemap"></i>
+            New Category
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            <i class="fa fa-file-text"></i>
+            New Page
+          </a>
+        </li>
+      </ul>
+    </li>
+    <li class="dropdown hidden-xs">
+      <a class="btn dropdown-toggle" data-toggle="dropdown">
+        English
+        <i class="fa fa-caret-down"></i>
+      </a>
+      <ul class="dropdown-menu">
+        <li class="item">
+          <a href="#">
+            Spanish
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            German
+          </a>
+        </li>
+        <li class="item">
+          <a href="#">
+            Italian
+          </a>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</div>
diff --git a/public/designs/themes/cube-responsive/header_user_right_menu.html.erb b/public/designs/themes/cube-responsive/header_user_right_menu.html.erb
new file mode 100644
index 0000000..49833fa
--- /dev/null
+++ b/public/designs/themes/cube-responsive/header_user_right_menu.html.erb
@@ -0,0 +1,36 @@
+<div class="nav-no-collapse pull-right" id="header-nav">
+  <ul class="nav navbar-nav pull-right">
+    <li class="mobile-search">
+      <a class="btn">
+        <i class="fa fa-search"></i>
+      </a>
+
+      <div class="drowdown-search">
+        <form role="search">
+          <div class="form-group">
+            <input type="text" class="form-control" placeholder="Search...">
+            <i class="fa fa-search nav-search-icon"></i>
+          </div>
+        </form>
+      </div>
+
+    </li>
+    <li class="dropdown profile-dropdown">
+      <a class="dropdown-toggle" data-target="#" data-toggle="dropdown">
+        <img src="/designs/themes/cube-responsive-theme/images/samples/scarlet-159.png" alt=""/>
+        <span class="hidden-xs">Scarlett</span> <b class="caret"></b>
+      </a>
+      <ul class="dropdown-menu dropdown-menu-right">
+        <li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li>
+        <li><a href="#"><i class="fa fa-cog"></i>Settings</a></li>
+        <li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li>
+        <li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li>
+      </ul>
+    </li>
+    <li class="hidden-xxs">
+      <a class="btn">
+        <i class="fa fa-power-off"></i>
+      </a>
+    </li>
+  </ul>
+</div>
diff --git a/public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png b/public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png
new file mode 100644
index 0000000..55cc590
Binary files /dev/null and b/public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png differ
diff --git a/public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png b/public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png
new file mode 100644
index 0000000..b100ff5
Binary files /dev/null and b/public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png differ
diff --git a/public/designs/themes/cube-responsive/images/.DS_Store b/public/designs/themes/cube-responsive/images/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/.DS_Store differ
diff --git a/public/designs/themes/cube-responsive/images/cube-logo-black.png b/public/designs/themes/cube-responsive/images/cube-logo-black.png
new file mode 100644
index 0000000..d08204b
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/cube-logo-black.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-black.png b/public/designs/themes/cube-responsive/images/logo-black.png
new file mode 100644
index 0000000..d08204b
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-black.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero-header.png b/public/designs/themes/cube-responsive/images/logo-noosfero-header.png
new file mode 100644
index 0000000..3502b31
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero-header.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png b/public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png
new file mode 100644
index 0000000..9001ea7
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero-raw.png b/public/designs/themes/cube-responsive/images/logo-noosfero-raw.png
new file mode 100644
index 0000000..3502b31
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero-raw.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero.png b/public/designs/themes/cube-responsive/images/logo-noosfero.png
new file mode 100644
index 0000000..6fbb2a8
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero.xcf b/public/designs/themes/cube-responsive/images/logo-noosfero.xcf
new file mode 100644
index 0000000..a90a5eb
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero.xcf differ
diff --git a/public/designs/themes/cube-responsive/images/logo-noosfero0.xcf b/public/designs/themes/cube-responsive/images/logo-noosfero0.xcf
new file mode 100644
index 0000000..a90a5eb
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-noosfero0.xcf differ
diff --git a/public/designs/themes/cube-responsive/images/logo-small.png b/public/designs/themes/cube-responsive/images/logo-small.png
new file mode 100644
index 0000000..e010455
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo-small.png differ
diff --git a/public/designs/themes/cube-responsive/images/logo.png b/public/designs/themes/cube-responsive/images/logo.png
new file mode 100644
index 0000000..9640640
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/logo.png differ
diff --git a/public/designs/themes/cube-responsive/images/rails.png b/public/designs/themes/cube-responsive/images/rails.png
new file mode 100644
index 0000000..b8441f1
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/rails.png differ
diff --git a/public/designs/themes/cube-responsive/images/samples/.DS_Store b/public/designs/themes/cube-responsive/images/samples/.DS_Store
new file mode 100644
index 0000000..8b302db
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/.DS_Store differ
diff --git a/public/designs/themes/cube-responsive/images/samples/messages-photo-1.png b/public/designs/themes/cube-responsive/images/samples/messages-photo-1.png
new file mode 100644
index 0000000..1afdd48
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/messages-photo-1.png differ
diff --git a/public/designs/themes/cube-responsive/images/samples/messages-photo-2.png b/public/designs/themes/cube-responsive/images/samples/messages-photo-2.png
new file mode 100644
index 0000000..2c1ce11
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/messages-photo-2.png differ
diff --git a/public/designs/themes/cube-responsive/images/samples/messages-photo-3.png b/public/designs/themes/cube-responsive/images/samples/messages-photo-3.png
new file mode 100644
index 0000000..4e62524
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/messages-photo-3.png differ
diff --git a/public/designs/themes/cube-responsive/images/samples/scarlet-159.png b/public/designs/themes/cube-responsive/images/samples/scarlet-159.png
new file mode 100644
index 0000000..288393b
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/scarlet-159.png differ
diff --git a/public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg b/public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg
new file mode 100644
index 0000000..60326d3
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg differ
diff --git a/public/designs/themes/cube-responsive/images/thin-logo.png b/public/designs/themes/cube-responsive/images/thin-logo.png
new file mode 100644
index 0000000..009c975
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/thin-logo.png differ
diff --git a/public/designs/themes/cube-responsive/images/thin-logo.xcf b/public/designs/themes/cube-responsive/images/thin-logo.xcf
new file mode 100644
index 0000000..d8ccb03
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/thin-logo.xcf differ
diff --git a/public/designs/themes/cube-responsive/images/thin-logo0.png b/public/designs/themes/cube-responsive/images/thin-logo0.png
new file mode 100644
index 0000000..009c975
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/thin-logo0.png differ
diff --git a/public/designs/themes/cube-responsive/images/thin-logo0.xcf b/public/designs/themes/cube-responsive/images/thin-logo0.xcf
new file mode 100644
index 0000000..d8ccb03
Binary files /dev/null and b/public/designs/themes/cube-responsive/images/thin-logo0.xcf differ
diff --git a/public/designs/themes/cube-responsive/imgs/50x.png b/public/designs/themes/cube-responsive/imgs/50x.png
new file mode 100644
index 0000000..a27114d
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/50x.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/arrow-down-p.png b/public/designs/themes/cube-responsive/imgs/arrow-down-p.png
new file mode 100644
index 0000000..d23bc90
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/arrow-down-p.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/arrow-right-p.png b/public/designs/themes/cube-responsive/imgs/arrow-right-p.png
new file mode 100644
index 0000000..c976853
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/arrow-right-p.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/blog-sep.png b/public/designs/themes/cube-responsive/imgs/blog-sep.png
new file mode 100644
index 0000000..775b364
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/blog-sep.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif b/public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif
new file mode 100644
index 0000000..b575dd1
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-L.png b/public/designs/themes/cube-responsive/imgs/comment-bg-L.png
new file mode 100644
index 0000000..75933fd
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-L.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-N.png b/public/designs/themes/cube-responsive/imgs/comment-bg-N.png
new file mode 100644
index 0000000..7011677
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-N.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-NL.png b/public/designs/themes/cube-responsive/imgs/comment-bg-NL.png
new file mode 100644
index 0000000..29f7eb2
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-NL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-NO.png b/public/designs/themes/cube-responsive/imgs/comment-bg-NO.png
new file mode 100644
index 0000000..c014dea
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-NO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-O.png b/public/designs/themes/cube-responsive/imgs/comment-bg-O.png
new file mode 100644
index 0000000..8b0d473
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-O.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-S.png b/public/designs/themes/cube-responsive/imgs/comment-bg-S.png
new file mode 100644
index 0000000..751c54f
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-S.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-SL.png b/public/designs/themes/cube-responsive/imgs/comment-bg-SL.png
new file mode 100644
index 0000000..8f1c423
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-SL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-bg-SO.png b/public/designs/themes/cube-responsive/imgs/comment-bg-SO.png
new file mode 100644
index 0000000..f949b4f
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-bg-SO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png
new file mode 100644
index 0000000..457eaa1
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png
new file mode 100644
index 0000000..cb00910
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png
new file mode 100644
index 0000000..5b8b23e
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png
new file mode 100644
index 0000000..64376f7
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png
new file mode 100644
index 0000000..4a73252
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png
new file mode 100644
index 0000000..f6da229
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png
new file mode 100644
index 0000000..08eac86
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png
new file mode 100644
index 0000000..84c8179
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-L.png b/public/designs/themes/cube-responsive/imgs/content-bg-L.png
new file mode 100644
index 0000000..42986b3
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-L.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-N.png b/public/designs/themes/cube-responsive/imgs/content-bg-N.png
new file mode 100644
index 0000000..a54200b
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-N.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-NL.png b/public/designs/themes/cube-responsive/imgs/content-bg-NL.png
new file mode 100644
index 0000000..f4715ba
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-NL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-NO.png b/public/designs/themes/cube-responsive/imgs/content-bg-NO.png
new file mode 100644
index 0000000..cacbaf3
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-NO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-O.png b/public/designs/themes/cube-responsive/imgs/content-bg-O.png
new file mode 100644
index 0000000..630dbc0
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-O.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-S.png b/public/designs/themes/cube-responsive/imgs/content-bg-S.png
new file mode 100644
index 0000000..cb70123
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-S.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-SL.png b/public/designs/themes/cube-responsive/imgs/content-bg-SL.png
new file mode 100644
index 0000000..cc361ed
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-SL.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/content-bg-SO.png b/public/designs/themes/cube-responsive/imgs/content-bg-SO.png
new file mode 100644
index 0000000..5acb8d5
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/content-bg-SO.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/down-arrow-light.png b/public/designs/themes/cube-responsive/imgs/down-arrow-light.png
new file mode 100644
index 0000000..e3f5c10
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/down-arrow-light.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/lettering-slbr.png b/public/designs/themes/cube-responsive/imgs/lettering-slbr.png
new file mode 100644
index 0000000..3ce23af
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/lettering-slbr.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/li-blue.gif b/public/designs/themes/cube-responsive/imgs/li-blue.gif
new file mode 100644
index 0000000..b5d9576
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/li-blue.gif differ
diff --git a/public/designs/themes/cube-responsive/imgs/li-gray.gif b/public/designs/themes/cube-responsive/imgs/li-gray.gif
new file mode 100644
index 0000000..46c08b2
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/li-gray.gif differ
diff --git a/public/designs/themes/cube-responsive/imgs/li-recent.gif b/public/designs/themes/cube-responsive/imgs/li-recent.gif
new file mode 100644
index 0000000..a27fa90
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/li-recent.gif differ
diff --git a/public/designs/themes/cube-responsive/imgs/link-list-current-bg.png b/public/designs/themes/cube-responsive/imgs/link-list-current-bg.png
new file mode 100644
index 0000000..905e621
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/link-list-current-bg.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png b/public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png
new file mode 100644
index 0000000..b04b779
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png b/public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png
new file mode 100644
index 0000000..1fcf508
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/menu-top-bg.png b/public/designs/themes/cube-responsive/imgs/menu-top-bg.png
new file mode 100644
index 0000000..7469420
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/menu-top-bg.png differ
diff --git a/public/designs/themes/cube-responsive/imgs/menu-top-hilight.png b/public/designs/themes/cube-responsive/imgs/menu-top-hilight.png
new file mode 100644
index 0000000..8ce95a5
Binary files /dev/null and b/public/designs/themes/cube-responsive/imgs/menu-top-hilight.png differ
diff --git a/public/designs/themes/cube-responsive/js/scripts.js b/public/designs/themes/cube-responsive/js/scripts.js
new file mode 100644
index 0000000..93aba5b
--- /dev/null
+++ b/public/designs/themes/cube-responsive/js/scripts.js
@@ -0,0 +1,149 @@
+$(function($) {
+
+	setTimeout(function() {
+		$('#content-wrapper > .row').css({
+			opacity: 1
+		});
+	}, 200);
+
+	$('#sidebar-nav,#nav-col-submenu').on('click', '.dropdown-toggle', function (e) {
+		e.preventDefault();
+
+		var $item = $(this).parent();
+
+		if (!$item.hasClass('open')) {
+			$item.parent().find('.open .submenu').slideUp('fast');
+			$item.parent().find('.open').toggleClass('open');
+		}
+
+		$item.toggleClass('open');
+
+		if ($item.hasClass('open')) {
+			$item.children('.submenu').slideDown('fast');
+		}
+		else {
+			$item.children('.submenu').slideUp('fast');
+		}
+	});
+
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav .dropdown-toggle', function (e) {
+		if ($( document ).width() >= 992) {
+			var $item = $(this).parent();
+
+			if ($('body').hasClass('fixed-leftmenu')) {
+				var topPosition = $item.position().top;
+
+				if ((topPosition + 4*$(this).outerHeight()) >= $(window).height()) {
+					topPosition -= 6*$(this).outerHeight();
+				}
+
+				$('#nav-col-submenu').html($item.children('.submenu').clone());
+				$('#nav-col-submenu > .submenu').css({'top' : topPosition});
+			}
+
+			$item.addClass('open');
+			$item.children('.submenu').slideDown('fast');
+		}
+	});
+
+	$('body').on('mouseleave', '#page-wrapper.nav-small #sidebar-nav > .nav-pills > li', function (e) {
+		if ($( document ).width() >= 992) {
+			var $item = $(this);
+
+			if ($item.hasClass('open')) {
+				$item.find('.open .submenu').slideUp('fast');
+				$item.find('.open').removeClass('open');
+				$item.children('.submenu').slideUp('fast');
+			}
+
+			$item.removeClass('open');
+		}
+	});
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav a:not(.dropdown-toggle)', function (e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+	$('body').on('mouseleave', '#page-wrapper.nav-small #nav-col', function (e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+
+	$('#make-small-nav').click(function (e) {
+		$('#page-wrapper').toggleClass('nav-small');
+	});
+
+	$(window).smartresize(function(){
+		if ($( document ).width() <= 991) {
+			$('#page-wrapper').removeClass('nav-small');
+		}
+	});
+
+	$('.mobile-search').click(function(e) {
+		e.preventDefault();
+
+		$('.mobile-search').addClass('active');
+		$('.mobile-search form input.form-control').focus();
+	});
+	$(document).mouseup(function (e) {
+		var container = $('.mobile-search');
+
+		if (!container.is(e.target) // if the target of the click isn't the container...
+			&& container.has(e.target).length === 0) // ... nor a descendant of the container
+		{
+			container.removeClass('active');
+		}
+	});
+
+	// $('.fixed-leftmenu #col-left').nanoScroller({
+  //   	alwaysVisible: false,
+  //   	iOSNativeScrolling: false,
+  //   	preventPageScrolling: true,
+  //   	contentClass: 'col-left-nano-content'
+  //   });
+
+	// build all tooltips from data-attributes
+	$("[data-toggle='tooltip']").each(function (index, el) {
+		$(el).tooltip({
+			placement: $(this).data("placement") || 'top'
+		});
+	});
+});
+
+$.fn.removeClassPrefix = function(prefix) {
+    this.each(function(i, el) {
+        var classes = el.className.split(" ").filter(function(c) {
+            return c.lastIndexOf(prefix, 0) !== 0;
+        });
+        el.className = classes.join(" ");
+    });
+    return this;
+};
+
+(function($,sr){
+	// debouncing function from John Hann
+	// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+	var debounce = function (func, threshold, execAsap) {
+		var timeout;
+
+		return function debounced () {
+			var obj = this, args = arguments;
+			function delayed () {
+				if (!execAsap)
+					func.apply(obj, args);
+				timeout = null;
+			};
+
+			if (timeout)
+				clearTimeout(timeout);
+			else if (execAsap)
+				func.apply(obj, args);
+
+			timeout = setTimeout(delayed, threshold || 100);
+		};
+	}
+	// smartresize
+	$.fn[sr] = function(fn){	return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})($,'smartresize');
diff --git a/public/designs/themes/cube-responsive/layouts/application-responsive.html.erb b/public/designs/themes/cube-responsive/layouts/application-responsive.html.erb
new file mode 100644
index 0000000..9f3a11f
--- /dev/null
+++ b/public/designs/themes/cube-responsive/layouts/application-responsive.html.erb
@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>" class="<%= h html_tag_classes %>">
+  <head>
+    <title><%= h page_title %></title>
+    <%= yield(:feeds) %>
+    <!--<meta http-equiv="refresh" content="1"/>-->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+    <% unless defined? MetadataPlugin and environment.enabled_plugins.include? 'MetadataPlugin' %>
+      <meta name="description" content="<%= @environment.name %>" />
+    <% end %>
+
+    <!-- site root -->
+    <meta property="noosfero:root" content="<%= Noosfero.root %>"/>
+
+    <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" />
+    <%= noosfero_javascript %>
+    <%= noosfero_stylesheets %>
+
+    <%# Add custom tags/styles/etc via content_for %>
+    <%= yield :head %>
+    <%=
+      @plugins.dispatch(:head_ending).map do |content|
+        if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end
+      end.join("\n")
+    %>
+
+    <script type="text/javascript">
+      DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>;
+    </script>
+
+  </head>
+  <body class="<%= h body_classes %>">
+    <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a>
+
+    <%=
+      @plugins.dispatch(:body_beginning).map do |content|
+        if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end
+      end.join("\n")
+    %>
+    <div id="global-header">
+      <%= global_header %>
+    </div>
+
+    <!-- RESPONSIVE changes !-->
+    <div id="wrap-1" class="container">
+      <div id='theme-header'>
+        <%= theme_header %>
+      </div>
+      <div id="page-wrapper" class="container">
+        <div id="wrap-2">
+          <div class="row">
+            <%= theme_sidebar_user %>
+            <div id="content-wrapper" class="<%= 'full-content' unless logged_in? %>">
+              <div id="content">
+                <%= render partial: 'layouts/menu_responsive' %>
+                <%= render 'layouts/profile_title' if profile %>
+                <%= insert_boxes yield %>
+              </div><!-- end id="content" -->
+            </div>
+          </div>
+        </div><!-- end id="wrap-2" -->
+      </div>
+    </div><!-- end id="wrap-1" -->
+
+    <%= render_environment_features(:logged_in) if logged_in? %>
+    <div id="footer">
+      <div id="theme-footer">
+        <%= theme_footer %>
+      </div><!-- end id="theme-footer" -->
+      <div id="global-footer">
+        <%= global_footer %>
+      </div><!-- end id="global-footer" -->
+    </div><!-- end id="footer" -->
+    <%= noosfero_layout_features %>
+    <%= addthis_javascript %>
+    <%=
+      @plugins.dispatch(:body_ending).map do |content|
+        if content.respond_to?(:call) then instance_exec(&content).html_safe else content.html_safe end
+      end.join("\n")
+    %>
+  </body>
+</html>
diff --git a/public/designs/themes/cube-responsive/navigation.html.erb b/public/designs/themes/cube-responsive/navigation.html.erb
new file mode 100644
index 0000000..fb52c45
--- /dev/null
+++ b/public/designs/themes/cube-responsive/navigation.html.erb
@@ -0,0 +1,4 @@
+<%= search_people_menu %>
+<%= search_communities_menu %>
+<%= search_contents_menu %>
+<li><a href="/search/events" class="icon-menu-events"><%= _('Events') %></a></li>
diff --git a/public/designs/themes/cube-responsive/sass/_theme_styles.scss b/public/designs/themes/cube-responsive/sass/_theme_styles.scss
new file mode 100644
index 0000000..1625edf
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/_theme_styles.scss
@@ -0,0 +1,20 @@
+// Core variables and mixins
+@import "imports/variables";
+@import "imports/mixins";
+
+// Core layouts
+@import "imports/layouts";
+
+// Navigation, header, footer
+@import "imports/header";
+@import "imports/sidebar";
+@import "imports/footer";
+
+// Layouts
+@import "imports/fixed_layouts";
+
+// Skin support
+@import "imports/skins";
+
+//Noosfero and cube overrides/customs
+@import "imports/customs";
diff --git a/public/designs/themes/cube-responsive/sass/imports/_customs.scss b/public/designs/themes/cube-responsive/sass/imports/_customs.scss
new file mode 100644
index 0000000..8dde39b
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_customs.scss
@@ -0,0 +1,83 @@
+/* Noosfero core and Cube Bootstrap styles Overrides/Customizations */
+
+/* Noosfero Overrides */
+#theme-header {
+  min-height: 20px !important;
+  height: 100% !important;
+}
+
+#wrap-2 {
+  padding: 0px !important;
+  border: none !important;
+  background-color: #eee;
+}
+
+#user{
+  margin: {
+    top: 10px;
+  }
+}
+
+//Bootstrap Overrides
+.navbar >.container .navbar-brand {
+  width: 220px !important;
+}
+
+.row {
+  margin: {
+    right: 8px !important;
+  }
+}
+
+.container {
+  padding: {
+    right: 0px !important;
+    left: 0px !important;
+  }
+}
+
+//Cube Theme Overrides
+#nav-col {
+  height: 100%;
+}
+
+#content-wrapper {
+  background: none !important;
+}
+
+#header-navbar {
+  z-index: 999 !important;
+}
+
+#logo.navbar-brand {
+  img {
+    float: left;
+    width: 60px !important;
+    height: 60px !important;
+    margin: 0px {
+      top: -10px;
+    }
+  }
+
+  .logo-title {
+    float: left;
+    font: {
+      family: fantasy;
+      size: 16pt;
+    }
+  }
+}
+
+#content-wrapper {
+  min-height: 100% !important;
+}
+
+//New Classes and Customizations
+
+.full-content {
+  /*
+  * Inform additional rules here to content
+  * when the sidebar is hidden (user not logged in).
+  */
+  margin-left: 0px !important;
+}
diff --git a/public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss b/public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss
new file mode 100644
index 0000000..32a91fc
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss
@@ -0,0 +1,49 @@
+/* FIXED ELEMENTS */
+.fixed-header {
+	#header-navbar {
+	    left: 0;
+	    position: fixed;
+	    right: 0;
+	    top: 0;
+	    width: 100%;
+	    z-index: 999;
+	}
+	#page-wrapper {
+		padding-top: 50px;
+	}
+}
+.fixed-footer {
+	#footer-bar {
+	    bottom: 0;
+	    left: 0;
+	    margin: 0;
+	    position: fixed;
+	    right: 0;
+	    width: 100%;
+	    z-index: 999;
+	}
+	#content-wrapper {
+		padding-bottom: 36px
+	}
+}
+@media (min-width: $break-sm-min) {
+	.fixed-leftmenu #nav-col {
+		position: fixed;
+		height: 100%;
+	}
+	.fixed-leftmenu.fixed-footer #nav-col {
+		padding-bottom: 36px;
+	}
+	.fixed-leftmenu.fixed-header #nav-col {
+		padding-bottom: 50px;
+	}
+	.fixed-leftmenu.fixed-header.fixed-footer #nav-col {
+		padding-bottom: 86px;
+	}
+}
+@media (max-width: $break-sm-max) {
+	.fixed-header #nav-col {
+		position: fixed;
+		width: 100%;
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_footer.scss b/public/designs/themes/cube-responsive/sass/imports/_footer.scss
new file mode 100644
index 0000000..bf22449
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_footer.scss
@@ -0,0 +1,25 @@
+#footer-bar {
+	background: #fff;
+	border-top: 1px solid $main-bg-color;
+    bottom: 0;
+    font-size: 0.8em;
+    height: 37px;
+    line-height: 36px;
+    margin-left: -15px;
+    margin-right: -15px;
+    position: absolute;
+    width: 100%;
+
+    @media (max-width: $break-xs-max) {
+		margin-left: -8px;
+		margin-right: -8px;
+	}
+	@media (max-width: $break-xxs-max) {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+}
+#footer-copyright {
+	text-align: center;
+	margin: 0;
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_header.scss b/public/designs/themes/cube-responsive/sass/imports/_header.scss
new file mode 100644
index 0000000..fabbcd1
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_header.scss
@@ -0,0 +1,516 @@
+.navbar-toggle {
+    border: medium none;
+    font-size: 1.4em;
+    height: 50px;
+    margin: 0;
+    text-shadow: none;
+    width: 50px;
+    z-index: 100;
+    @include border-radius(0);
+
+	.icon-bar {
+	    background: none repeat scroll 0 0 white;
+	}
+}
+.nav > li {
+	float: left;
+}
+.navbar-nav {
+	margin: 0 0 0 10px;
+
+	> li > a {
+	    padding-bottom: 15px;
+	    padding-top: 15px;
+	    line-height: 24px;
+	}
+	> li > .dropdown-menu {
+		@include border-radius($border-radius-base);
+		min-width: 223px;
+	}
+}
+.dropdown-menu > li > a {
+	color: #707070;
+	font-size: 0.875em;
+	line-height: 1.7;
+	padding-left: 35px;
+	@include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s);
+	
+	&:hover, 
+	&:focus {
+		background-color: #f6f6f6;
+		color: #707070;
+	}
+	> i {
+		position: absolute;
+		margin-left: -18px;
+		margin-top: 4px;
+	}
+}
+.nav-pills > li {
+	float: none;
+
+	> a {
+		@include border-radius(0);
+	}
+}
+
+.navbar > .container .navbar-brand {
+	background: #34495e;
+	color: #fff;
+    font-family: 'Titillium Web',Geneva,sans-serif;
+    font-weight: 700;
+    width: 220px;
+    margin-left: -8px;
+    padding: 10px 15px;
+
+    @media (max-width: $break-sm-max) {
+		background: transparent;
+		color: #262626;
+	}
+    @media (max-width: $break-xs-max) {
+		padding-top: 12px;
+		padding-top: 12.5px;
+	}
+}
+#logo {
+	@media (max-width: $break-xs-max) {
+		width: 150px;
+		padding-left: 0;
+		font-size: 1em;
+		margin-left: 6px;
+	}
+	@media (max-width: 400px) {
+		width: auto;
+		margin-left: 15px;
+	}
+
+	img {
+		@media (max-width: $break-xs-max) {
+			height: 19px;
+		}
+	}
+	span {
+		@media (max-width: 400px) {
+			display: none;
+		}
+	}
+	&.navbar-brand > img {
+	    margin: 0 auto;
+	    padding-right: 4px;
+	    height: 30px;
+
+	    @media (max-width: $break-xs-max) {
+			height: 25px;
+		}
+	}
+	&.navbar-brand > img.normal-logo.logo-white {
+		@media (min-width: $break-sm-min) {
+			display: block;
+		}
+		@media (max-width: $break-sm-max) {
+			display: none;
+		}
+	}
+	&.navbar-brand > img.normal-logo.logo-black {
+		@media (min-width: $break-sm-min) {
+			display: none;
+		}
+		@media (max-width: $break-sm-max) {
+			display: block;
+		}
+	}
+}
+#header-navbar {
+    background: #fff;
+    border: 0 none;
+    @include border-radius(0);
+    margin: 0;
+    min-height: 50px;
+    color: #262626;
+    box-shadow: 0px 1px 3px 0 rgba(0,0,0, 0.1);
+    position: relative;
+    z-index: 99;
+
+	.navbar-form {
+		.form-group {
+			position: relative;
+		}
+		.form-control {
+			background: #131313;
+			color: #707070;
+			height: 30px;
+			line-height: 30px;
+			margin-top: 2px;
+			font-size: 0.75em;
+		}
+		.nav-search-icon {
+			position: absolute;
+			color: #707070;
+			right: 6px;
+		    top: 8px;
+		}
+	}
+	.nav > li > a {
+		height: 50px;
+	}
+	.nav > li > a > span.count {
+		background: none repeat scroll 0 0 $red-color;
+	    @include border-radius(50%);
+	    color: #fff;
+	    display: block;
+	    font-size: 9px;
+	    height: 14px;
+	    line-height: 14px;
+	    position: absolute;
+	    right: 10px;
+	    text-align: center;
+	    top: 11px;
+	    width: 14px;
+	}
+	.profile-dropdown > a {
+		padding-top: 8px;
+		padding-bottom: 7px;
+		line-height: 35px;
+	
+		> img {
+			@include border-radius(50%);
+		    float: left;
+		    height: 35px;
+		    margin-right: 5px;
+		    width: 35px;
+		    border: 2px solid #fff;
+		}
+		> span {
+			float: left;
+			display: block;
+			margin-right: 3px;
+			font-size: em;
+		}
+	}
+}
+#header-nav .form-control {
+	@include border-radius(0);
+	border: 0;
+}
+#header-navbar .navbar-left .navbar-nav {
+	margin-left: 0;
+}
+#header-navbar .nav > li > a {
+	font-size: 0.875em;
+	padding-left: 18px;
+	padding-right: 18px;
+	color: #484848;
+	border: none;
+	@include border-radius(0);
+	cursor: pointer;
+}
+#header-navbar .nav > li > a > i,
+#sidebar-nav .nav > li > a > i {
+	font-size: 1.125em;
+}
+#sidebar-nav .nav > li > a:focus,
+#sidebar-nav .nav .open > a, 
+#sidebar-nav .nav .open > a:focus {
+	background: inherit;
+}
+#sidebar-nav .nav > li > a:hover,
+#sidebar-nav .nav .open > a:hover {
+	background: darken(#2c3e50, 4%);
+    color: #fff;
+    outline: none;
+}
+#header-navbar .nav > li > a:hover,
+#header-navbar .nav > li > a:focus,
+#header-navbar .nav .open > a, 
+#header-navbar .nav .open > a:hover, 
+#header-navbar .nav .open > a:focus,
+.navbar-toggle:hover,
+.navbar-toggle:focus, 
+.mobile-search.active > .btn {
+	background: $primary-color;
+    color: #fff;
+}
+#header-navbar .nav > li > a:hover,
+#header-navbar .nav > li > a:focus,
+#header-navbar .nav .open > a, 
+#header-navbar .nav .open > a:hover, 
+#header-navbar .nav .open > a:focus {
+	background-color: $primary-color;
+}
+.nav-pills > li.active > a, 
+.nav-pills > li.active > a:hover, 
+.nav-pills > li.active > a:focus,
+#sidebar-nav .nav-pills > li.active > a, 
+#sidebar-nav .nav-pills > li.active > a:hover, 
+#sidebar-nav .nav-pills > li.active > a:focus,
+.nav-pills > li.open > a, 
+.nav-pills > li.open > a:hover, 
+.nav-pills > li.open > a:focus,
+#sidebar-nav .nav-pills > li.open > a, 
+#sidebar-nav .nav-pills > li.open > a:hover, 
+#sidebar-nav .nav-pills > li.open > a:focus,
+.nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
+	background-color: darken(#2c3e50, 4%);
+	color: #fff;
+	border-left-color: $primary-color;
+}
+#header-navbar .nav > li .caret {
+	border-top-color: #fff;
+	border-bottom-color: #fff;
+}
+#header-navbar .nav a:hover .caret {
+	border-top-color: #fff;
+	border-bottom-color: #fff;
+}
+.drowdown-search {
+	background: #FFFFFF;
+    display: block;
+    left: 168px;
+    padding: 4px 0;
+    position: absolute;
+    top: 0;
+    @include transition(left 0.25s ease-out 0s, right 0.25s ease-out 0s);
+    width: 0;
+    z-index: 1;
+    overflow: hidden;
+
+    @media (max-width: $break-sm-max) {
+	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+	    display: block;
+	    left: 0;
+	    padding: 10px 0;
+	    top: 50px;
+	    width: 100%;
+	    display: none;
+	    @include transition(none);
+	}
+
+	form {
+		.form-group {
+			position: relative;
+			margin: 0 15px;
+		}
+		.form-control {
+		    background: none repeat scroll 0 0 #FFFFFF;
+		    box-shadow: none !important;
+		    color: $text-color;
+		    font-size: 1em;
+		    font-weight: 400;
+		    height: 42px;
+		    line-height: 42px;
+		    padding-left: 5px;
+		    padding-right: 26px;
+
+		    @media (max-width: $break-sm-max) {
+			    font-size: 1.6em;
+			    font-weight: 600;
+			}
+		}
+		.nav-search-icon {
+			color: $text-color;
+		    font-size: 1.2em;
+		    position: absolute;
+		    right: 5px;
+		    top: 13px;
+		    cursor: pointer;
+
+		    @media (max-width: $break-sm-max) {
+			    font-size: 1.8em;
+			    right: 15px;
+			    top: 8px;
+			}
+		}
+		.form-control::-webkit-input-placeholder { /* WebKit browsers */
+		    color: $text-color;
+		}
+		.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+		    color: $text-color;
+		}
+		.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
+		    color: $text-color;
+		}
+		.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
+		    color: $text-color;
+		}
+	}
+}
+.mobile-search {
+	overflow: hidden;
+
+	@media (max-width: $break-sm-max) {
+		position: inherit !important;
+		overflow: visible;
+	}
+
+	> a.btn {
+		float: right;
+	}
+	&.active {
+		width: 220px;
+
+		@media (max-width: $break-sm-max) {
+			width: auto;
+		}
+	
+		.drowdown-search {
+			width: 220px;
+			left: 0;
+
+			@media (max-width: $break-sm-max) {
+				display: block;
+				width: 100%;
+				left: 0;
+			}
+		}
+	}
+}
+
+.navbar-nav > li > .dropdown-menu.notifications-list {
+	min-width: 310px;
+	padding-bottom: 0;
+	padding-top: 0;
+	//margin-top: 8px;
+	color: #707070;
+	// margin-left: -258px;
+}
+.notifications-list {
+	.item-header {
+		font-size: 0.875em;
+	    font-weight: bold;
+	    line-height: 40px;
+	    text-align: center;
+	}
+	.item {
+		border-top: 1px solid #f6f6f6;
+	    line-height: 1.4;
+	    padding-bottom: 0;
+	    padding-top: 0;
+	    clear: both;
+	
+		> a > i {
+			color: $red-color;
+		}
+		a {
+		    clear: both;
+		    white-space: normal;
+		    padding-bottom: 8px;
+		    padding-top: 8px;
+		
+			.content {
+				
+			}
+			.time {
+				color: $primary-color;
+				margin-left: 10px;
+				position: absolute;
+			    right: 13px;
+			    white-space: normal !important;
+			
+				i {
+					margin-right: 3px;
+				}
+			}
+		}
+	}
+	.item-footer {
+		background: $primary-color;
+	    padding-bottom: 0;
+	    padding-top: 0;
+	    @include border-radius(0 0 $border-radius-base $border-radius-base);
+	
+		a {
+			padding: 8px 20px;
+		    text-align: center;
+		    @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s);
+		    color: #fff;
+		
+			&:hover,
+			&:focus {
+				background-color: $primary-color-dark;
+				color: #fff;
+			}
+		}
+	}
+	.pointer {
+	    height: 12px;
+	    margin: 0;
+	    padding: 0;
+	    position: absolute;
+	    right: 21px;
+	    top: -12px;
+	    width: 12px;
+	    display: none !important;
+	
+		.pointer-inner {
+			position: relative;
+		}
+		.arrow {
+			border-color: transparent transparent #FFFFFF;
+		    border-style: solid;
+		    border-width: 6px;
+		    cursor: pointer;
+		    left: auto;
+		    position: absolute;
+		    right: 0;
+		    top: 0;
+		    z-index: 1002;
+		}
+		.arrow-border {
+		    border-color: transparent transparent rgba(0, 0, 0, 0.15);
+		    border-style: solid;
+		    border-width: 7px;
+		    cursor: pointer;
+		    left: -1px;
+		    position: absolute;
+		    top: -2px;
+		    z-index: 1001;
+		}
+	}
+}
+.messages-list {
+	.item.first-item {
+		border-top: 0 !important;
+	}
+	.item > a {
+		padding-left: 20px;
+		padding-right: 20px;
+		padding-bottom: 25px;
+		@include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s);
+	
+		> img {
+			position: absolute;
+			margin-top: 10px;
+		}
+		> .content {
+			display: block;
+		    padding-left: 50px;
+		    padding-top: 5px;
+		
+			.content-headline {
+				color: #605F5F;
+			    display: block;
+			    font-weight: 600;
+			}
+			.content-text {
+				display: block;
+			    line-height: 1.4;
+			}
+		}
+	}
+}
+#header-navbar .container {
+	@media (max-width: 400px) {
+		padding: 0;
+	}
+}
+.profile-dropdown .dropdown-toggle {
+	@media (max-width: 400px) {
+		padding-left: 5px !important;
+	    padding-right: 5px !important;
+	}
+}
+#header-nav .nav {
+	@media (max-width: 400px) {
+		margin-left: 0;
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_layouts.scss b/public/designs/themes/cube-responsive/sass/imports/_layouts.scss
new file mode 100644
index 0000000..163b5e5
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_layouts.scss
@@ -0,0 +1,273 @@
+html, body {
+	font-family: $font-stack;
+	-webkit-font-smoothing: antialiased;
+
+	@media (max-width: $break-xxs-max) {
+		font-size: 12px;
+	}
+}
+body {
+	color: $text-color;
+	background: url("../../img/whitey.jpg") repeat scroll 0 0 #fff;
+	background-size: 220px 220px;
+}
+h1, h2, h3, h4, h5, h6 {	
+    font-family: $heading-font-family;
+    font-weight: $font-hx-weight;
+}
+h1 {
+	clear: both;
+    color: $primary-color;
+    margin: 0 0 20px 0;
+    padding-left: 14px;
+    font-size: $font-size-h1;
+}
+h2 {
+	clear: both;
+    font-size: $font-size-h2;
+    margin-bottom: 10px;
+    padding: 10px 0 10px 30px;
+}
+h3 {
+	border-bottom: 2px solid $gray-color-light;
+	padding-left: 5px;
+	margin-bottom: 15px;
+	margin-top: 30px;
+	font-size: $font-size-h3;
+
+	> span {
+		border-bottom: 2px solid $gray-color-light;
+	    display: inline-block;
+	    padding: 0 5px 5px;
+	}
+}
+h4 {
+	font-size: $font-size-h4;
+}
+h5 {
+	font-size: $font-size-h5;
+}
+h6 {
+	font-size: $font-size-h6;
+}
+
+a {
+	color: $link-color;
+	outline: none !important;
+
+	&:hover,
+	&:focus {
+		color: $link-color-hover;
+	}
+}
+.container {
+	padding-left: 8px;
+	padding-right: 8px;
+
+	@media (max-width: $break-xs-max) {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+}
+.row {
+    margin-left: -8px;
+    margin-right: -8px;
+
+    @media (max-width: $break-xs-max) {
+	    margin-left: -5px;
+	    margin-right: -5px;
+	}
+}
+.col-xs-1, 
+.col-sm-1, 
+.col-md-1, 
+.col-lg-1, 
+.col-xs-2, 
+.col-sm-2, 
+.col-md-2, 
+.col-lg-2, 
+.col-xs-3, 
+.col-sm-3, 
+.col-md-3, 
+.col-lg-3, 
+.col-xs-4, 
+.col-sm-4, 
+.col-md-4, 
+.col-lg-4, 
+.col-xs-5, 
+.col-sm-5, 
+.col-md-5, 
+.col-lg-5, 
+.col-xs-6, 
+.col-sm-6, 
+.col-md-6, 
+.col-lg-6, 
+.col-xs-7, 
+.col-sm-7, 
+.col-md-7, 
+.col-lg-7, 
+.col-xs-8, 
+.col-sm-8, 
+.col-md-8, 
+.col-lg-8, 
+.col-xs-9, 
+.col-sm-9, 
+.col-md-9, 
+.col-lg-9, 
+.col-xs-10, 
+.col-sm-10, 
+.col-md-10, 
+.col-lg-10, 
+.col-xs-11, 
+.col-sm-11, 
+.col-md-11, 
+.col-lg-11, 
+.col-xs-12, 
+.col-sm-12, 
+.col-md-12, 
+.col-lg-12 {
+	padding-left: 8px;
+	padding-right: 8px;
+
+	@media (max-width: $break-xs-max) {	
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+}
+
+/* new xxs layout for extra small devices */
+@media (max-width: $break-xxs-max) {
+	h1 {
+		padding-left: 5px;
+		font-size: 1.8em;
+	}
+	h2 {
+		font-size: 1.5em;
+	}
+	.hidden-xxs {
+		display: none !important;
+	}
+	tr.hidden-xxs {
+		display: table-row !important;
+	}
+	
+	th.hidden-xxs,
+	td.hidden-xxs {
+		display: table-cell !important;
+	}
+	
+	.visible-xxs {
+		display: block !important;
+	}
+	tr.visible-xxs {
+		display: none !important;
+	}
+	
+	th.visible-xxs,
+	td.visible-xxs {
+		display: none !important;
+	}
+	.breadcrumb {
+		padding-left: 6px;
+	}
+}
+
+#theme-wrapper {
+	box-shadow: 0 0 53px 0 rgba(0, 0, 0, 0.55);
+	max-width: $container-max-width;
+}
+#page-wrapper {
+	background-color: #2c3e50;
+}
+.container {
+	margin: 0;
+	max-width: $container-max-width;
+	width: 100%;
+}
+
+#content-wrapper {
+	background: $main-bg-color;
+	height: 100%;
+	margin-top: 0;
+	margin-bottom: 0;
+	position: relative;
+	min-height: 1200px;
+	padding: 15px 15px 35px 15px;
+	margin-left: 220px;
+
+	@media (max-width: $break-sm-max) {
+		margin-left: 0;
+		border-left: 0 !important;
+		border-right: 0 !important;
+	}
+	@media (max-width: $break-xs-max) {
+		padding: 10px 8px 0 8px;
+	}
+	@media (max-width: $break-xxs-max) {
+		padding: 5px 5px 0 5px;
+	}
+
+	> .row {
+		@include opacity(1);
+		/*transition: opacity 0.8s ease-in-out 0s;*/
+	}
+}
+#content-header {
+	background: lighten($main-bg-color, 4%);
+	margin: -15px -15px 20px -15px;
+	padding: 15px;
+	border-bottom: 1px solid darken($main-bg-color, 3%);
+
+	@media (max-width: $break-xs-max) {
+		margin: -15px -5px 20px -5px;
+	}
+}
+#content-header h1 {
+	margin-bottom: 0;
+	font-size: 1.8em;
+}
+.main-box {
+	background: #FFFFFF;
+    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
+    margin-bottom: 16px;
+    /* overflow: hidden; */
+    @include border-radius($border-radius-base);
+
+	@media (max-width: $break-xs-max) {
+		margin-bottom: 10px;
+	}
+
+	h2 {
+	    font-size: 1.3em;
+	    line-height: 29px;
+	    margin: 0;
+	    padding: 0;
+
+		@media (max-width: $break-xxs-max) {
+			margin-bottom: 5px;
+		}
+	}
+	&.no-header {
+		padding-top: 20px;
+	}
+	.main-box-header {
+	    min-height: 50px;
+	    padding: 10px 20px;
+	
+		&.with-border {
+			border-bottom: 1px solid #ecf0f1;
+		}
+	}
+	.main-box-body {
+		padding: 0 20px 20px 20px;
+	}
+}
+
+h1 small, 
+h2 small, 
+h3 small, 
+h1 .small, 
+h2 .small, 
+h3 .small {
+	padding-left: 8px;
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_mixins.scss b/public/designs/themes/cube-responsive/sass/imports/_mixins.scss
new file mode 100644
index 0000000..74e99b5
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_mixins.scss
@@ -0,0 +1,63 @@
+// MIXINS
+@mixin border-radius($radius) {
+	border-radius: $radius;
+	background-clip: padding-box; /* stops bg color from leaking outside the border: */
+}
+
+@mixin box-sizing($box-model) {
+	box-sizing: $box-model;
+}
+
+@mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) {
+	top: $top;
+	right: $right;
+	bottom: $bottom;
+	left: $left;
+	position: absolute;
+}
+
+@mixin font-size($size: 12, $base: 16) {
+	font-size: $size + px;
+	font-size: ($size / $base) * 1rem;
+}
+
+@mixin keyframes($animation-name) {
+	@-webkit-keyframes #{$animation-name} {
+		@content;
+	}
+	@-moz-keyframes #{$animation-name} {
+		@content;
+	}  
+	@-ms-keyframes #{$animation-name} {
+		@content;
+	}
+	@-o-keyframes #{$animation-name} {
+		@content;
+	}  
+	@keyframes #{$animation-name} {
+		@content;
+	}
+}
+
+@mixin animation($str) {
+	-webkit-animation: #{$str};
+	-moz-animation: #{$str};
+	-ms-animation: #{$str};
+	-o-animation: #{$str};
+	animation: #{$str};      
+}
+
+@mixin transition($args...) {
+	transition: $args;
+}
+
+@mixin opacity($opacity) {
+	opacity: $opacity;
+}
+
+// PLACEHOLDERS
+%text-truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_sidebar.scss b/public/designs/themes/cube-responsive/sass/imports/_sidebar.scss
new file mode 100644
index 0000000..8b349ae
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_sidebar.scss
@@ -0,0 +1,274 @@
+#col-left {
+    position: relative;
+    color: #003940;
+    height: 100%;
+
+	a {
+		color: #e1e1e1;
+	}
+	a:hover,
+	.nav-active a.nav-link,
+	a.active {
+		color: #fff;
+	}
+	* {
+		outline: none;
+	}
+}
+#nav-col {
+	padding: 0;
+	z-index: 100;
+	position: absolute;
+	background: #2c3e50;
+	width: 220px;
+
+	@media (max-width: $break-sm-max) {
+		position: relative;
+		width: auto;
+	}
+}
+#sidebar-nav {
+	max-height: 100%;
+	padding-left: 0;
+	padding-right: 0;
+
+	.nav {
+		> li {
+			margin: 0;
+			/* font-size: 0.875em;
+			font-weight: 600; */
+
+			&.nav-header {
+				color: lighten(#2c3e50, 40%);
+				font-size: 0.8em;
+				padding: 12px 15px 6px 14px;
+				border-top: 2px solid darken(#2c3e50, 4%);
+
+				&.nav-header-first {
+					padding-top: 4px;
+					border-top: 0;
+				}
+			}
+
+			> a {
+				color: #fff;
+				height: 44px;
+			    line-height: 28px;
+			    @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s);
+			    overflow: hidden;
+			    padding: 8px 15px 8px 20px;
+			    border-left: 0 solid transparent;
+			
+				&:hover {
+					border-left-color: $primary-color;
+				}
+				> i {
+					position: absolute;
+					margin-top: 6px;
+				}
+				> span {
+				    margin-left: 35px;
+				    font-size: 0.875em;
+				    font-weight: 700;
+
+					&.label {
+						font-size: 0.75em;
+						margin: 5px 0 0 0;
+					    padding: 4px 0.6em;
+					}
+					&.label.label-circle {
+						margin-right: 5px;
+					}
+				}
+			}
+			&.open > a {
+				border-bottom-color: #252525;
+				outline: none;
+				text-decoration: none;
+			}
+			&.active > .submenu > li.active > .submenu {
+				display: block;
+			}
+		}
+		li {
+			@import "sidebar/submenu";
+
+			&.active > .submenu {
+				display: block;
+			}
+		}
+		> .open,
+		> .active {
+			@import "sidebar/open_active";
+		}
+	}
+}
+.navbar-nav .open .dropdown-menu {
+	background-color: #FFFFFF;
+	border: none;
+	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
+	// left: 0;
+	position: absolute;
+}
+#user-left-box {
+	padding: 20px 15px 20px 25px;
+
+	img {
+		@include border-radius(18%);
+		border: 3px solid #fff;
+	    float: left;
+	    width: 70px;
+	}
+	.user-box {
+		color: #fff;
+	    float: left;
+	    padding-left: 15px;
+	    padding-top: 18px;
+	
+		> .name {
+			display: block;
+		    font-size: 1em;
+		    font-weight: 600;
+		    line-height: 1.2;
+
+		    > a {
+		    	color: #fff;
+
+		    	&:hover,
+		    	&:focus {
+		    		color: #E1E1E1;
+		    		text-decoration: none;
+		    	}
+		    }
+		}
+		> .status {
+			display: block;
+		    font-size: 0.75em;
+		    padding-top: 3px;
+		}
+		> .status > i {
+			color: $green-color;
+			margin-right: 4px;
+		}
+	}
+	&.dropdown {
+		.dropdown-menu {
+			top: 55px;
+			left: 30px;
+
+			a {
+				color: #707070;
+				font-size: 0.875em;
+				
+				&:hover {
+					background-color: #f6f6f6;
+					color: #707070;
+				}
+			}
+		}
+	}
+}
+@media (min-width: $break-sm-min) {
+	.nav-small {
+		#nav-col {
+			width: 64px;
+		}
+		#content-wrapper {
+			margin-left: 64px;
+		}
+		#nav-col {
+			#user-left-box {
+				display: none;
+			}
+			#sidebar-nav {
+				.nav > li > a {
+					padding-left: 15px !important;
+					padding-right: 15px;
+					text-align: center;
+
+					> i {
+						position: relative;
+						font-size: 1.25em;
+					}
+					> span {
+						display: none;
+					}
+				}
+				.nav > li.nav-header {
+					display: none;
+				}
+				.nav li > a.dropdown-toggle > .drop-icon {
+					display: none;
+				}
+				.nav .submenu > li > a.dropdown-toggle > .drop-icon {
+					display: block;
+				}
+				.nav li .submenu {
+					left: 64px;
+				    position: absolute;
+				    top: 0;
+				    width: 210px;
+
+				    > li > a {
+						padding-left: 28px;
+					}
+				}
+				.nav > .open > .submenu > li > .submenu,
+				.nav > .active > .submenu > li > .submenu {
+					left: auto;
+				    position: relative;
+				    top: auto;
+				    width: 100%;
+
+				    a {
+				    	padding-left: 48px
+				    }
+				}
+			}
+		}
+		#sidebar-nav .nav li.active > .submenu {
+			display: none;
+		}
+		#nav-col-submenu {
+			@import "sidebar/submenu";
+			@import "sidebar/open_active";
+
+			.submenu {
+				position: absolute;
+				top: 60px;
+				left: 64px;
+				width: 210px;
+
+			    > li > a {
+					padding-left: 28px;
+
+					&.dropdown-toggle > .drop-icon {
+						display: block;
+					}
+				}
+			}
+			> .submenu {
+				display: block !important;
+			}
+			.submenu > li > .submenu,
+			.submenu > li > .submenu {
+				left: auto;
+			    position: relative;
+			    top: auto;
+			    width: 100%;
+
+			    a {
+			    	padding-left: 48px
+			    }
+			}
+		}
+	}
+}
+@media (max-width: $break-sm-max) {
+	.navbar-toggle {
+		display: block;
+	}
+	#sidebar-nav.navbar-collapse {
+		max-height: 336px;
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/_skins.scss b/public/designs/themes/cube-responsive/sass/imports/_skins.scss
new file mode 100644
index 0000000..8af58de
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_skins.scss
@@ -0,0 +1,2 @@
+@import "skins/blue";
+@import "skins/blue_gradient";
diff --git a/public/designs/themes/cube-responsive/sass/imports/_variables.scss b/public/designs/themes/cube-responsive/sass/imports/_variables.scss
new file mode 100644
index 0000000..733e760
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/_variables.scss
@@ -0,0 +1,89 @@
+//BASICS
+
+//primary colors
+$primary-color: #03a9f4;
+$primary-color-dark: #0288d1;
+
+$red-color: #e84e40;
+$red-color-dark: #dd191d;
+
+$yellow-color: #ffc107;
+$yellow-color-dark: #ffa000;
+
+$green-color: #8bc34a;
+$green-color-dark: #689f38;
+
+$purple-color: #9c27b0;
+$purple-color-dark: #7b1fa2;
+
+$gray-color: #90a4ae;
+$gray-color-dark: #607d8b;
+$gray-color-light: #b0bec5;
+
+$cyan-color: #00bcd4;
+$cyan-color-dark: #0097a7;
+
+$teal-color: #009688;
+$teal-color-dark: #00796b;
+
+//global text color
+$text-color: #212121;
+
+//global bg color
+$main-bg-color: #e7ebee;
+
+//global link color
+$link-color: $primary-color;
+$link-color-hover: $primary-color;
+
+$default-bg-hover-color: #f8f8f8;
+
+
+//TYPOGRAPHY
+
+//font families
+$font-stack: 'Open Sans', sans-serif;
+
+//headings typo
+$font-size-h1: 2em;
+$font-size-h2: 1.8em;
+$font-size-h3: 1.4em;
+$font-size-h4: 1.2em;
+$font-size-h5: 1em;
+$font-size-h6: 0.875em;
+
+$font-hx-weight: 300;
+
+$line-height-base: 1.428571429 !default;
+
+$heading-font-family: $font-stack;
+
+
+//GRID - media queries breakpoints
+$break-xxs-min: 420px;
+$break-xs-min: 768px;
+$break-sm-min: 992px;
+$break-md-min: 1200px;
+
+$break-xxs-max: ($break-xxs-min - 1);
+$break-xs-max: ($break-xs-min - 1);
+$break-sm-max: ($break-sm-min - 1);
+$break-md-max: ($break-md-min - 1);
+
+$container-max-width: 1920px;
+
+
+//BOXED LAYOUT
+$boxed-layout-max-width: 1200px;
+
+$boxed-layout-breakdown2: 1260px;
+$boxed-layout-max-width2: 1140px;
+
+$boxed-layout-breakdown3: $break-md-max;
+$boxed-layout-max-width3: 1024px;
+
+
+//OTHER
+$border-radius-base: 3px !default;
+$border-radius-large: 6px !default;
+$border-radius-small: 2px !default;
diff --git a/public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss b/public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss
new file mode 100644
index 0000000..bb7a3be
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss
@@ -0,0 +1,46 @@
+.submenu {
+	.submenu {
+		display: none;
+	}
+	> .open > a,
+	> .active > a {
+		background: inherit;
+	    border-bottom-color: darken(#2c3e50, 7%);
+	    box-shadow: 0 -1px 0 darken(#2c3e50, 7%) inset;
+	}
+	> li {
+		a {
+		    position: relative;
+		}
+		> a.dropdown-toggle > .drop-icon {
+			font-size: 10px;
+			margin-top: -5px;
+		}
+		> .submenu {
+			background-color: darken(#2c3e50, 7%);
+		
+			> li a:hover,
+			> li a.active {
+				/* background-color: #232323; */
+				color: $primary-color;
+			}
+			a {
+				border-bottom: 0 none;
+			    border-top: 0 none;
+			    padding-left: 85px;
+			
+				&:before{
+					content: "\f111";
+				    display: inline;
+				    font-family: FontAwesome;
+				    font-size: 4px;
+				    font-style: normal;
+				    font-weight: normal;
+					margin-left: -10px;
+				    margin-top: 1px;
+				    position: absolute;
+				}
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss b/public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss
new file mode 100644
index 0000000..241bfb6
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss
@@ -0,0 +1,49 @@
+a.dropdown-toggle > .drop-icon {
+	color: #868b98;
+    font-size: 12px;
+    margin-top: -6px;
+    position: absolute;
+    right: 25px;
+    top: 50%;
+    @include transition(transform 0.2s ease-in-out 0.1s);
+}
+&.open > a.dropdown-toggle > .drop-icon,
+&.active > a.dropdown-toggle > .drop-icon {
+	color: #fff;
+	transform:rotate(90deg);
+}
+
+.submenu {
+	display: none;
+	background: darken(#2c3e50, 4%);
+	padding: 5px 0;
+	margin: 0;
+	list-style: none;
+
+	> li {
+		position: relative;
+	
+		> a {
+		    display: block;
+		    font-size: 0.875em;
+		    line-height: 38px;
+		    padding-left: 66px;
+		    color: #fff;
+		    outline: none;
+		    text-decoration: none;
+		    @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s);
+		}
+		&:first-of-type > a {
+			border-top: 0;
+		}
+		> a:hover,
+		> a.active,
+		&.active > a,
+		&.open > a {
+			text-decoration: none;
+			color: #fff;
+			background-color: darken(#2c3e50, 7%);
+			/* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss b/public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss
new file mode 100644
index 0000000..a10cbfb
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss
@@ -0,0 +1,102 @@
+$blue-nav-color: #4c5763;
+
+.theme-blue {
+	#header-navbar {
+		background-color: $primary-color;
+	}
+	.navbar > .container .navbar-brand {
+		background-color: $primary-color;
+	}
+	#nav-col,
+	#page-wrapper {
+		background-color: $blue-nav-color;
+	}
+	#sidebar-nav .nav > .open > .submenu > li > .submenu,
+	#sidebar-nav .nav > .active > .submenu > li > .submenu,
+	#sidebar-nav .nav li .submenu > li.open a,
+	#nav-col-submenu .submenu > li > .submenu,
+	#nav-col-submenu li .submenu > li.open > a {
+	    background-color: darken($blue-nav-color, 10%);
+	}
+	#sidebar-nav .nav > .open > .submenu > .open > a, 
+	#sidebar-nav .nav > .active > .submenu > .open > a, 
+	#sidebar-nav .nav > .active > .submenu > .active > a,
+	#nav-col-submenu > .submenu > .open > a,
+	#nav-col-submenu > .submenu > .active > a {
+		border-bottom-color: transparent;
+	    box-shadow: 0 -1px 0 transparent inset;
+	}
+	#sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, 
+	#sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, 
+	#sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {
+		color: $primary-color;
+	}
+	.nav-pills > li.active > a, 
+	.nav-pills > li.active > a:hover, 
+	.nav-pills > li.active > a:focus,
+	#sidebar-nav .nav-pills > li.active > a, 
+	#sidebar-nav .nav-pills > li.active > a:hover, 
+	#sidebar-nav .nav-pills > li.active > a:focus,
+	.nav-pills > li.open > a, 
+	.nav-pills > li.open > a:hover, 
+	.nav-pills > li.open > a:focus,
+	#sidebar-nav .nav-pills > li.open > a, 
+	#sidebar-nav .nav-pills > li.open > a:hover, 
+	#sidebar-nav .nav-pills > li.open > a:focus,
+	.nav-small #nav-col #sidebar-nav .nav-pills > li.open > a,
+	.nav-small #nav-col-submenu .submenu > .open > a, 
+	.nav-small #nav-col-submenu .submenu > .active > a,
+	.nav-small #nav-col-submenu .submenu > li > a:hover {
+		background-color: darken($blue-nav-color, 5%);
+	}
+	#sidebar-nav .nav > li > a:hover {
+		background-color: darken($blue-nav-color, 5%);
+	}
+	#header-navbar .nav > li > a {
+		color: #fff;
+	}
+	#header-navbar .nav > li > a:hover,
+	#header-navbar .nav > li > a:focus,
+	#header-navbar .nav .open > a, 
+	#header-navbar .nav .open > a:hover, 
+	#header-navbar .nav .open > a:focus {
+		background-color: #2980b9;
+	}
+	#sidebar-nav .nav li .submenu,
+	#nav-col-submenu .submenu {
+		background-color: darken($blue-nav-color, 5%);
+	}
+	#sidebar-nav .nav li .submenu > li > a:hover,
+	#sidebar-nav .nav li .submenu > li > a.active,
+	#sidebar-nav .nav li .submenu > li.active > a,
+	.nav-small #nav-col-submenu .submenu > .open > a, 
+	.nav-small #nav-col-submenu .submenu > .active > a,
+	.nav-small #nav-col-submenu .submenu > li > a:hover,
+	.nav-small #nav-col-submenu .submenu > li > a.active,
+	.nav-small #nav-col-submenu .submenu > li.active > a {
+		background-color: darken($blue-nav-color, 10%);
+	}
+	#sidebar-nav .nav > li.nav-header {
+		border-top-color: darken($blue-nav-color, 5%);
+		color: lighten($blue-nav-color, 30%);
+	}
+	.navbar > .container .navbar-brand {
+		color: #fff;
+	}
+	.navbar-toggle {
+		color: #fff;
+	}
+	.pace .pace-progress {
+		background-color: #fff;
+	}
+}
+@media (max-width: $break-sm-max) {
+	.theme-blue {
+		#logo.navbar-brand > img.normal-logo.logo-white {
+			display: block;
+		}
+		#logo.navbar-brand > img.normal-logo.logo-black {
+			display: none;
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss b/public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss
new file mode 100644
index 0000000..827569b
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss
@@ -0,0 +1,109 @@
+.theme-blue-gradient #header-navbar,
+#config-tool #skin-colors li a.skin-changer.blue-gradient {
+	background: $primary-color; /* Old browsers */
+	background: -moz-linear-gradient(top,  $primary-color 0%, #2980b9 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$primary-color), color-stop(100%,#2980b9)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  $primary-color 0%,#2980b9 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  $primary-color 0%,#2980b9 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  $primary-color 0%,#2980b9 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  $primary-color 0%,#2980b9 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='#2980b9',GradientType=0 ); /* IE6-9 */
+}
+.theme-blue-gradient {
+	.navbar > .container .navbar-brand {
+		background: transparent;
+	}
+	#header-navbar .nav > li > a {
+		color: #fff;
+	}
+	#header-navbar .nav > li > a:hover,
+	#header-navbar .nav > li > a:focus,
+	#header-navbar .nav .open > a, 
+	#header-navbar .nav .open > a:hover, 
+	#header-navbar .nav .open > a:focus {
+		background-color: #005486;
+	}
+	.navbar > .container .navbar-brand {
+		color: #fff;
+	}
+	.navbar-toggle {
+		color: #fff;
+	}
+	.red-bg {
+		background: $red-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $red-color 0%, $red-color-dark 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$red-color), color-stop(100%,$red-color-dark)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $red-color 0%,$red-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $red-color 0%,$red-color-dark 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $red-color 0%,$red-color-dark 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $red-color 0%,$red-color-dark 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$red-color', endColorstr='$red-color-dark',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.emerald-bg {
+		background: $primary-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $primary-color 0%, #2980b9 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$primary-color), color-stop(100%,#2980b9)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $primary-color 0%,#2980b9 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $primary-color 0%,#2980b9 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $primary-color 0%,#2980b9 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $primary-color 0%,#2980b9 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='#2980b9',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.yellow-bg {
+		background: $yellow-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $yellow-color 0%, $yellow-color-dark 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$yellow-color), color-stop(100%,$yellow-color-dark)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $yellow-color 0%,$yellow-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $yellow-color 0%,$yellow-color-dark 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $yellow-color 0%,$yellow-color-dark 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $yellow-color 0%,$yellow-color-dark 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$yellow-color', endColorstr='$yellow-color-dark',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.green-bg {
+		background: $green-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $green-color 0%, $green-color-dark 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$green-color), color-stop(100%,$green-color-dark)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $green-color 0%,$green-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $green-color 0%,$green-color-dark 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $green-color 0%,$green-color-dark 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $green-color 0%,$green-color-dark 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green-color', endColorstr='$green-color-dark',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.purple-bg {
+		background: $purple-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $purple-color 0%, $purple-color-dark 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$purple-color), color-stop(100%,$purple-color-dark)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $purple-color 0%,$purple-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $purple-color 0%,$purple-color-dark 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $purple-color 0%,$purple-color-dark 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $purple-color 0%,$purple-color-dark 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple-color', endColorstr='$purple-color-dark',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.gray-bg {
+		background: $gray-color !important; /* Old browsers */
+		background: -moz-linear-gradient(top,  $gray-color 0%, $gray-color-dark 100%) !important; /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$gray-color), color-stop(100%,$gray-color-dark)) !important; /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top,  $gray-color 0%,$gray-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top,  $gray-color 0%,$gray-color-dark 100%) !important; /* Opera 11.10+ */
+		background: -ms-linear-gradient(top,  $gray-color 0%,$gray-color-dark 100%) !important; /* IE10+ */
+		background: linear-gradient(to bottom,  $gray-color 0%,$gray-color-dark 100%) !important; /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gray-color', endColorstr='$gray-color-dark',GradientType=0 ) !important; /* IE6-9 */
+	}
+	.pace .pace-progress {
+		background-color: #fff;
+	}
+	#nav-col, 
+	#page-wrapper {
+	    background-color: #2c3e50;
+	}
+}
+@media (max-width: $break-sm-max) {
+	.theme-blue-gradient {
+		#logo.navbar-brand > img.normal-logo.logo-white {
+			display: block;
+		}
+		#logo.navbar-brand > img.normal-logo.logo-black {
+			display: none;
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/designs/themes/cube-responsive/sidebar_user.html.erb b/public/designs/themes/cube-responsive/sidebar_user.html.erb
new file mode 100644
index 0000000..63a1031
--- /dev/null
+++ b/public/designs/themes/cube-responsive/sidebar_user.html.erb
@@ -0,0 +1,418 @@
+<div id="nav-col">
+  <section id="col-left" class="col-left-nano">
+    <div id="col-left-inner" class="col-left-nano-content">
+      <div id="user-left-box" class="clearfix hidden-sm hidden-xs dropdown profile2-dropdown">
+        <img alt="" src="/designs/themes/cube-responsive-theme/images/samples/scarlet-159.png" />
+        <div class="user-box">
+          <span class="name">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              Scarlett J.
+              <i class="fa fa-angle-down"></i>
+            </a>
+            <ul class="dropdown-menu">
+              <li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li>
+              <li><a href="#"><i class="fa fa-cog"></i>Settings</a></li>
+              <li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li>
+              <li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li>
+            </ul>
+          </span>
+          <span class="status">
+            <i class="fa fa-circle"></i> Online
+          </span>
+        </div>
+      </div>
+      <div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">
+        <ul class="nav nav-pills nav-stacked">
+          <li class="nav-header nav-header-first hidden-sm hidden-xs">
+            Navigation
+          </li>
+          <li class="active">
+            <a href="index.html">
+              <i class="fa fa-dashboard"></i>
+              <span>Dashboard</span>
+              <span class="label label-primary label-circle pull-right">28</span>
+            </a>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-table"></i>
+              <span>Tables</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="tables.html">
+                  Simple
+                </a>
+              </li>
+              <li>
+                <a href="tables-advanced.html">
+                  Advanced
+                </a>
+              </li>
+              <li>
+                <a href="users.html">
+                  Users
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-envelope"></i>
+              <span>Email</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="email-inbox.html">
+                  Inbox
+                </a>
+              </li>
+              <li>
+                <a href="email-detail.html">
+                  Detail
+                </a>
+              </li>
+              <li>
+                <a href="email-compose.html">
+                  Compose
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-bar-chart-o"></i>
+              <span>Graphs</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="graphs-morris.html">
+                  Morris &amp; Mixed
+                </a>
+              </li>
+              <li>
+                <a href="graphs-flot.html">
+                  Flot
+                </a>
+              </li>
+              <li>
+                <a href="graphs-dygraphs.html">
+                  Dygraphs
+                </a>
+              </li>
+              <li>
+                <a href="graphs-xcharts.html">
+                  xCharts
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="widgets.html">
+              <i class="fa fa-th-large"></i>
+              <span>Widgets</span>
+              <span class="label label-success pull-right">New</span>
+            </a>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-copy"></i>
+              <span>Pages</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="calendar.html">
+                  Calendar
+                </a>
+              </li>
+              <li>
+                <a href="gallery.html">
+                  Gallery
+                </a>
+              </li>
+              <li>
+                <a href="gallery-v2.html">
+                  Gallery v2
+                </a>
+              </li>
+              <li>
+                <a href="pricing.html">
+                  Pricing
+                </a>
+              </li>
+              <li>
+                <a href="projects.html">
+                  Projects
+                </a>
+              </li>
+              <li>
+                <a href="team-members.html">
+                  Team Members
+                </a>
+              </li>
+              <li>
+                <a href="timeline.html">
+                  Timeline
+                </a>
+              </li>
+              <li>
+                <a href="timeline-grid.html">
+                  Timeline Grid
+                </a>
+              </li>
+              <li>
+                <a href="user-profile.html">
+                  User Profile
+                </a>
+              </li>
+              <li>
+                <a href="search.html">
+                  Search Results
+                </a>
+              </li>
+              <li>
+                <a href="invoice.html">
+                  Invoice
+                </a>
+              </li>
+              <li>
+                <a href="intro.html">
+                  Tour Layout
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="nav-header hidden-sm hidden-xs">
+            Components
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-edit"></i>
+              <span>Forms</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="form-elements.html">
+                  Elements
+                </a>
+              </li>
+              <li>
+                <a href="x-editable.html">
+                  X-Editable
+                </a>
+              </li>
+              <li>
+                <a href="form-wizard.html">
+                  Wizard
+                </a>
+              </li>
+              <li>
+                <a href="form-wizard-popup.html">
+                  Wizard popup
+                </a>
+              </li>
+              <li>
+                <a href="form-wysiwyg.html">
+                  WYSIWYG
+                </a>
+              </li>
+              <li>
+                <a href="form-summernote.html">
+                  WYSIWYG Summernote
+                </a>
+              </li>
+              <li>
+                <a href="form-ckeditor.html">
+                  WYSIWYG CKEditor
+                </a>
+              </li>
+              <li>
+                <a href="form-dropzone.html">
+                  Multiple File Upload
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-desktop"></i>
+              <span>UI Kit</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="ui-elements.html">
+                  Elements
+                </a>
+              </li>
+              <li>
+                <a href="notifications.html">
+                  Notifications &amp; Alerts
+                </a>
+              </li>
+              <li>
+                <a href="modals.html">
+                  Modals
+                </a>
+              </li>
+              <li>
+                <a href="video.html">
+                  Video
+                </a>
+              </li>
+              <li>
+                <a href="#" class="dropdown-toggle">
+                  Icons
+                  <i class="fa fa-angle-right drop-icon"></i>
+                </a>
+                <ul class="submenu">
+                  <li>
+                    <a href="icons-awesome.html">
+                      Awesome Icons
+                    </a>
+                  </li>
+                  <li>
+                    <a href="icons-halflings.html">
+                      Halflings Icons
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <a href="ui-nestable.html">
+                  Nestable List
+                </a>
+              </li>
+              <li>
+                <a href="typography.html">
+                  Typography
+                </a>
+              </li>
+              <li>
+                <a href="#" class="dropdown-toggle">
+                  3 Level Menu
+                  <i class="fa fa-angle-right drop-icon"></i>
+                </a>
+                <ul class="submenu">
+                  <li>
+                    <a href="#">
+                      3rd Level
+                    </a>
+                  </li>
+                  <li>
+                    <a href="#">
+                      3rd Level
+                    </a>
+                  </li>
+                  <li>
+                    <a href="#">
+                      3rd Level
+                    </a>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="maps.html">
+              <i class="fa fa-map-marker"></i>
+              <span>Google Maps</span>
+              <span class="label label-danger pull-right">Updated</span>
+            </a>
+          </li>
+          <li>
+            <a href="#" class="dropdown-toggle">
+              <i class="fa fa-file-text-o"></i>
+              <span>Extra pages</span>
+              <i class="fa fa-angle-right drop-icon"></i>
+            </a>
+            <ul class="submenu">
+              <li>
+                <a href="faq.html">
+                  FAQ
+                </a>
+              </li>
+              <li>
+                <a href="emails.html">
+                  Email Templates
+                </a>
+              </li>
+              <li>
+                <a href="login.html">
+                  Login
+                </a>
+              </li>
+              <li>
+                <a href="login-full.html">
+                  Login Full
+                </a>
+              </li>
+              <li>
+                <a href="registration.html">
+                  Registration
+                </a>
+              </li>
+              <li>
+                <a href="registration-full.html">
+                  Registration Full
+                </a>
+              </li>
+              <li>
+                <a href="forgot-password.html">
+                  Forgot Password
+                </a>
+              </li>
+              <li>
+                <a href="forgot-password-full.html">
+                  Forgot Password Full
+                </a>
+              </li>
+              <li>
+                <a href="lock-screen.html">
+                  Lock Screen
+                </a>
+              </li>
+              <li>
+                <a href="lock-screen-full.html">
+                  Lock Screen Full
+                </a>
+              </li>
+              <li>
+                <a href="error-404.html">
+                  Error 404
+                </a>
+              </li>
+              <li>
+                <a href="error-404-v2.html">
+                  Error 404 Nested
+                </a>
+              </li>
+              <li>
+                <a href="error-500.html">
+                  Error 500
+                </a>
+              </li>
+              <li>
+                <a href="extra-grid.html">
+                  Grid
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a href="/angularjs">
+              <i class="fa fa-google"></i>
+              <span>AngularJS Demo</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </section>
+  <div id="nav-col-submenu"></div>
+</div>
diff --git a/public/designs/themes/cube-responsive/site_title.html.erb b/public/designs/themes/cube-responsive/site_title.html.erb
new file mode 100644
index 0000000..f783514
--- /dev/null
+++ b/public/designs/themes/cube-responsive/site_title.html.erb
@@ -0,0 +1,5 @@
+<a href="index.html" id="logo" class="navbar-brand">
+  <img src="/designs/themes/cube-responsive-theme/images/logo-noosfero-header.png" alt="" class="normal-logo logo-white"/> <span class="logo-title">Noosfero</span>
+  <img src="/designs/themes/cube-responsive-theme/images/logo-black.png" alt="" class="normal-logo logo-black"/>
+  <img src="/designs/themes/cube-responsive-theme/images/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden"/>
+</a>
diff --git a/public/designs/themes/cube-responsive/style.scss b/public/designs/themes/cube-responsive/style.scss
new file mode 100644
index 0000000..f26f2c0
--- /dev/null
+++ b/public/designs/themes/cube-responsive/style.scss
@@ -0,0 +1,10 @@
+// bootstrap customizations, bootstrap
+// see also plugins/responsive/public/bootstrap/all.scss
+@import 'bootstrap/variables';
+@import 'bootstrap-core';
+
+// say to base-responsive that we already took care of boostrap
+$bootstrap-loaded: true;
+
+@import 'sass/theme_styles';
+@import '../base-responsive/style';
diff --git a/public/designs/themes/cube-responsive/theme.js b/public/designs/themes/cube-responsive/theme.js
new file mode 100644
index 0000000..93aba5b
--- /dev/null
+++ b/public/designs/themes/cube-responsive/theme.js
@@ -0,0 +1,149 @@
+$(function($) {
+
+	setTimeout(function() {
+		$('#content-wrapper > .row').css({
+			opacity: 1
+		});
+	}, 200);
+
+	$('#sidebar-nav,#nav-col-submenu').on('click', '.dropdown-toggle', function (e) {
+		e.preventDefault();
+
+		var $item = $(this).parent();
+
+		if (!$item.hasClass('open')) {
+			$item.parent().find('.open .submenu').slideUp('fast');
+			$item.parent().find('.open').toggleClass('open');
+		}
+
+		$item.toggleClass('open');
+
+		if ($item.hasClass('open')) {
+			$item.children('.submenu').slideDown('fast');
+		}
+		else {
+			$item.children('.submenu').slideUp('fast');
+		}
+	});
+
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav .dropdown-toggle', function (e) {
+		if ($( document ).width() >= 992) {
+			var $item = $(this).parent();
+
+			if ($('body').hasClass('fixed-leftmenu')) {
+				var topPosition = $item.position().top;
+
+				if ((topPosition + 4*$(this).outerHeight()) >= $(window).height()) {
+					topPosition -= 6*$(this).outerHeight();
+				}
+
+				$('#nav-col-submenu').html($item.children('.submenu').clone());
+				$('#nav-col-submenu > .submenu').css({'top' : topPosition});
+			}
+
+			$item.addClass('open');
+			$item.children('.submenu').slideDown('fast');
+		}
+	});
+
+	$('body').on('mouseleave', '#page-wrapper.nav-small #sidebar-nav > .nav-pills > li', function (e) {
+		if ($( document ).width() >= 992) {
+			var $item = $(this);
+
+			if ($item.hasClass('open')) {
+				$item.find('.open .submenu').slideUp('fast');
+				$item.find('.open').removeClass('open');
+				$item.children('.submenu').slideUp('fast');
+			}
+
+			$item.removeClass('open');
+		}
+	});
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav a:not(.dropdown-toggle)', function (e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+	$('body').on('mouseleave', '#page-wrapper.nav-small #nav-col', function (e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+
+	$('#make-small-nav').click(function (e) {
+		$('#page-wrapper').toggleClass('nav-small');
+	});
+
+	$(window).smartresize(function(){
+		if ($( document ).width() <= 991) {
+			$('#page-wrapper').removeClass('nav-small');
+		}
+	});
+
+	$('.mobile-search').click(function(e) {
+		e.preventDefault();
+
+		$('.mobile-search').addClass('active');
+		$('.mobile-search form input.form-control').focus();
+	});
+	$(document).mouseup(function (e) {
+		var container = $('.mobile-search');
+
+		if (!container.is(e.target) // if the target of the click isn't the container...
+			&& container.has(e.target).length === 0) // ... nor a descendant of the container
+		{
+			container.removeClass('active');
+		}
+	});
+
+	// $('.fixed-leftmenu #col-left').nanoScroller({
+  //   	alwaysVisible: false,
+  //   	iOSNativeScrolling: false,
+  //   	preventPageScrolling: true,
+  //   	contentClass: 'col-left-nano-content'
+  //   });
+
+	// build all tooltips from data-attributes
+	$("[data-toggle='tooltip']").each(function (index, el) {
+		$(el).tooltip({
+			placement: $(this).data("placement") || 'top'
+		});
+	});
+});
+
+$.fn.removeClassPrefix = function(prefix) {
+    this.each(function(i, el) {
+        var classes = el.className.split(" ").filter(function(c) {
+            return c.lastIndexOf(prefix, 0) !== 0;
+        });
+        el.className = classes.join(" ");
+    });
+    return this;
+};
+
+(function($,sr){
+	// debouncing function from John Hann
+	// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+	var debounce = function (func, threshold, execAsap) {
+		var timeout;
+
+		return function debounced () {
+			var obj = this, args = arguments;
+			function delayed () {
+				if (!execAsap)
+					func.apply(obj, args);
+				timeout = null;
+			};
+
+			if (timeout)
+				clearTimeout(timeout);
+			else if (execAsap)
+				func.apply(obj, args);
+
+			timeout = setTimeout(delayed, threshold || 100);
+		};
+	}
+	// smartresize
+	$.fn[sr] = function(fn){	return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})($,'smartresize');
diff --git a/public/designs/themes/cube-responsive/theme.yml b/public/designs/themes/cube-responsive/theme.yml
new file mode 100644
index 0000000..415bfc9
--- /dev/null
+++ b/public/designs/themes/cube-responsive/theme.yml
@@ -0,0 +1,5 @@
+name: "Noosfero responsive some Bootstrap styling"
+layout: "application-responsive"
+icon_theme: [awesome, pidgin]
+responsive: true
+public: true
--
libgit2 0.21.2