blueberry_admin 0.1.1

data/app/assets/stylesheets/blueberry_admin/base/_table.sass

@@ -0,0 +1,126 @@
+/*
+ * Component: Table
+ * ----------------
+ */
+
+.table
+  //Cells
+  > thead,
+  > tbody,
+  > tfoot
+    > tr
+      > th,
+      > td
+        max-width: 230px
+        border-top: 1px solid $box-border-color
+        outline: none
+      > td
+        min-height: 18px
+        vertical-align: middle
+
+  > thead > tr > th
+    border-bottom: 2px solid $box-border-color
+
+//Bordered Table
+.table-bordered
+  border: 1px solid $box-border-color
+  > thead,
+  > tbody,
+  > tfoot
+    > tr
+      > th,
+      > td
+        border: 1px solid $box-border-color
+
+
+
+  > thead > tr
+    > th,
+    > td
+      border-bottom-width: 2px
+
+.table.no-border
+  &,
+  td,
+  th
+    border: 0
+
+
+
+// .text-center in tables
+table.text-center
+  &,
+  td,
+  th
+    text-align: center
+
+.table.align
+  th
+    text-align: left
+
+  td
+    text-align: right
+
+// custom cells
+.table
+
+  td.action-buttons
+    text-align: right
+    +render-to(sm, md, lg)
+      white-space: nowrap
+    .btn + .btn
+      margin-left: 0.5em
+
+  td
+    .price, .number
+      min-width: 120px
+      text-align: right
+      display: inline-block
+
+  td.state
+    max-width: 80px
+    .glyphicon-ok
+      color: $brand-success
+    .glyphicon-remove
+      color: $brand-danger
+
+// sortable table
+table.dataTable
+
+  thead
+    .sorting,
+    .sorting_asc,
+    .sorting_desc
+      cursor: pointer
+
+      span
+        padding-right: 20px
+        display: block
+        position: relative
+        &:before,
+        &:after
+          content: ""
+          width: 0
+          height: 0
+          position: absolute
+          top: 50%
+          right: 0
+          border-style: solid
+        &:before
+          border-width: 0 4px 6px 4px
+          border-color: transparent transparent $gray-lighter transparent
+          transform: translate(0, -6px)
+        &:after
+          border-width: 6px 4px 0 4px
+          border-color: $gray-lighter transparent transparent transparent
+          transform: translate(0, 1px)
+
+    .sorting_desc
+      span
+        &:before
+          border-bottom-color: $brand-warning
+
+    .sorting_asc
+      span
+        &:after
+          border-top-color: $brand-warning

data/app/assets/stylesheets/blueberry_admin/base/_typography.sass

@@ -0,0 +1,41 @@
+//
+// Typography
+// ---------------------------------
+
+// default
+a
+  color: $link-color
+
+a:hover,
+a:active,
+a:focus
+  outline: none
+
+// lists
+ul, ol
+  padding-left: 20px
+
+// headings
+h1, h2, h3, h4, h5, h6
+  font-weight: 200
+
+h1
+  font-size: 30px
+
+h2
+  font-size: 24px
+
+h3
+  font-size: 16px
+
+h4
+  font-size: 14px
+
+h5
+  font-size: 12px
+
+h6
+  font-size: 10px
+
+h3, h4, h5
+  font-weight: 600

data/app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass

@@ -0,0 +1,118 @@
+//AdminLTE 2 Variables.less
+//=========================
+
+//PATHS
+//--------------------------------------------------------
+
+$boxed-layout-bg-image-path: "/images/boxed-bg.jpg" !default
+
+//COLORS
+//--------------------------------------------------------
+
+$light-blue: #3c8dbc  //Primary
+$red:        #dd4b39  //Danger
+$green:      #00a65a  //Success
+$aqua:       #00c0ef  //Info
+$yellow:     #f39c12  //Warning
+$blue:       #0073b7
+$navy:       #001F3F
+$teal:       #39CCCC
+$olive:      #3D9970
+$lime:       #01FF70
+$orange:     #FF851B
+$fuchsia:    #F012BE
+$purple:     #605ca8
+$maroon:     #D81B60
+$black:      #111
+$gray:       #d2d6de
+
+
+//LAYOUT
+//--------------------------------------------------------
+
+//Side bar and logo width
+$sidebar-width: 230px
+//Boxed layout maximum width
+$boxed-layout-max-width: 1024px
+//When the logo should go to the top of the screen
+$screen-header-collapse: 768px
+
+//Link colors (Aka: <a> tags)
+$link-color:       $light-blue
+$link-hover-color: lighten($link-color, 15%)
+
+//Body background (Affects main content background only)
+$body-bg: #ecf0f5
+
+//SIDEBAR SKINS
+//--------------------------------------------------------
+
+//Dark sidebar
+$sidebar-dark-bg:                  #222d32
+$sidebar-dark-hover-bg:            darken($sidebar-dark-bg, 2%)
+$sidebar-dark-color:               lighten($sidebar-dark-bg, 60%)
+$sidebar-dark-hover-color:         #fff
+$sidebar-dark-submenu-bg:          lighten($sidebar-dark-bg, 5%)
+$sidebar-dark-submenu-color:       lighten($sidebar-dark-submenu-bg, 40%)
+$sidebar-dark-submenu-hover-color: #fff
+
+//Light sidebar
+$sidebar-light-bg:                  #f9fafc
+$sidebar-light-hover-bg:            lighten(#f0f0f1, 1.5%)
+$sidebar-light-color:               #444
+$sidebar-light-hover-color:         #000
+$sidebar-light-submenu-bg:          $sidebar-light-hover-bg
+$sidebar-light-submenu-color:       #777
+$sidebar-light-submenu-hover-color: #000
+
+
+
+//BOXES
+//--------------------------------------------------------
+$box-border-color:  #f4f4f4
+$box-border-radius: 3px
+$box-footer-bg:     #fff
+$box-boxshadow:     0 1px 1px rgba(0, 0, 0, .1)
+$box-padding:       10px
+
+//Box variants
+$box-default-border-top-color: #d2d6de
+
+//BUTTONS
+//--------------------------------------------------------
+$btn-boxshadow: none
+
+//PROGRESS BARS
+//--------------------------------------------------------
+$progress-bar-border-radius:    1px
+$progress-bar-sm-border-radius: 1px
+$progress-bar-xs-border-radius: 1px
+
+//FORMS
+//--------------------------------------------------------
+$input-radius: 0px
+
+//BUTTONS
+//--------------------------------------------------------
+
+//Border radius for non flat buttons
+$btn-border-radius: 3px
+
+//DIRECT CHAT
+//--------------------------------------------------------
+$direct-chat-height:                   250px
+$direct-chat-default-msg-bg:           $gray
+$direct-chat-default-font-color:       #444
+$direct-chat-default-msg-border-color: $gray
+
+
+//CHAT WIDGET
+//--------------------------------------------------------
+$attachment-border-radius: 3px
+
+//TRANSITIONS SETTINGS
+//--------------------------------------------------------
+
+//Transition global options
+$transition-speed: .3s
+$transition-fn:    ease-in-out//cubic-bezier(0.32,1.25,0.375,1.15)

data/app/assets/stylesheets/blueberry_admin/common/_variables.sass

@@ -0,0 +1,78 @@
+// Font
+$font-stack:         "Helvetica Neue", Helvetica, Arial, sans-serif
+
+// Basic Colors
+$gray-dark:          #373a36
+$gray-lighter:       #dcdcdc
+
+$navy:               #238f49
+$dark-gray:          #c2c2c2
+$blue:               #33647f
+$lazur:              #3a8ab6
+$yellow:             $gray-dark
+$red:                #e1261c
+
+$brand-primary:      #1aabd5
+$brand-danger:       $red
+$brand-info:         $lazur
+$brand-warning:      $yellow
+$brand-success:      $navy
+$brand-client:       #002046
+$brand-edit:         #fdff54
+
+$sidebar-bg:         #2F2D2E
+
+$light-gray:         #D1DADE
+$label-badget-color: #5E5E5E
+$light-blue:         #f3f6fb
+
+// Layout
+$sidebar-width: 230px
+$control-sidebar-width: $sidebar-width
+$boxed-layout-max-width: 1024px
+$screen-header-collapse: 768px
+
+$body-bg: #f4f6fa
+
+// Typography
+$text-color:            $gray-dark
+
+$link-color:            $brand-primary
+$link-hover-color:      $link-color
+
+$font-size-base:        14px
+
+
+// Spiner color and margin
+$spin-color:         $navy
+$spin-margin:        0 auto
+
+// IBOX colors ( default panel colors)
+$border-color:       #e7eaec
+$ibox-title-bg:      #ffffff
+$ibox-content-bg:    #ffffff
+
+//Sidebar width
+$sidebar-width:      220px
+
+// Boxed layout width
+$boxed-width:        1200px
+$boxed-backgound:    url('patterns/shattered.png')
+
+//Border radius for buttons
+$btn-border-radius:  3px
+
+//Navigation
+$nav-bg:             #2F4050
+$nav-profil-pattern: url("patterns/header-profile.png") no-repeat
+$nav-text-color:     #a7b1c2
+
+// components
+$padding-base-vertical:     7px
+$padding-base-horizontal: 13px
+
+// Icon path
+$icon-font-path: 'bootstrap-sass/assets/fonts/bootstrap/'
+
+// break point
+$order-break-point: 1700px

data/app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass

@@ -0,0 +1,128 @@
+// Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3.
+//
+// This is a hack to fill the gap between 480 and 767 pixels - a missing range
+// in the bootstrap responsive grid structure.  Use these classes to style pages
+// on cellphones when they transition from portrait to landscape.
+//
+// Contains:
+//   Columns, Offsets, Pushes, Pulls for the Mid-Small layout
+//   Visibility classes for the Mid-Small layout
+//   Redefined visibility classes for the Extra Small layout
+//
+// See https://github.com/twbs/bootstrap/issues/10203 for more info.
+// Original gist: https://gist.github.com/andyl/6360906
+//
+// Instructions: Add the following to the end of bootstrap.scss
+//
+//   @import "bootstrap-ms"
+//
+
+// Mid-Small breakpoint
+$screen-ms: 480px !default
+$screen-ms-min: $screen-ms !default
+$screen-ms-max: $screen-sm-min - 1 !default
+
+// Redefined Extra Small max value (Can't override non-default variables in SASS)
+$screen-xs-max-new: $screen-ms-min - 1 !default
+
+// Common styles (see make-grid-columns() in bootstrap/mixins/_grid-framework.scss)
+.col-ms-1,
+.col-ms-2,
+.col-ms-3,
+.col-ms-4,
+.col-ms-5,
+.col-ms-6,
+.col-ms-7,
+.col-ms-8,
+.col-ms-9,
+.col-ms-10,
+.col-ms-11,
+.col-ms-12
+  position: relative
+  // Prevent columns from collapsing when empty
+  min-height: 1px
+  // Inner gutter via padding
+  padding-left: $grid-gutter-width / 2
+  padding-right: $grid-gutter-width / 2
+
+// Misc. class adjustments for col-ms
+@media (min-width: $screen-ms) and (max-width: $screen-ms-max)
+  .container
+    max-width: $screen-sm - 20px
+  .hidden-xs
+    display: block !important
+
+// col-ms grid
+@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+  +make-grid(xs)
+
+// Visibility utilities
++responsive-invisibility(".visible-xs, .visible-ms")
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-ms-block,
+.visible-ms-inline,
+.visible-ms-inline-block
+  display: none !important
+
+@media (max-width: $screen-xs-max-new)
+  +responsive-visibility(".visible-xs")
+
+.visible-xs-block
+  @media (max-width: $screen-xs-max-new)
+    display: block !important
+
+.visible-xs-inline
+  @media (max-width: $screen-xs-max-new)
+    display: inline !important
+
+.visible-xs-inline-block
+  @media (max-width: $screen-xs-max-new)
+    display: inline-block !important
+
+@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+  +responsive-visibility(".visible-ms")
+
+.visible-ms-block
+  @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+    display: block !important
+
+.visible-ms-inline
+  @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+    display: inline !important
+
+.visible-ms-inline-block
+  @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+    display: inline-block !important
+
+@media (max-width: $screen-xs-max-new)
+  +responsive-invisibility(".hidden-xs")
+
+@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max)
+  +responsive-invisibility(".hidden-ms")
+
+//  An extension of andyl's hack – https://gist.github.com/andyl/6360906
+//  in a mixin version.
+
+=make-ms-column($columns, $gutter: $grid-gutter-width)
+  position: relative
+  min-height: 1px
+  padding-left: $gutter / 2
+  padding-right: $gutter / 2
+  @media (min-width: $screen-ms-min)
+    float: left
+    width: percentage($columns / $grid-columns)
+
+=make-ms-column-offset($columns)
+  @media (min-width: $screen-ms-min)
+    margin-left: percentage($columns / $grid-columns)
+
+=make-ms-column-push($columns)
+  @media (min-width: $screen-ms-min)
+    left: percentage($columns / $grid-columns)
+
+=make-ms-column-pull($columns)
+  @media (min-width: $screen-ms-min)
+    right: percentage($columns / $grid-columns)