`, and ``.
+$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 ``.
+$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 ``s and ` | `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
+//
+//##
+
+//** `` background color
+$input-bg: #fff !default;
+//** `` background color
+$input-bg-disabled: $gray-lighter !default;
+
+//** Text color for ``s
+$input-color: $gray !default;
+//** `` 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 @@
+
+
+
+ <%= language_chooser(environment) %>
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
+
+
+ <%= h page_title %>
+ <%= yield(:feeds) %>
+
+
+
+ <% unless defined? MetadataPlugin and environment.enabled_plugins.include? 'MetadataPlugin' %>
+
+ <% end %>
+
+
+
+
+
+ <%= 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")
+ %>
+
+
+
+
+
+ <%= _("Go to the content") %>
+
+ <%=
+ @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")
+ %>
+
+
+
+
+
+
+
+
+ <%= theme_sidebar_user %>
+
+
+ <%= render partial: 'layouts/menu_responsive' %>
+ <%= render 'layouts/profile_title' if profile %>
+ <%= insert_boxes yield %>
+
+
+
+
+
+
+
+ <%= render_environment_features(:logged_in) if logged_in? %>
+
+ <%= 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")
+ %>
+
+
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 %>
+
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 @@
+
+
+
+
+ 
+
+
+
+
+
+
+
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 @@
+
+ Noosfero
+
+
+
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 |