blueberry_admin 0.1.1

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

@@ -0,0 +1,296 @@
+/*
+ * Component: Dropdown menus
+ * -------------------------
+ */
+
+/*Dropdowns in general*/
+.dropdown-menu
+  box-shadow: none
+  border-color: #eee
+  > li > a
+    color: #777
+
+  > li > a > .glyphicon,
+  > li > a > .fa,
+  > li > a > .ion
+    margin-right: 10px
+
+  > li > a:hover
+    background-color: lighten($gray, 5%)
+    color: #333
+
+  > .divider
+    background-color: #eee
+
+
+
+//Navbar custom dropdown menu
+.navbar-nav .dropdown-menu
+  @include box-shadow(none !important)
+
+
+.navbar-nav > .notifications-menu,
+.navbar-nav > .messages-menu,
+.navbar-nav > .tasks-menu
+  position: relative
+  //fix width and padding
+  > .dropdown-menu
+    > li
+      position: relative
+
+    width: 280px
+    //Remove padding and margins
+    padding: 0 0 0 0!important
+    margin: 0!important
+    top: 100%
+
+  //Define header class
+  > .dropdown-menu > li.header
+    @include border-radius(4px, 4px, 0, 0)
+    background-color: #ffffff
+    padding: 7px 10px
+    border-bottom: 1px solid #f4f4f4
+    color: #444444
+    font-size: 14px
+
+
+
+  //Define footer class
+  > .dropdown-menu > li.footer > a
+    @include border-radius(0px, 0px, 4px, 4px)
+    font-size: 12px
+    background-color: #fff
+    padding: 7px 10px
+    border-bottom: 1px solid #eeeeee
+    color: #444!important
+    @media (max-width: $screen-sm-max)
+      background: #fff!important
+      color: #444!important
+
+    text-align: center
+    //Hover state
+    &:hover
+      text-decoration: none
+      font-weight: normal
+
+
+
+  //Clear inner menu padding and margins
+  > .dropdown-menu > li .menu
+    max-height: 200px
+    margin: 0
+    padding: 0
+    list-style: none
+    overflow-x: hidden
+    > li > a
+      display: block
+      white-space: nowrap /* Prevent text from breaking */
+      border-bottom: 1px solid #f4f4f4
+      // Hove state
+      &:hover
+        background: #f4f4f4
+        text-decoration: none
+
+
+
+
+
+//Notifications menu
+.navbar-nav > .notifications-menu
+  > .dropdown-menu > li .menu
+    // Links inside the menu
+    > li > a
+      color: #444444
+      overflow: hidden
+      text-overflow: ellipsis
+      white-space: nowrap
+      padding: 10px
+      // Icons inside the menu
+      > .glyphicon,
+      > .fa,
+      > .ion
+        width: 20px
+
+
+
+
+
+
+//Messages menu
+.navbar-nav > .messages-menu
+  //Inner menu
+  > .dropdown-menu > li .menu
+    // Messages menu item
+    > li > a
+      margin: 0px
+      //line-height: 20px
+      padding: 10px 10px
+      // User image
+      > div > img
+        margin: auto 10px auto auto
+        width: 40px
+        height: 40px
+
+      // Message heading
+      > h4
+        padding: 0
+        margin: 0 0 0 45px
+        color: #444444
+        font-size: 15px
+        position: relative
+        // Small for message time display
+        > small
+          color: #999999
+          font-size: 10px
+          position: absolute
+          top: 0px
+          right: 0px
+
+
+
+      > p
+        margin: 0 0 0 45px
+        font-size: 12px
+        color: #888888
+
+
+      @include clearfix
+
+
+
+
+
+//Tasks menu
+.navbar-nav > .tasks-menu
+  > .dropdown-menu > li .menu
+    > li > a
+      padding: 10px
+
+      > h3
+        font-size: 14px
+        padding: 0
+        margin: 0 0 10px 0
+        color: #666666
+
+
+      > .progress
+        padding: 0
+        margin: 0
+
+
+
+
+//User menu
+.navbar-nav > .user-menu
+  > .dropdown-menu
+    @include border-top-radius(0)
+    padding: 1px 0 0 0
+    border-top-width: 0
+    width: 280px
+
+    &,
+    > .user-body
+      @include border-bottom-radius(4px)
+
+    // Header menu
+    > li.user-header
+      height: 175px
+      padding: 10px
+      text-align: center
+      // User image
+      > img
+        z-index: 5
+        height: 90px
+        width: 90px
+        border: 3px solid
+        border-color: transparent
+        border-color: rgba(255, 255, 255, 0.2)
+
+      > p
+        z-index: 5
+        color: #fff
+        color: rgba(255, 255, 255, 0.8)
+        font-size: 17px
+        //text-shadow: 2px 2px 3px #333333
+        margin-top: 10px
+        > small
+          display: block
+          font-size: 12px
+
+
+
+
+    // Menu Body
+    > .user-body
+      padding: 15px
+      border-bottom: 1px solid #f4f4f4
+      border-top: 1px solid #dddddd
+      @include clearfix
+      a
+        color: #444 !important
+        @media (max-width: $screen-sm-max)
+          background: #fff !important
+          color: #444 !important
+
+
+
+
+    // Menu Footer
+    > .user-footer
+      background-color: #f9f9f9
+      padding: 10px
+      @include clearfix
+      .btn-default
+        color: #666666
+
+
+
+  .user-image
+    float: left
+    width: 25px
+    height: 25px
+    border-radius: 50%
+    margin-right: 10px
+    margin-top: -2px
+    @media (max-width: $screen-xs-max)
+      float: none
+      margin-right: 0
+      margin-top: -8px
+      line-height: 10px
+
+
+
+
+/* Add fade animation to dropdown menus by appending
+ the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
+.open:not(.dropup) > .animated-dropdown-menu
+  @include backface-visibility(visible !important)
+  // @include animation(flipInX .7s both)
+
+
+/* Fix dropdown menu in navbars */
+.navbar-custom-menu > .navbar-nav
+    > li
+      position: relative
+      > .dropdown-menu
+        position: absolute
+        right: 0
+        left: auto
+
+
+
+@media (max-width: $screen-sm-max)
+  .navbar-custom-menu > .navbar-nav
+    float: right
+    > li
+      position: static
+      > .dropdown-menu
+        position: absolute
+        right: 5%
+        left: auto
+        border: 1px solid #ddd
+        background: #fff
+
+
+
+

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

@@ -0,0 +1,9 @@
+//
+// Filter
+// ---------------------------------
+
+
+.filter-search
+  .form-control-search
+    width: 300px
+    max-width: 100%

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

@@ -0,0 +1,246 @@
+/*
+ * Component: Main Header
+ * ----------------------
+ */
+
+.header
+  position: relative
+  max-height: 100px
+  z-index: 1030
+  background: white
+  border-bottom: 1px solid $border-color
+  //Navbar
+  > .navbar
+    @include transition(margin-left $transition-speed $transition-fn)
+    margin-bottom: 0
+    border: none
+    min-height: $navbar-height
+    border-radius: 0
+    .layout-top-nav &
+      margin-left: 0!important
+
+
+  //Navbar search text input
+  #navbar-search-input
+    background: rgba(255,255,255,.2)
+    border-color: transparent
+    &:focus,
+      &:active
+      border-color: rgba(0,0,0,.1)!important
+      background: rgba(255,255,255,.9)
+
+    &::-moz-placeholder
+      color: #ccc
+      opacity: 1
+
+    &:-ms-input-placeholder
+      color: #ccc
+
+    &::-webkit-input-placeholder
+      color: #ccc
+
+
+  //Navbar Right Menu
+  .navbar-custom-menu,
+  .navbar-right
+    float: right
+    @media (max-width: $screen-sm-max)
+       a
+        color: inherit
+        background: transparent
+
+
+
+  .navbar-right
+    @media (max-width: $screen-header-collapse)
+      float: none
+      .navbar-collapse &
+        margin: 7.5px -15px
+
+      > li
+        color: inherit
+        border: 0
+
+
+
+  //Navbar toggle button
+  .sidebar-toggle
+    float: left
+    background-color: transparent
+    background-image: none
+    padding: $navbar-padding-vertical $navbar-padding-horizontal
+    //Add the fontawesome bars icon
+    font-family: fontAwesome
+    &:before
+      content: "\f0c9"
+
+    &:hover
+      color: #fff
+
+    &:focus,
+    &:active
+      background: transparent
+
+
+  .sidebar-toggle .icon-bar
+    display: none
+
+  //Navbar User Menu
+  .navbar .nav > li.user > a
+    > .fa,
+    > .glyphicon,
+    > .ion
+      margin-right: 5px
+
+
+
+  //Labels in navbar
+  .navbar .nav > li > a > .label
+    position: absolute
+    top: 9px
+    right: 7px
+    text-align: center
+    font-size: 9px
+    padding: 2px 3px
+    line-height: .9
+
+
+  //Logo bar
+  .logo
+    @include transition(width $transition-speed $transition-fn)
+    display: block
+    float: left
+    height: $navbar-height
+    font-size: 20px
+    line-height: 50px
+    text-align: center
+    width: $sidebar-width
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+    padding: 0 15px
+    font-weight: 300
+    overflow: hidden
+    //Add support to sidebar mini by allowing the user to create
+    //2 logo designs. mini and lg
+    .logo-lg
+      //should be visibile when sidebar isn't collapsed
+      display: block
+
+    .logo-mini
+      display: none
+
+
+  //Navbar Brand. Alternative logo with layout-top-nav
+  .navbar-brand
+    color: #fff
+
+
+
+// Content Header
+.content-header
+  position: relative
+  padding: 15px 30px 0
+  // Header Text
+  > h1
+    margin: 0
+    font-size: 24px
+    > small
+      font-size: 15px
+      display: inline-block
+      padding-left: 4px
+      font-weight: 300
+
+
+
+  > .breadcrumb
+    float: right
+    background: transparent
+    margin-top: 0px
+    margin-bottom: 0
+    font-size: 12px
+    padding: 7px 5px
+    position: absolute
+    top: 15px
+    right: 30px
+    @include border-radius-same(2px)
+    > li > a
+      color: #444
+      text-decoration: none
+      display: inline-block
+      > .fa, > .glyphicon, > .ion
+        margin-right: 5px
+
+
+    > li + li:before
+      content: '>\00a0'
+
+
+
+  @media (max-width: $screen-sm-max)
+    > .breadcrumb
+      position: relative
+      margin-top: 5px
+      top: 0
+      right: 0
+      float: none
+      background: $gray
+      padding-left: 10px
+      li:before
+        color: darken($gray, 20%)
+
+
+
+
+.navbar-toggle
+  color: #fff
+  border: 0
+  margin: 0
+  padding: $navbar-padding-vertical $navbar-padding-horizontal
+
+//Control navbar scaffolding on x-small screens
+@media (max-width: $screen-sm-max)
+  .navbar-custom-menu .navbar-nav > li
+    float: left
+
+  //Dont't let links get full width
+  .navbar-custom-menu .navbar-nav
+    margin: 0
+    float: left
+
+
+  .navbar-custom-menu .navbar-nav > li > a
+    padding-top: 15px
+    padding-bottom: 15px
+    line-height: 20px
+
+
+
+// Collapse header
+@media (max-width: $screen-header-collapse)
+  .header
+    position: relative
+    .logo,
+    .navbar
+      width: 100%
+      float: none
+      position: relative!important
+
+    .navbar
+      margin: 0
+
+    .navbar-custom-menu
+      float: right
+
+
+
+
+.navbar-collapse.pull-left
+  @media(max-width: $screen-sm-max)
+    float: none!important
+    + .navbar-custom-menu
+      display: block
+      position: absolute
+      top: 0
+      right: 40px
+
+
+