para 0.4.0

data/app/assets/stylesheets/para/admin/theme/_panel.sass

@@ -0,0 +1,288 @@
+@import "variables"
+
+@import "compass/css3/border-radius"
+@import "compass/css3/box-shadow"
+@import "compass/css3/transform"
+@import "compass/css3/transition"
+@import "compass/css3/inline-block"
+@import "compass/css3/opacity"
+
+.panel
+  float: left
+  width: 100%
+  +border-radius($panel-border-radius)
+  border: 0
+  border-top: 2px solid $panel-default-border
+  margin-bottom: 20px
+  position: relative
+  +box-shadow(0 1px 1px 0 rgba(0, 0, 0, 0.2))
+  &.panel-default
+    border-top-color: $panel-default-border
+    border-top-width: 1px
+  &.panel-primary
+    border-top-color: $brand-primary
+  &.panel-success
+    border-top-color: $brand-success
+  &.panel-info
+    border-top-color: $brand-info
+  &.panel-warning
+    border-top-color: $brand-warning
+  &.panel-danger
+    border-top-color: $brand-danger
+
+  .panel-heading
+    .panel-title-image
+      float: left
+      width: 30px
+      border: 2px solid $gray-lighter
+      +border-radius(50%)
+      margin-right: 5px
+    .panel-title
+      margin-left: 7px
+    .panel-title-box
+      float: left
+      h2,h3
+        font-size: 14px
+        font-weight: 600
+        line-height: 18px
+        color: $title-color
+        padding: 0
+        margin: 0
+      span
+        font-size: 12px
+        color: #a7adb5
+        font-weight: 400
+        line-height: 12px
+    .order-anchor
+      margin-top: 8px
+
+  .panel-body, .panel-footer, .panel-heading
+    float: left
+    width: 100%
+
+  .panel-body
+    position: relative
+    &.scroll
+      padding-right: 0
+    &.panel-body-map
+      padding: 5px
+    &.panel-body.panel-body-table
+      padding: 0
+      h1, h2, h3, h4, h5, h6
+        padding-left: 10px
+        margin-bottom: 10px
+      .table
+        margin-bottom: 0
+        border: 0
+        tr >
+          td:first-child, th:first-child
+            border-left: 0
+          td:last-child, th:last-child
+            border-right: 0
+        > tbody > tr:last-child > td
+          border-bottom: 0
+      td, th
+        padding: 8px 10px
+    &.panel-body-image
+      padding: 0
+      margin-bottom: 10px
+      position: relative
+      img
+        +border-radius(5px 5px 0 0)
+        width: 100%
+      .panel-body-inform
+        width: 30px
+        height: 30px
+        position: absolute
+        bottom: -15px
+        left: 50%
+        background: $brand-info
+        color: #FFF
+        +border-radius(5px)
+        margin-left: -15px
+        text-align: center
+        line-height: 30px
+        padding-left: 1px
+        padding-top: 1px
+        +rotate(45deg)
+        &.inform-primary
+          background: $brand-primary
+        &.inform-success
+          background: $brand-success
+        &.inform-warning
+          background: $brand-warning
+        &.inform-danger
+          background: $brand-danger
+        .fa
+          font-size: 16px
+          color: #FFF
+          +rotate(-45deg)
+    &.list-group
+      padding: 0
+    &.profile
+      +border-radius(5px 5px 0 0)
+    &.panel-body-search
+      padding: 5px
+    &.panel-body-half .panel-body
+      width: 50%
+      height: 100%
+      &:nth-child(2n)
+        padding-left: 25px
+      &.panel-body-image
+        margin-bottom: 0
+        .panel-body-inform
+          bottom: auto
+          left: auto
+          right: -15px
+          top: 50%
+          margin-left: 0
+          margin-top: -15px
+
+  .panel-title
+    font-size: $font-size-h4
+    font-weight: 400
+    line-height: 30px
+    display: block
+    float: left
+    color: $title-color
+
+  .panel-footer
+    background: $panel-footer-bg
+    border: 0
+    border-top: 1px solid #E3E3E3
+    line-height: 30px
+    padding: 10px
+
+.panel-danger .panel-heading,
+.panel-default .panel-heading,
+.panel-info .panel-heading,
+.panel-primary .panel-heading,
+.panel-success .panel-heading,
+.panel-warning .panel-heading
+  border-color: $panel-default-border
+
+.panel-group
+  float: left
+  width: 100%
+  .panel-heading + .panel-collapse > .panel-body
+    border-top: 0
+
+.panel-title > a
+  text-decoration: none
+
+ul.panel-controls
+  float: right
+  padding: 0
+  margin: 0
+  list-style: none
+  position: relative
+  > li
+    float: left
+    > a
+      display: block
+      float: left
+      width: 30px
+      height: 30px
+      text-align: center
+      line-height: 28px
+      color: $breadcrumb-active-color
+      border: 1px solid #BBB
+      +border-radius(50%)
+      margin-left: 3px
+      +transition(all 200ms ease)
+      &.control-primary
+        color: $brand-primary
+        border-color: $brand-primary
+      &.control-success
+        color: $brand-success
+        border-color: $brand-success
+      &.control-info
+        color: $brand-info
+        border-color: $brand-info
+      &.control-warning
+        color: $brand-warning
+        border-color: $brand-warning
+      &.control-danger
+        color: $brand-danger
+        border-color: $brand-danger
+      &:hover
+        border-color: $gray-darker
+        color: $title-color
+
+.label-form
+  +inline-block
+  font-size: 11px
+  padding: 5px 10px
+  line-height: 12px
+  margin-top: 4px
+
+ul.panel-controls > li
+  &.label-control .label
+    +inline-block
+    font-size: 11px
+    padding: 5px 10px
+    line-height: 12px
+    margin-top: 4px
+  > .dropdown-menu
+    left: auto
+    right: 3px
+    &:after, &:before
+      left: auto
+      right: 11px
+    &:after
+      margin-left: auto
+      margin-right: -5px
+    &:before
+      margin-left: auto
+      margin-right: -6px
+
+.panel-heading .label
+  line-height: 16px
+  padding: 4px 10px
+  margin: 3px 0 3px 5px
+  font-size: 12px
+  +inline-block
+  +border-radius(3px)
+  &.pulsate
+    -webkit-animation: pulsate 1s ease-out
+    -webkit-animation-iteration-count: infinite
+    -moz-animation: pulsate 1s ease-out
+    -moz-animation-iteration-count: infinite
+    animation: pulsate 1s ease-out
+    animation-iteration-count: infinite
+
+// Refresh layer system
+.panel-refresh-layer
+  position: absolute
+  left: 0
+  top: 0
+  background: #FFF
+  +opacity(.5)
+  z-index: 3
+  font-size: 21px
+  img
+    position: absolute
+    left: 50%
+    top: 50%
+    margin-left: -16px
+    margin-top: -16px
+
+// Panel hidden system
+.panel-group.accordion .panel-body
+  display: none
+  &.panel-body-open
+    display: block
+
+.panel-hidden-controls
+  ul.panel-controls > li > a
+    +opacity(0)
+  &:hover ul.panel-controls > li > a
+    +opacity(.8)
+    &:hover
+      +opacity(1)
+
+// Toggle panel
+.panel-toggled
+  .panel-body, .panel-footer
+    display: none
+    

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

@@ -0,0 +1,123 @@
+@import 'variables'
+
+@media (max-width: $screen-xs)
+  .form-fixed-actions .form-actions  
+    margin: 0
+    right: 0
+    left: 0
+    padding-right: 0
+    [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-']
+      margin-bottom: 0
+    input[type="submit"],
+    a
+      width: 49%
+      white-space: normal
+      vertical-align: top
+      
+
+@media (max-width: $screen-sm)
+  span.text-hidden
+    display: none
+
+  .form-group-separated .form-group 
+    [class^="col-md-"], [class^="col-sm-"]
+      border-left: none
+
+  [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-']
+    margin-bottom: 10px
+
+  .login-container
+    padding: 0px 10px
+    .login-box
+      padding-top: 10px
+      width: 100%
+
+  .tocify
+    display: none
+    
+  .timeline.timeline-right
+    &:before
+      left: 60px
+    .timeline-item
+      padding-left: 110px
+      &.timeline-main
+        width: 60px
+      .timeline-item-icon
+        left: 40px
+      .timeline-item-info
+        top: 45px
+        width: 70px
+        left: 25px
+        padding: 7px 0px
+
+@media (max-width: $screen-md)
+  .navigation-horizontal 
+    .brand-logo a
+      width: auto
+
+  .page-container
+    .navbar-toggle 
+      display: block !important
+    .page-sidebar
+      position: fixed
+      top: $navbar-height
+      bottom: auto
+      width: 100%
+      max-height: 337px
+      float: none
+      overflow: auto
+
+      .brand-logo
+        display: none
+
+      .sidebar-navigation 
+        .component-item.active 
+          a, 
+          button
+            border-right: none
+            border-left: 4px solid $navbar-default-link-active-color
+
+    .page-content
+      margin-left: 0px
+      .content-frame
+        .content-frame-left, .content-frame-right
+          width: 100%
+          display: none
+        .content-frame-body
+          margin-left: 0px
+          margin-right: 0px
+          &.content-frame-body-left
+            margin-right: 0px
+        
+    &.page-mode-rtl .page-content
+      margin-right: 0px
+   
+  .form-fixed-actions .form-actions  
+    margin: 0
+    right: 0
+    left: 0
+    padding-right: 0
+
+  .icons-list li
+    width: 100%
+  .gallery .gallery-item
+    width: 50%
+
+  .timeline .timeline-item
+    .timeline-item-content
+      width: 90%
+      &:before, &:after
+        left: 90%
+    &.timeline-item-right .timeline-item-content
+      &:before, &:after
+        right: 90%
+  .error-container
+    width: 100%
+
+
+
+@media (min-width: $screen-md)
+  .page-sidebar.navbar-collapse.collapse
+    height: 100% !important
+    overflow: auto !important
+

data/app/assets/stylesheets/para/admin/theme/_sorting.sass

@@ -0,0 +1,30 @@
+@import "variables"
+
+@import "compass/css3/opacity"
+
+.sort_link, .sort_link_asc, .sort_link_desc
+  position: relative
+  cursor: pointer
+
+.sort_link:before, .sort_link.asc:before, .sort_link.desc:before
+  position: absolute
+  bottom: 5px
+  right: -15px
+  font-family: FontAwesome
+  +opacity(.9)
+  width: 10px
+  height: 10px
+  display: block
+
+.sort_link:before
+  content: "\f0dc"
+  +opacity(.3)
+  
+.sort_link.asc:before
+  content: "\f0d8"
+
+.sort_link.desc:before
+  content: "\f0d7"
+
+.sort_link.asc.disabled:before, .sort_link.desc.disabled:before
+  +opacity(.1)

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

@@ -0,0 +1,24 @@
+@import "variables"
+
+.table >
+  tbody > tr >
+    td, th
+      border-width: 1px
+      vertical-align: middle
+  tfoot > tr >
+    td, th
+      border-width: 1px
+  thead > tr >
+    td, th
+      border-width: 1px
+
+.table > thead > tr > th
+  background: $table-heading-bg
+  color: $table-heading-color
+  font-size: 12px
+
+.table
+  &.table-actions td
+    line-height: 28px
+  .progress-small
+    margin: 7px 0 8px

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

@@ -0,0 +1,74 @@
+@import "variables"
+
+@import "compass/css3/inline-block"
+
+.root-tree
+  padding-left: 0
+  > .node
+    margin-bottom: 20px
+  .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
+  padding-bottom: 5px
+  .node-row
+    padding: 5px
+    &:hover
+      background-color: $table-bg-hover
+  .handle
+    cursor: move
+    padding: 5px
+    text-align: center
+    width: 32px
+    +inline-block
+    margin-top: 3px
+    &:focus,
+    &:active,
+    &:hover
+      cursor: move
+
+  .node-name
+    margin-top: 3px
+    +inline-block
+
+  .placeholder
+    height: 30px
+    border: dashed 1px $gray
+    margin-top: 5px
+
+.tree
+  list-style: none
+  .node:last-child
+    margin-bottom: 20px
+
+.table >
+  tbody > tr >
+    td, th
+      border-width: 1px
+      vertical-align: middle
+  tfoot > tr >
+    td, th
+      border-width: 1px
+  thead > tr >
+    td, th
+      border-width: 1px
+
+.table > thead > tr > th
+  background: $table-heading-bg
+  color: $table-heading-color
+  font-size: 12px
+
+.table
+  &.table-actions td
+    line-height: 28px
+  .progress-small
+    margin: 7px 0 8px

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

@@ -0,0 +1,31 @@
+@mixin clearfix()
+  &:before,
+  &:after 
+    content: " "
+    display: table
+  &:after
+    clear: both
+
+// Commonds
+// -------------------------
+$title-color: #434a54
+$help-block-color: #AAB2BD
+
+// Content Frame
+// -------------------------
+$content-frame-with: 300px
+
+// Left menu 
+// -------------------------
+$left-menu-width-open: 220px
+
+$navbar-icon-color: #ffd559
+$navbar-icon-brand-color: #fff
+
+// Table
+// -------------------------
+$table-heading-color: #56688A
+$table-heading-bg: #f1f5f9
+
+@import 'admin/theme'
+@import 'para/lib/variables'

data/app/assets/stylesheets/para/admin/theme.sass

@@ -0,0 +1,22 @@
+@charset "UTF-8"
+
+@import "theme/variables"
+@import "bootstrap"
+
+@import "theme/commonds"
+@import "theme/base"
+@import "theme/buttons"
+@import "theme/list"
+@import "theme/panel"
+@import "theme/form"
+@import "theme/checkable"
+@import "theme/navtabs"
+@import "theme/table"
+@import "theme/tree"
+@import "theme/dropdown"
+@import "theme/breadcrumb"
+@import "theme/sorting"
+@import "theme/orderable"
+@import "theme/navigation"
+
+@import "theme/responsive"

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

@@ -0,0 +1,10 @@
+//= require_self
+//= require animate.min
+//= require font-awesome
+//= require jasny.bootstrap.min
+//= require simple_form_extension
+//= require selectize
+//= require selectize.bootstrap3
+//= require ./admin/theme
+//= require_tree ./overrides
+//= require admin/app

data/app/assets/stylesheets/para/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */