blueberry_admin 0.1.1

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

@@ -0,0 +1,4 @@
+@import variables-origin
+@import variables
+@import bootstrap-sass
+@import bootstrap-ms

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

@@ -0,0 +1,47 @@
+/*
+ * Component: alert
+ * ----------------
+ */
+
+.alert
+  margin: 20px
+  +border-radius-same(3px)
+  color: white
+
+  h4
+    font-weight: 600
+
+  .icon
+    margin-right: 10px
+
+  .close
+    color: #000
+    @include opacity(.2)
+    &:hover
+      @include opacity(.5)
+
+
+  a
+    color: #fff
+    text-decoration: underline
+
+//Alert Variants
+.alert-success,
+.alert-notice
+  background: $green
+  border-color: darken($green, 5%)
+
+.alert-danger,
+.alert-error,
+.alert-alert
+  background: $red
+  border-color: darken($red, 5%)
+
+.alert-warning
+  background: $yellow
+  border-color: darken($yellow, 5%)
+
+.alert-info
+  background: $aqua
+  border-color: darken($aqua, 5%)
+

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

@@ -0,0 +1,132 @@
+//
+// Layout boxes
+// ---------------------------------
+
+.box
+  margin: 0 0 30px
+  padding: 0
+  clear: both
+
+  &.collapsed
+    &:after,
+    &:before
+      display: table
+
+    .box-content
+      display: none
+
+    .fa.fa-chevron-up:before
+      content: "\f078"
+
+    .fa.fa-chevron-down:before
+      content: "\f077"
+
+.box-header
+  margin-bottom: 0
+  padding: 14px 0 7px
+  min-height: 48px
+  border-color: $border-color
+  border-style: solid solid none
+  border-width: 1px
+  background-color: $ibox-title-bg
+  color: inherit
+  +clearfix
+
+  h3
+    margin-top: 5px
+
+  .heading,
+  .actions
+    +make-columns(sm6)
+    padding: 0 20px
+
+  .actions
+    text-align: right
+
+    .btn + .btn
+      margin-left: 0.5em
+
+.box-content
+  background-color: $ibox-content-bg
+  color: inherit
+  padding: 0 20px
+  border-color: $border-color
+  border-image: none
+  border-style: solid
+  border-width: 1px
+  clear: both
+  &:before
+    content: ""
+    margin-bottom: 35px
+    display: block
+  &:after
+    content: ""
+    margin-top: 35px
+    display: block
+
+  hr
+    border-top: 1px dashed $border-color
+
+.box-footer,
+  padding: 20px 20px
+  font-size: 90%
+  border: 1px solid $border-color
+  border-top: none
+  background: #ffffff
+  color: inherit
+  background: white
+
+  .for-horizontal-form
+    padding-left: 200px
+
+  .btn + .btn
+    margin-left: 1em
+
+  form
+    display: inline-block
+    & + form
+      margin-left: 1em
+
+.box-heading
+  background-color: #f3f6fb
+  border-bottom: none
+
+.box-heading h3
+  font-weight: 200
+  font-size: 24px
+
+.box-title h5
+  display: inline-block
+  font-size: 14px
+  margin: 0 0 7px
+  padding: 0
+  text-overflow: ellipsis
+  float: left
+
+.box-title .label
+  float: left
+  margin-left: 4px
+
+.box-tools
+  display: block
+  float: none
+  margin-top: 0
+  position: relative
+  padding: 0
+  text-align: right
+
+  a
+    cursor: pointer
+    margin-left: 5px
+    color: #c4c4c4
+
+  .btn-primary
+    color: #fff
+
+  .dropdown-menu > li > a
+    padding: 4px 10px
+    font-size: 12px
+
+  &.open > .dropdown-menu
+    left: auto
+    right: 0

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

@@ -0,0 +1,310 @@
+.btn
+  border-radius: $btn-border-radius
+
+  .glyphicon
+    margin-right: 0.4em
+
+.float-e-margins .btn
+  margin-bottom: 5px
+
+.btn-w-m
+  min-width: 120px
+
+.btn-primary.btn-outline
+  color: $navy
+
+.btn-success.btn-outline
+  color: $blue
+
+.btn-info.btn-outline
+  color: $lazur
+
+.btn-warning.btn-outline
+  color: $yellow
+
+.btn-danger.btn-outline
+  color: $red
+
+.btn-primary.btn-outline:hover,
+.btn-success.btn-outline:hover,
+.btn-info.btn-outline:hover,
+.btn-warning.btn-outline:hover,
+.btn-danger.btn-outline:hover
+  color: white
+
+.btn-default
+  background-color: $dark-gray
+  border-color: $dark-gray
+  color: white
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &:active:focus,
+  &:active:hover,
+  &.active:hover,
+  &.active:focus,
+    background-image: none
+    background-color: darken($dark-gray, 3%)
+    border-color: darken($dark-gray, 3%)
+    color: white
+
+  .glyphicon
+    opacity: 0.6
+
+  .glyphicon-eye-open
+    color: $brand-success
+
+  .glyphicon-pencil
+    opacity: 1
+    color: $brand-edit
+
+  .glyphicon-remove
+    color: $brand-danger
+
+.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active
+  background-color: lighten($dark-gray, 4%)
+  border-color: lighten($dark-gray, 4%)
+
+
+.btn-primary
+  background-color: $brand-primary
+  border-color: $brand-primary
+  color: white
+
+
+.btn-primary
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &:active:focus,
+  &:active:hover,
+  &.active:hover,
+  &.active:focus
+    background-color: darken($brand-primary, 3%)
+    border-color: darken($brand-primary, 3%)
+    color: white
+
+
+.btn-primary
+  &:active,
+  &.active,
+    background-image: none
+
+
+.btn-primary
+  &.disabled,
+  &.disabled:hover,
+  &.disabled:focus,
+  &.disabled:active,
+  &.disabled.active,
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active
+  &.active[disabled],
+    background-color: lighten($brand-primary,4%)
+    border-color: lighten($brand-primary, 4%)
+
+.btn-success
+  background-color: $brand-success
+  border-color: $brand-success
+  color: white
+
+.btn-success
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &:active:focus,
+  &:active:hover,
+  &.active:hover,
+  &.active:focus
+    background-color: darken($brand-success, 3%)
+    border-color: darken($brand-success, 3%)
+    color: white
+
+.btn-success
+  &:active,
+  &.active
+    background-image: none
+
+.btn-success
+  &.disabled,
+  &.disabled:hover,
+  &.disabled:focus,
+  &.disabled:active,
+  &.disabled.active,
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active,
+  &.active[disabled],
+    background-color: lighten($brand-success, 4%)
+    border-color: lighten($brand-success, 4%)
+
+.btn-info
+  background-color: $lazur
+  border-color: $lazur
+  color: white
+
+
+.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus
+  background-color: darken($lazur, 3%)
+  border-color: darken($lazur, 3%)
+  color: white
+
+.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info
+  background-image: none
+
+.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active
+  background-color: lighten($lazur, 4%)
+  border-color: lighten($lazur, 4%)
+
+.btn-warning
+  background-color: $yellow
+  border-color: $yellow
+  color: white
+
+.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus
+  background-color: darken($yellow, 3%)
+  border-color: darken($yellow, 3%)
+  color: white
+
+.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
+  background-image: none
+
+.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active
+  background-color: lighten($yellow, 4%)
+  border-color: lighten($yellow, 4%)
+
+.btn-danger
+  background-color: $red
+  border-color: $red
+  color: white
+
+.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus
+  background-color: darken($red, 3%)
+  border-color: darken($red, 3%)
+  color: white
+
+.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
+  background-image: none
+
+.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active
+  background-color: lighten($red, 4%)
+  border-color: lighten($red, 4%)
+
+.btn-link
+  color: inherit
+
+.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link
+  color: $navy
+  text-decoration: none
+
+.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link
+  background-image: none
+
+.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active
+  color: #cacaca
+
+.btn-white
+  color: inherit
+  background: white
+  border: 1px solid $border-color
+
+.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus
+  color: inherit
+  border: 1px solid #d2d2d2
+
+.btn-white:active, .btn-white.active
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset
+
+.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white
+  background-image: none
+
+.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active
+  color: #cacaca
+
+.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar
+  box-shadow: none
+
+.btn-outline
+  color: inherit
+  background-color: transparent
+  transition: all 0.5s
+
+.btn-rounded
+  border-radius: 50px
+
+.btn-large-dim
+  width: 90px
+  height: 90px
+  font-size: 42px
+
+button.dim
+  display: inline-block
+  color: white
+  text-decoration: none
+  text-transform: uppercase
+  text-align: center
+  padding-top: 6px
+  margin-right: 10px
+  position: relative
+  cursor: pointer
+  border-radius: 5px
+  font-weight: 600
+  margin-bottom: 20px !important
+
+button.dim:active
+  top: 3px
+
+button.btn-primary.dim
+  box-shadow: inset 0px 0px 0px darken($navy, 6%), 0px 5px 0px 0px darken($navy, 6%), 0px 10px 5px #999999
+
+button.btn-primary.dim:active
+  box-shadow: inset 0px 0px 0px darken($navy, 6%), 0px 2px 0px 0px darken($navy, 6%), 0px 5px 3px #999999
+
+button.btn-default.dim
+  box-shadow: inset 0px 0px 0px darken($dark-gray, 6%), 0px 5px 0px 0px darken($dark-gray, 6%), 0px 10px 5px #999999
+
+button.btn-default.dim:active
+  box-shadow: inset 0px 0px 0px darken($dark-gray, 6%), 0px 2px 0px 0px darken($dark-gray, 6%), 0px 5px 3px #999999
+
+button.btn-warning.dim
+  box-shadow: inset 0px 0px 0px darken($yellow, 6%), 0px 5px 0px 0px darken($yellow, 6%), 0px 10px 5px #999999
+
+button.btn-warning.dim:active
+  box-shadow: inset 0px 0px 0px darken($yellow, 6%), 0px 2px 0px 0px darken($yellow, 6%), 0px 5px 3px #999999
+
+button.btn-info.dim
+  box-shadow: inset 0px 0px 0px darken($lazur, 6%), 0px 5px 0px 0px darken($lazur, 6%), 0px 10px 5px #999999
+
+button.btn-info.dim:active
+  box-shadow: inset 0px 0px 0px darken($lazur, 6%), 0px 2px 0px 0px darken($lazur, 6%), 0px 5px 3px #999999
+
+button.btn-success.dim
+  box-shadow: inset 0px 0px 0px darken($blue, 6%), 0px 5px 0px 0px darken($blue, 6%), 0px 10px 5px #999999
+
+button.btn-success.dim:active
+  box-shadow: inset 0px 0px 0px darken($blue, 6%), 0px 2px 0px 0px darken($blue, 6%), 0px 5px 3px #999999
+
+button.btn-danger.dim
+  box-shadow: inset 0px 0px 0px darken($red, 6%), 0px 5px 0px 0px darken($red, 6%), 0px 10px 5px #999999
+
+button.btn-danger.dim:active
+  box-shadow: inset 0px 0px 0px darken($red, 6%), 0px 2px 0px 0px darken($red, 6%), 0px 5px 3px #999999
+
+button.dim:before
+  font-size: 50px
+  line-height: 1em
+  font-weight: normal
+  color: white
+  display: block
+  padding-top: 10px
+
+button.dim:active:before
+  top: 7px
+  font-size: 50px