blueberry_admin 0.1.1

data/app/assets/stylesheets/blueberry_admin/components/_callout.sass

@@ -0,0 +1,48 @@
+/*
+ * Component: Callout
+ * ------------------
+ */
+
+// Base styles (regardless of theme)
+.callout
+  @include border-radius-same(3px)
+  margin: 0 0 20px 0
+  padding: 15px 30px 15px 15px
+  border-left: 5px solid #eee
+  a
+    color: #fff
+    text-decoration: underline
+    &:hover
+      color: #eee
+
+
+  h4
+    margin-top: 0
+    font-weight: 600
+
+  p:last-child
+    margin-bottom: 0
+
+  code,
+  .highlight
+    background-color: #fff
+
+
+  // Themes for different contexts
+  &.callout-danger
+    @extend .bg-red
+    border-color: darken($red, 10%)
+
+  &.callout-warning
+    @extend .bg-yellow
+    border-color: darken($yellow, 10%)
+
+  &.callout-info
+    @extend .bg-aqua
+    border-color: darken($aqua, 10%)
+
+  &.callout-success
+    @extend .bg-green
+    border-color: darken($green, 10%)
+
+

data/app/assets/stylesheets/blueberry_admin/components/_carousel.sass

@@ -0,0 +1,13 @@
+//
+// Component: Carousel
+// -------------------
+
+.carousel-control
+  background-image: none!important
+  > .fa
+    font-size: 40px
+    position: absolute
+    top: 50%
+    z-index: 5
+    display: inline-block
+    margin-top: -20px

data/app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass

@@ -0,0 +1,274 @@
+/*
+ * Component: Control sidebar. By default, this is the right sidebar.
+ */
+//The sidebar's background control class
+//This is a hack to make the background visible while scrolling
+.control-sidebar-bg
+  position: fixed
+  z-index: 1000
+  bottom: 0
+
+//Transitions
+.control-sidebar-bg,
+.control-sidebar
+  top: 0
+  right: -$control-sidebar-width
+  width: $control-sidebar-width
+  @include transition(right $transition-speed ease-in-out)
+
+//The sidebar
+.control-sidebar
+  position: absolute
+  padding-top: $navbar-height
+  z-index: 1010
+  //Fix position after header collapse
+  @media (max-width: $screen-sm)
+    padding-top: $navbar-height + 50
+
+  //Tab panes
+  > .tab-content
+    padding: 10px 15px
+
+  //Open state with slide over content effect
+  &.control-sidebar-open
+    &,
+    + .control-sidebar-bg
+      right: 0
+
+
+
+//Open without slide over content
+.control-sidebar-open
+  .control-sidebar-bg,
+  .control-sidebar
+    right: 0
+
+  @media(min-width: $screen-sm)
+    .content-wrapper,
+    .right-side,
+    .main-footer
+      margin-right: $control-sidebar-width
+
+
+
+//Control sidebar tabs
+.control-sidebar-tabs
+  > li
+    &:first-of-type > a
+      margin-left: 1px
+      &,
+      &:hover
+        border-left-width: 0!important
+
+
+    > a
+      @include border-radius-same(0 !important)
+      //Hover and active states
+      &,
+      &:hover
+        border-top: none
+        border-right: none
+        border-left: 1px solid transparent!important
+        border-bottom: 1px solid transparent!important
+
+      .icon
+        font-size: 16px
+
+
+    //Active state
+    &.active
+      > a
+        &,
+        &:hover,
+          &:focus,
+          &:active
+          border-top: none!important
+          border-right: none!important
+          border-bottom: none!important
+
+
+
+
+  //Remove responsiveness on small screens
+  @media(max-width: $screen-sm)
+    display: table
+    >li
+      display: table-cell!important
+
+
+
+//Headings in the sidebar content
+.control-sidebar-heading
+  font-weight: 400
+  font-size: 16px
+  padding: 10px 0
+  margin-bottom: 10px
+
+//Subheadings
+.control-sidebar-subheading
+  display: block
+  font-weight: 400
+  font-size: 14px
+
+//Control Sidebar Menu
+.control-sidebar-menu
+  list-style: none
+  padding: 0
+  margin: 0 -15px
+  > li > a
+    @include clearfix
+    display: block
+    padding: 10px 15px
+    > .control-sidebar-subheading
+      margin-top: 0
+
+
+  .menu-icon
+    float: left
+    width: 35px
+    height: 35px
+    border-radius: 50%
+    text-align: center
+    line-height: 35px
+
+  .menu-info
+    margin-left: 45px
+    margin-top: 3px
+    > .control-sidebar-subheading
+      margin: 0
+
+    > p
+      margin: 0
+      font-size: 11px
+
+
+  .progress
+    margin: 0
+
+
+//Dark skin
+.control-sidebar-dark
+  color: $sidebar-dark-color
+  // Background
+  &,
+  + .control-sidebar-bg
+    background: $sidebar-dark-bg
+
+  // Sidebar tabs
+  .control-sidebar-tabs
+    border-bottom: darken($sidebar-dark-bg, 3%)
+    > li
+      > a
+        background: darken($sidebar-dark-bg, 5%)
+        color: $sidebar-dark-color
+        //Hover and active states
+        &,
+        &:hover
+          border-left-color: darken($sidebar-dark-bg, 7%)!important
+          border-bottom-color: darken($sidebar-dark-bg, 7%)!important
+
+        &:hover,
+          &:focus,
+          &:active
+          background: darken($sidebar-dark-bg, 3%)
+
+
+      //Active state
+      &.active
+        > a
+          &,
+          &:hover,
+            &:focus,
+            &:active
+            background: $sidebar-dark-bg
+            color: #fff
+
+
+
+
+
+  //Heading & subheading
+  .control-sidebar-heading,
+  .control-sidebar-subheading
+    color: #fff
+
+  //Sidebar list
+  .control-sidebar-menu
+    > li
+      > a
+        &:hover
+          background: $sidebar-dark-hover-bg
+
+        .menu-info
+          > p
+            color: $sidebar-dark-color
+
+
+
+
+
+
+//Light skin
+.control-sidebar-light
+  color: lighten($sidebar-light-color, 10%)
+  // Background
+  &,
+  + .control-sidebar-bg
+    background: $sidebar-light-bg
+    border-left: 1px solid $gray
+
+  // Sidebar tabs
+  .control-sidebar-tabs
+    border-bottom: $gray
+    > li
+      > a
+        background: darken($sidebar-light-bg, 5%)
+        color: $sidebar-light-color
+        //Hover and active states
+        &,
+        &:hover
+          border-left-color: $gray!important
+          border-bottom-color: $gray!important
+
+        &:hover,
+          &:focus,
+          &:active
+          background: darken($sidebar-light-bg, 3%)
+
+
+      //Active state
+      &.active
+        > a
+          &,
+          &:hover,
+            &:focus,
+            &:active
+            background: $sidebar-light-bg
+            color: #111
+
+
+
+
+
+  //Heading & subheading
+  .control-sidebar-heading,
+  .control-sidebar-subheading
+    color: #111
+
+  //Sidebar list
+  .control-sidebar-menu
+    margin-left: -14px
+    > li
+      > a
+        &:hover
+          background: $sidebar-light-hover-bg
+
+        .menu-info
+          > p
+            color: lighten($sidebar-light-color, 10%)
+
+
+
+
+
+

data/app/assets/stylesheets/blueberry_admin/components/_def-list.sass

@@ -0,0 +1,38 @@
+//
+// Layout
+// ---------------------------------
+
+.def-list
+  h3
+    width: 200px
+    text-align: right
+
+.def-list-row
+  margin: 0 0 9px
+  +clearfix
+
+  .def
+    width: 200px
+    font-weight: bold
+    text-align: right
+    display: block
+    float: left
+
+  .term
+    padding-left: 240px
+    display: block
+
+.def-list-row--price
+  font-size: 20px
+
+  small
+    display: block
+
+.box--order-detail
+
+ .def-list-row--price
+    font-size: 20px
+
+    small
+      display: block
+      font-size: 14px

data/app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass

@@ -0,0 +1,172 @@
+/*
+ * Component: Direct Chat
+ * ----------------------
+ */
+.direct-chat
+  .box-body
+    @include border-bottom-radius(0)
+    position: relative
+    overflow-x: hidden
+    padding: 0
+
+  &.chat-pane-open
+    .direct-chat-contacts
+      @include translate(0, 0)
+
+
+
+.direct-chat-messages
+  @include translate(0, 0)
+  padding: 10px
+  height: 250px
+  overflow: auto
+
+.direct-chat-msg,
+.direct-chat-text
+  display: block
+
+.direct-chat-msg
+  @include clearfix
+  margin-bottom: 10px
+
+.direct-chat-messages,
+.direct-chat-contacts
+  @include transition-transform(.5s ease-in-out)
+
+.direct-chat-text
+  @include border-radius-same(5px)
+  position: relative
+  padding: 5px 10px
+  background: $direct-chat-default-msg-bg
+  border: 1px solid $direct-chat-default-msg-border-color
+  margin: 5px 0 0 50px
+  color: $direct-chat-default-font-color
+
+  //Create the arrow
+  &:after,
+    &:before
+    position: absolute
+    right: 100%
+    top: 15px
+    border: solid transparent
+    border-right-color: $direct-chat-default-msg-border-color
+    content: ' '
+    height: 0
+    width: 0
+    pointer-events: none
+
+
+  &:after
+    border-width: 5px
+    margin-top: -5px
+
+  &:before
+    border-width: 6px
+    margin-top: -6px
+
+  .right &
+    margin-right: 50px
+    margin-left: 0
+    &:after,
+      &:before
+      right: auto
+      left: 100%
+      border-right-color: transparent
+      border-left-color: $direct-chat-default-msg-border-color
+
+
+
+.direct-chat-img
+  @include border-radius-same(50%)
+  float: left
+  width: 40px
+  height: 40px
+  .right &
+    float: right
+
+
+.direct-chat-info
+  display: block
+  margin-bottom: 2px
+  font-size: 12px
+
+.direct-chat-name
+  font-weight: 600
+
+.direct-chat-timestamp
+  color: #999
+
+//Direct chat contacts pane
+.direct-chat-contacts-open
+  .direct-chat-contacts
+    @include translate(0, 0)
+
+
+.direct-chat-contacts
+  @include translate(101%, 0)
+  position: absolute
+  top: 0
+  bottom: 0
+  height: 250px
+  width: 100%
+  background: #222d32
+  color: #fff
+  overflow: auto
+
+
+//Contacts list -- for displaying contacts in direct chat contacts pane
+.contacts-list
+  @extend .list-unstyled
+  > li
+    @include clearfix
+    border-bottom: 1px solid rgba(0,0,0,0.2)
+    padding: 10px
+    margin: 0
+    &:last-of-type
+      border-bottom: none
+
+
+
+.contacts-list-img
+  @include border-radius-same(50%)
+  width: 40px
+  float: left
+
+.contacts-list-info
+  margin-left: 45px
+  color: #fff
+
+.contacts-list-name,
+.contacts-list-status
+  display: block
+
+.contacts-list-name
+  font-weight: 600
+
+.contacts-list-status
+  font-size: 12px
+
+.contacts-list-date
+  color: #aaa
+  font-weight: normal
+
+.contacts-list-msg
+  color: #999
+
+
+//Direct Chat Variants
+.direct-chat-danger
+  @include direct-chat-variant($red)
+
+.direct-chat-primary
+  @include direct-chat-variant($light-blue)
+
+.direct-chat-warning
+  @include direct-chat-variant($yellow)
+
+.direct-chat-info
+  @include direct-chat-variant($aqua)
+
+.direct-chat-success
+  @include direct-chat-variant($green)
+