blueberry_admin 0.1.1

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

@@ -0,0 +1,15 @@
+//
+// Redactor
+// ---------------------------------
+
+.redactor-toolbar
+  display: block !important
+  background: $sidebar-bg
+
+  li
+    a
+      color: white
+    a.redactor-act,
+    a:active
+      color: white
+      background: black

data/app/assets/stylesheets/blueberry_admin/components/_small-box.sass

@@ -0,0 +1,89 @@
+/*
+ * Component: Small Box
+ * --------------------
+ */
+
+.small-box
+  @include border-radius-same(2px)
+  position: relative
+  display: block
+  margin-bottom: 20px
+  box-shadow: $box-boxshadow
+  // content wrapper
+  > .inner
+    padding: 10px
+
+
+  > .small-box-footer
+    position: relative
+    text-align: center
+    padding: 3px 0
+    color: #fff
+    color: rgba(255, 255, 255, 0.8)
+    display: block
+    z-index: 10
+    background: rgba(0,0,0,0.1)
+    text-decoration: none
+    &:hover
+      color: #fff
+      background: rgba(0,0,0,0.15)
+
+
+
+  h3
+    font-size: 38px
+    font-weight: bold
+    margin: 0 0 10px 0
+    white-space: nowrap
+    padding: 0
+
+
+
+  p
+    font-size: 15px
+    > small
+      display: block
+      color: #f9f9f9
+      font-size: 13px
+      margin-top: 5px
+
+
+
+  h3, p
+    z-index: 5px
+
+
+  // the icon
+  .icon
+    @include transition(all $transition-speed linear)
+    position: absolute
+    top: -10px
+    right: 10px
+    z-index: 0
+    font-size: 90px
+    color: rgba(0, 0, 0, 0.15)
+
+
+  // Small box hover state
+  &:hover
+    text-decoration: none
+    color: #f9f9f9
+    // Animate icons on small box hover
+    .icon
+      font-size: 95px
+
+
+
+
+@media (max-width: $screen-xs-max)
+  // No need for icons on very small devices
+  .small-box
+    text-align: center
+    .icon
+      display: none
+
+    p
+      font-size: 12px
+
+
+

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

@@ -0,0 +1,98 @@
+/*
+ * Component: Timeline
+ * -------------------
+ */
+
+.timeline
+  position: relative
+  margin: 0 0 30px 0
+  padding: 0
+  list-style: none
+
+  // The line
+  &:before
+    content: ''
+    position: absolute
+    top: 0px
+    bottom: 0
+    width: 4px
+    background: #ddd
+    left: 31px
+    margin: 0
+    @include border-radius-same(2px)
+
+
+
+  > li
+    position: relative
+    margin-right: 10px
+    margin-bottom: 15px
+    @include clearfix
+
+    // The content
+    > .timeline-item
+      @include box-shadow($box-boxshadow)
+      @include border-radius-same($box-border-radius)
+      margin-top: 0px
+      background: #fff
+      color: #444
+      margin-left: 60px
+      margin-right: 15px
+      padding: 0
+      position: relative
+
+      // The time and header
+      > .time
+        color: #999
+        float: right
+        padding: 10px
+        font-size: 12px
+
+      > .timeline-header
+        margin: 0
+        color: #555
+        border-bottom: 1px solid $box-border-color
+        padding: 10px
+        font-size: 16px
+        line-height: 1.1
+        > a
+          font-weight: 600
+
+
+      // Item body and footer
+      > .timeline-body, > .timeline-footer
+        padding: 10px
+
+
+
+
+    // Time label
+    &.time-label
+      > span
+        font-weight: 600
+        padding: 5px
+        display: inline-block
+        background-color: #fff
+
+        @include border-radius-same(4px)
+
+
+
+    // The icons
+    > .fa,
+    > .glyphicon,
+    > .ion
+      width: 30px
+      height: 30px
+      font-size: 15px
+      line-height: 30px
+      position: absolute
+      color: #666
+      background: $gray
+      border-radius: 50%
+      text-align: center
+      left: 18px
+      top: 0
+
+
+

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

@@ -0,0 +1,39 @@
+/*
+ * Component: Users List
+ * ---------------------
+ */
+.users-list
+  @extend .list-unstyled
+  > li
+    width: 25%
+    float: left
+    padding: 10px
+    text-align: center
+    img
+      @include border-radius-same(50%)
+      max-width: 100%
+      height: auto
+
+    > a:hover
+      &,
+      .users-list-name
+        color: #999
+
+
+
+
+.users-list-name,
+.users-list-date
+  display: block
+
+.users-list-name
+  font-weight: 600
+  color: #444
+  overflow: hidden
+  white-space: nowrap
+  text-overflow: ellipsis
+
+.users-list-date
+  color: #999
+  font-size: 12px
+

data/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass

@@ -0,0 +1,137 @@
+/*
+ * Component: Sidebar Mini
+ */
+
+//Add sidebar-mini class to the body tag to activate this feature
+.sidebar-mini
+  //Sidebar mini should work only on devices larger than $screen-sm
+  @media (min-width: $screen-sm)
+    //When the sidebar is collapsed...
+    &.sidebar-collapse
+
+      //Apply the new margining to the main content and footer
+      .content-wrapper,
+      .right-side,
+      .main-footer
+        margin-left: 50px!important
+        z-index: 840
+
+
+      //Modify the sidebar to shrink instead of disappearing
+      .main-sidebar
+        //Don't go away! Just shrink
+        @include translate(0, 0)
+        width: 50px!important
+        z-index: 850
+
+
+      .sidebar-menu
+        > li
+          position: relative
+          > a
+            margin-right: 0
+
+          > a > span
+            border-top-right-radius: 4px
+
+
+          &:not(.treeview)
+            > a > span
+              border-bottom-right-radius: 4px
+
+
+
+          > .treeview-menu
+            //Add some padding to the treeview menu
+            padding-top: 5px
+            padding-bottom: 5px
+            border-bottom-right-radius: 4px
+
+
+          //Show menu items on hover
+          &:hover
+            > a
+              //overflow: visible
+
+            > a > span:not(.pull-right),
+            > .treeview-menu
+              display: block!important
+              position: absolute
+              width: $sidebar-width - 50
+              left: 50px
+
+
+            //position the header & treeview menus
+            > a > span
+              top: 0
+              margin-left: -3px
+              padding: 12px 5px 12px 20px
+              background-color: inherit
+
+            > .treeview-menu
+              top: 44px
+              margin-left: 0
+
+
+
+
+
+      //Make the sidebar links, menus, labels, badges
+      //and angle icons disappear
+      .main-sidebar .user-panel > .info,
+      .sidebar-form,
+      .sidebar-menu > li > a > span,
+      .sidebar-menu > li > .treeview-menu,
+      .sidebar-menu >li > a > .pull-right,
+      .sidebar-menu li.header
+        display: none!important
+
+
+      .main-header
+        //Let's make the logo also shrink and the mini logo to appear
+        .logo
+          width: 50px
+          > .logo-mini
+            display: block
+            margin-left: -15px
+            margin-right: -15px
+            font-size: 18px
+
+          > .logo-lg
+            display: none
+
+
+
+        //Since the logo got smaller, we need to fix the navbar's position
+        .navbar
+          margin-left: 50px
+
+
+
+
+
+
+//A fix for text overflow while transitioning from sidebar mini to full sidebar
+.sidebar-menu,
+.main-sidebar .user-panel,
+.sidebar-menu > li.header
+  white-space: nowrap!important
+  overflow: hidden
+
+.sidebar-menu:hover
+  overflow: visible
+
+.sidebar-form,
+.sidebar-menu > li.header
+  overflow: hidden
+  text-overflow: clip
+
+.sidebar-menu li > a
+  position: relative
+  > .pull-right
+    position: absolute
+    top: 50%
+    right: 10px
+    margin-top: -7px
+
+

data/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass

@@ -0,0 +1,154 @@
+//
+// Layout
+// ---------------------------------
+
+
+//Main Sidebar
+// ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ```
+
+.sidebar
+  width: $sidebar-width
+  min-height: 100%
+  position: absolute
+  top: 0
+  left: 0
+  background: $sidebar-bg
+  z-index: 810
+  //Using disposable variable to join statements with a comma
+  $transition-rule: $transition-speed $transition-fn, width $transition-speed $transition-fn
+  @include transition-transform($transition-rule)
+  @media (max-width: $screen-xs-max)
+    @include translate(-$sidebar-width, 0)
+
+  .sidebar-collapse &
+    @media (min-width: $screen-sm)
+      @include translate(-$sidebar-width, 0)
+
+  .sidebar-open &
+    @media (max-width: $screen-xs-max)
+      @include translate(0, 0)
+
+// remove border from form
+.sidebar-form
+  input:focus
+    border-color: transparent!important
+
+//Sidebar user panel
+.user-panel
+  position: relative
+  width: 100%
+  padding: 10px
+  overflow: hidden
+  @include clearfix
+  > .image > img
+    width: 100%
+    max-width: 45px
+    height: auto
+
+  > .info
+    padding: 5px 5px 5px 15px
+    line-height: 1
+    position: absolute
+    left: 55px
+    > p
+      font-weight: 600
+      margin-bottom: 9px
+
+    > a
+      text-decoration: none
+      padding-right: 5px
+      margin-top: 3px
+      font-size: 11px
+      > .fa,
+      > .ion,
+      > .glyphicon
+        margin-right: 3px
+
+
+
+
+
+// Sidebar menu
+.sidebar-menu
+  list-style: none
+  margin: 0
+  padding: 0
+
+  a
+    font-weight: bold
+    text-decoration: none
+    color: white
+
+  > li
+    position: relative
+    margin: 0
+    padding: 0
+    > a
+      padding: 12px 10px 12px 20px
+      display: block
+      > .fa,
+      > .glyphicon,
+      > .ion
+        width: 20px
+      &:hover
+        background: darken($sidebar-bg, 5%)
+
+
+    .label,
+    .badge
+      margin-top: 3px
+      margin-right: 5px
+
+
+  li.logo
+    padding: 30px 20px
+    font-size: 12px
+    text-align: center
+
+    a
+      padding: 0
+      background: transparent !important
+
+    img
+      max-width: 80%
+
+  li > a > .fa-angle-left
+    width: auto
+    height: auto
+    padding: 0
+    margin-right: 10px
+    margin-top: 3px
+
+  li.active
+    > a > .fa-angle-left
+      @include rotate(-90deg)
+
+    > .treeview-menu
+      display: block
+
+
+
+  // Tree view menu
+  .treeview-menu
+    display: none
+    list-style: none
+    padding: 0
+    margin: 0
+    padding-left: 5px
+    .treeview-menu
+      padding-left: 20px
+
+    > li
+      margin: 0
+      > a
+        padding: 5px 5px 5px 15px
+        display: block
+        font-size: 14px
+        > .fa,
+        > .glyphicon,
+        > .ion
+          width: 20px
+
+        > .fa-angle-left,
+        > .fa-angle-down
+          width: auto