para 0.6.9 → 0.7.0

data/app/assets/stylesheets/para/admin/src/_responsive.sass

@@ -0,0 +1,100 @@
+//
+// Responsive
+// --------------------------------------------------
+
+/* Extra small devices (phones, less than 768px) */
+/* No media query since this is the default in Bootstrap */
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: $screen-sm-min)
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: $screen-md-min)
+  body
+    padding: $navbar-height 0 0 $left-menu-width-open
+
+  //== Top navbar
+  //
+  //## See navigation.sass
+  .navbar-fixed-top
+    padding-left: $left-menu-width-open
+
+  .navbar-toggle
+    display: none
+
+  //== Loader
+  //
+  //## See page_loading.sass
+  .loading-overlay
+    width: calc(100% - #{$left-menu-width-open})
+    left: $left-menu-width-open
+
+  .loading-spinner
+    margin-left: ($left-menu-width-open / 2) - ($spinner-size / 2)
+
+  //== Fixed actions
+  //
+  //## See form.sass
+  .form-fixed-actions
+    .form-actions
+      // left: $left-menu-width-open + 50px
+      .btn
+        margin-bottom: 0
+        margin-right: 5px
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: $screen-lg-min)
+
+
+//== Max width
+//
+//##
+@media (max-width: $screen-xs-max)
+  body
+    padding-top: 0
+
+  //== Top navbar
+  //
+  //## See navigation.sass
+  .navbar-fixed-top
+    position: relative
+
+  .navbar-toggle
+    margin-top: 3px
+    margin-bottom: 3px
+
+
+  .navbar-default .nav > li > a
+    padding: 10px
+    width: 40px
+    i
+      font-size: 14px
+
+  .navbar-nav
+    margin: 0
+    > li
+      float: left
+
+  .breadcrumb
+    padding: 10px
+
+  .form-fixed-actions
+    margin-bottom: 250px
+    .form-actions
+      padding-right: 15px
+      padding-left: 15px
+      .btn
+        width: 100%
+
+@media (max-width: $screen-sm-max)
+  //== page list panel
+  //
+  //## See panel.sass
+  .page-list-heading
+    [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-'],
+    .flextable-item
+      margin-bottom: 10px
+
+    //** disable lasted margin-bottom on flextable-item & col-* to get the proper padding
+    .flextable
+      margin-bottom: -10px

data/app/assets/stylesheets/para/admin/{theme → src}/_sorting.sass

@@ -1,12 +1,20 @@
-@import "variables"
+//
+// Sorting
+// --------------------------------------------------
+
+//== Main style
+//
+//##
 
 .sort_link, .sort_link_asc, .sort_link_desc
   position: relative
   cursor: pointer
+  &:hover
+    text-decoration: none
 
 .sort_link:before, .sort_link.asc:before, .sort_link.desc:before
   position: absolute
-  bottom: 5px
+  bottom: 7px
   right: -15px
   font-family: FontAwesome
   opacity: .9
@@ -17,7 +25,7 @@
 .sort_link:before
   content: "\f0dc"
   opacity: .3
-  
+
 .sort_link.asc:before
   content: "\f0d7"
 

data/app/assets/stylesheets/para/admin/src/_statcard.sass

@@ -0,0 +1,41 @@
+//
+// Statcard
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.statcard
+  position: relative
+  display: block
+  padding: 15px
+  background-color: #fff
+  +border-radius($border-radius-small)
+  +clearfix
+  +default-transition
+  +material-box-shadow-soft
+  &:hover,
+  &:focus
+    +material-box-shadow-soft(2)
+    text-decoration: none
+
+  &.statcard-icon
+    .icon-rounded
+      float: left
+    .startcard-body
+      padding-left: 15px
+      float: left
+      /** truncat title if is to long **/
+      width: calc(100% - 60px)
+      .statcard-title
+        width: 100%
+        white-space: nowrap
+        overflow: hidden
+        text-overflow: ellipsis
+
+.statcard-title
+  color: $text-color
+  font-size: $font-size-base
+  font-weight: 500
+  margin: 0

data/app/assets/stylesheets/para/admin/src/_table.sass

@@ -0,0 +1,33 @@
+//
+// Table
+// --------------------------------------------------
+
+// Main style
+//
+//##
+
+.table
+  margin-bottom: 0
+
+.table > thead > tr > th
+  font-weight: 300
+
+.table > tbody > tr > td
+  vertical-align: middle
+  .label
+    +inline-block
+    margin-bottom: 4px
+
+.table > thead > tr > th
+  border-bottom: 1px solid #A6AFBB
+
+//** Actions with 3 btn at least
+.table-row-actions
+  min-width: 180px
+  text-align: right
+  .btn
+    margin: 0 3px
+
+//** img dont destroy the table and don't create horizontal scroll
+.table > tbody > tr > td > img.max-width
+  max-width: 250px

data/app/assets/stylesheets/para/admin/src/_tree.sass

@@ -0,0 +1,52 @@
+//
+// Tree
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.root-tree
+  padding-left: 0
+  .tree
+    padding-left: 40px
+
+    .sortable-dragging
+      .placeholder,
+      .btn-group
+        display: none
+
+  .sortable-placeholder
+    height: 30px
+    margin: 10px 0px 20px 0
+
+.node
+  border-left: 4px solid $gray-light
+  padding-bottom: 5px
+  margin-top: 15px
+  .node-row
+    +default-transition
+    border-bottom: 1px dashed $gray-light
+    padding: 5px
+    &:first-child
+      border-top: 1px dashed $gray-light
+    &:hover
+      background-color: $gray-lighter
+    .btn
+      margin: 0 3px
+
+  .handle
+    font-size: 14px
+    margin: 4px 14px 0 5px
+
+  .node-name
+    margin-top: 4px
+    +inline-block
+
+  .placeholder
+    border: dashed 1px $gray
+    height: 30px
+    margin-top: 5px
+
+.tree
+  list-style: none

data/app/assets/stylesheets/para/admin/src/_variables.sass

@@ -0,0 +1,37 @@
+//
+// Variables
+// --------------------------------------------------
+
+//== Bootstrap variables, Compass & fonts
+//
+//##
+
+@import para/admin/src/bootstrap-variables
+
+@import compass/css3/border-radius
+@import compass/css3/box-shadow
+@import compass/css3/inline-block
+@import compass/css3/transform
+@import compass/css3/transition
+@import compass/css3/text-shadow
+@import compass/css3/user-interface
+@import compass/css3/images
+
+//== Specific variables
+//
+//##
+
+//** Colors
+
+$blue-darker: #3F4352
+$purple: #AB8CE4
+
+//** padding & margin spacer
+
+$spacer: 10px
+$spacer-y: $spacer
+$spacer-x: $spacer
+
+//** Left menu
+
+$left-menu-width-open: 260px

data/app/assets/stylesheets/para/admin/src/_well.sass

@@ -0,0 +1,12 @@
+//
+// Well
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.well
+  margin-bottom: 25px
+  +box-shadow(none)
+  +border-radius(2px)

data/app/assets/stylesheets/para/{admin/src → lib}/datetimepicker.sass

@@ -1,6 +1,4 @@
-@import "para/admin/theme/variables"
-
-@import "compass/css3/box-shadow"
+@import "para/admin/src/variables"
 
 /* Bootstrap Datetimepiker */
 .xdsoft_datetimepicker

data/app/assets/stylesheets/para/{admin/src → lib}/fuelux.sass

@@ -1,6 +1,4 @@
-@import "para/admin/theme/variables"
-
-@import "compass/css3/box-shadow"
+@import "para/admin/src/variables"
 
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button
@@ -15,7 +13,7 @@ input[type=number]::-webkit-outer-spin-button
   .btn
     position: relative
     height: 50%
-    padding: 3px 9px
+    padding: 3px 9px 4px 9px
     line-height: 0px
     font-size: 10px
     top: 0px
@@ -39,4 +37,4 @@ input[type=number]::-webkit-outer-spin-button
   .spinner-down,
   .spinbox-down
     border-bottom-left-radius: 0 !important
-    padding: 3px 9px 2px 9px
+    padding: 3px 9px 3px 9px

data/app/assets/stylesheets/para/lib/jasny-bootstrap.sass

@@ -0,0 +1,97 @@
+//
+// Jasny Bootstrap
+// --------------------------------------------------
+
+//== Variables
+//
+//##
+
+@import "para/admin/src/variables"
+@import "para/admin/src/mixins"
+
+//== Jasny Bootstrap
+//
+//## Fileupload overrides
+
+.fileinput
+  margin-bottom: 0
+  display: block
+  &.fileinput-new
+    .fileinput-placeholder
+      display: block
+  &.fileinput-exists
+    .fileinput-placeholder
+      display: none
+
+  .uneditable-input
+    background-color: $input-bg-disabled
+
+  //** Override btn color for feeting to the design
+  .btn-file
+    color: #fff
+    background-color: $btn-primary-bg
+    border-color: $btn-primary-border
+    +material-box-shadow-soft(1)
+    +default-transition
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:hover,
+    &:active:focus,
+    &.active
+      background-color: $btn-primary-bg !important
+      border-color: $btn-primary-border !important
+      color: #fff
+    &:active,
+    &.active
+      +material-box-shadow-soft(2)
+
+  .btn-danger
+    +material-box-shadow-soft(1)
+    +default-transition
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:hover,
+    &:active:focus,
+    &.active
+      background-color: $btn-danger-bg !important
+      border-color: $btn-danger-border !important
+      color: #fff
+    &:active,
+    &.active
+      +material-box-shadow-soft(2)
+    &.fileinput-exists
+      margin-left: 10px
+
+.fileinput-new.input-group .btn-file,
+.fileinput.input-group .btn-file
+  border-right-radius: $border-radius-base
+  border-color: $input-border
+
+.fileinput.input-group .input-group-btn
+  .form-control.file
+    padding: 0 !important
+    position: absolute
+
+.fileinput
+  .input-group-btn > .btn:hover,
+  .input-group-btn > .btn:focus,
+  .input-group-btn > .btn:active
+    z-index: 0
+
+.fileinput-preview.thumbnail
+  width: auto
+  height: auto
+  min-width: 80px
+  min-height: 80px
+  max-height: 500px
+  margin-bottom: 0
+  margin-top: 10px
+  background-color: $gray-light
+  border: none
+
+  .empty-thumbnail
+    width: 72px
+    height: 72px
+    background-color: $gray-light

data/app/assets/stylesheets/para/{admin/src → lib}/redactor.sass

@@ -1,7 +1,4 @@
-@import "para/admin/theme/variables"
-
-@import "compass/css3/box-shadow"
-@import "compass/css3/border-radius"
+@import "para/admin/src/variables"
 
 .redactor-button-disabled
   &:hover,
@@ -63,7 +60,7 @@
   div[class^=col-lg-], div[class^=col-md-], div[class^=col-sm-], div[class^=col-xs-]
     padding-left: 15px
     padding-right: 15px
-    border: 1px dashed $gray-light
+    border: 1px dotted $gray-light
     margin-bottom: 0
 
 #redactor-modal