action_ui 0.0.1

data/vendor/assets/stylesheets/ld/ld/_tags.scss

@@ -0,0 +1,123 @@
+
+.tagsinput {
+    height: $height-base;
+    overflow-y: auto;
+    text-align: left;
+    .tag {
+        @extend .animation-transition-ultra-fast;
+        
+        cursor: pointer;
+        overflow: hidden;   
+        position: relative;        
+        margin: 5px 3px 5px 0;
+        @include label-style();
+    }
+    
+    .tag:hover{
+        padding-left: 10px;
+        padding-right: 14px;
+    }
+    
+    .tagsinput-add {
+        color: $black-color;
+        cursor: pointer;
+        display: inline-block;
+        font-size: 14px;
+        padding: 5px 6px;
+        margin: 5px 0 0;
+        vertical-align: top;
+        @include opacity(0.8);
+        
+        &:hover,
+        &:focus{
+            @include opacity(1);
+        }
+    }
+    .tagsinput-add:before {
+        content: "\f067";
+        font-family: "FontAwesome";
+    }
+    
+    .tagsinput-remove-link {
+        @extend .animation-transition-ultra-fast;
+        
+        color: $default-color;
+        cursor: pointer;
+        font-size: 12px;
+        padding: 2px 0;
+        position: absolute;
+        right: 0;
+        opacity: 0;
+        text-align: right;
+        text-decoration: none;
+        top: 0;
+        width: 100%;
+        z-index: 2;
+    }
+    .tag:hover .tagsinput-remove-link {
+        opacity: 1;
+        padding-right: 6px;
+    }
+    .tagsinput-remove-link:before {
+        content: "\f00d";
+        font-family: "FontAwesome";
+    }
+    .tagsinput-add-container {
+        display: inline-block;
+        vertical-align: middle;
+    }
+    input{
+        background: transparent;
+        border: none;
+        color: $black-color;
+        margin: 0;
+        outline: medium none !important;
+        padding: 0 0 0 5px;
+        vertical-align: top;
+        width: 30px;
+        height: 40px;
+    }
+    
+    &.tag-blue .tag, 
+    &.tag-blue .tagsinput-remove-link{
+         @include label-color($primary-color);
+    }
+    &.tag-azure .tag,
+    &.tag-azure .tagsinput-remove-link{
+         @include label-color($info-color);
+    }
+    &.tag-green .tag,
+    &.tag-green .tagsinput-remove-link{
+         @include label-color($success-color);
+    }
+    &.tag-orange .tag,
+    &.tag-orange .tagsinput-remove-link{
+         @include label-color($warning-color);
+    }
+    &.tag-red .tag,
+    &.tag-red .tagsinput-remove-link{
+         @include label-color($danger-color);
+    }
+    
+    &.tag-fill{
+        &.tag-blue .tag{
+            @include label-color-fill($primary-color);
+        }
+        &.tag-azure .tag{
+            @include label-color-fill($info-color);
+        }
+        &.tag-green .tag{
+            @include label-color-fill($success-color);
+        }
+        &.tag-orange .tag{
+            @include label-color-fill($warning-color);
+        }
+        &.tag-red .tag{
+            @include label-color-fill($danger-color);
+        }
+    } 
+    &.tag-fill .tagsinput-remove-link{
+        color: $white-color;
+    }
+       
+}

data/vendor/assets/stylesheets/ld/ld/_tooltips-and-popovers.scss

@@ -0,0 +1,156 @@
+.tooltip {
+    font-size: $font-size-base;
+    font-weight: $font-weight-bold;
+    
+    &.top {
+        margin-top: -11px;
+        padding: 0;
+    }
+    &.top .tooltip-inner:after {
+        border-top: 11px solid #FAE6A4;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        bottom: -10px;
+    }
+    &.top .tooltip-inner:before {
+        border-top: 11px solid rgba(0, 0, 0, 0.2);
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        bottom: -11px;
+    }
+    &.bottom {
+        margin-top: 11px;
+        padding: 0;
+    }
+    &.bottom .tooltip-inner:after {
+        border-bottom: 11px solid #FAE6A4;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        top: -10px;
+    }
+    &.bottom .tooltip-inner:before {
+        border-bottom: 11px solid rgba(0, 0, 0, 0.2);
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        top: -11px;
+    }
+    &.left{
+        margin-left: -11px;
+        padding: 0;
+    }
+    &.left .tooltip-inner:after {
+        border-left: 11px solid #FAE6A4;
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        right: -10px;
+        left: auto;
+        margin-left: 0;
+    }
+    &.left .tooltip-inner:before {
+        border-left: 11px solid rgba(0, 0, 0, 0.2);
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        right: -11px;
+        left: auto;
+        margin-left: 0;
+    }
+    &.right{
+        margin-left: 11px;
+        padding: 0;
+    }
+    &.right .tooltip-inner:after {
+        border-right: 11px solid #FAE6A4;
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        left: -10px;
+        top: 0;
+        margin-left: 0;
+    }
+    &.right .tooltip-inner:before {
+        border-right: 11px solid rgba(0, 0, 0, 0.2);
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        left: -11px;
+        top: 0;
+        margin-left: 0;
+    }
+}
+
+.tooltip-arrow{
+    display: none;
+    opacity: 0;
+}
+.tooltip-inner {
+    background-color: #FAE6A4;
+    border-radius: 4px;
+    box-shadow: 0 1px 13px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23);
+    color: #734726;
+    max-width: 280px;
+    min-width: 90px;
+    padding: 6px 10px;
+    text-align: center;
+    text-decoration: none;
+}
+.tooltip-inner:after {
+    content: "";
+    display: inline-block;
+    left: 100%;
+    margin-left: -60%;
+    position: absolute;
+}
+.tooltip-inner:before {
+    content: "";
+    display: inline-block;
+    left: 100%;
+    margin-left: -60%;
+    position: absolute;
+}
+
+.popover{
+    padding: 0;
+    border-radius: $border-radius-extreme;
+    z-index: 1031;
+    border: 0;
+    @include box-shadow(none);
+}
+.popover-title{
+    font-size: $font-paragraph;
+    background-color: $azure-navbar;
+    font-weight: normal;
+    line-height: 22px;
+    padding: 8px 15px;
+    margin: 0;
+    color: $white-color;
+    text-align: center;
+    border-radius: $border-radius-extreme $border-radius-extreme 0 0;
+}
+.popover-content{
+    padding: 9px 15px;
+}
+.popover .arrow{
+    border: 0;
+}
+.popover.top .arrow{
+    margin-left: 0;
+}
+.popover.bottom .arrow:after{
+    border-bottom-color: $azure-navbar; 
+}
+.popover-filter{
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1030;
+    background-color: #000000;
+    @include opacity(0);
+    visibility: hidden;
+    
+    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
+}
+.popover-filter.in{
+     visibility:visible;
+     @include opacity(0.2);
+     transition-delay: 0s;
+}

data/vendor/assets/stylesheets/ld/ld/_typography.scss

@@ -0,0 +1,93 @@
+/*           Font Smoothing      */
+body,
+h1, .h1, 
+h2, .h2, 
+h3, .h3, 
+h4, .h4, 
+h5, .h5, 
+h6, .h6, 
+p, 
+.navbar, 
+.brand, 
+.btn-simple,
+.alert, 
+a, 
+.td-name, 
+td,
+button.close{
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
+    font-weight: $font-weight-normal;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4{
+    font-weight: $font-weight-light;
+    margin: $margin-large-vertical 0 $margin-base-vertical;
+}
+
+h1, .h1 {
+    font-size: $font-size-h1;
+}
+h2, .h2{
+    font-size: $font-size-h2;
+}
+h3, .h3{
+    font-size: $font-size-h3;
+    margin: 20px 0 10px;
+}
+h4, .h4{
+    font-size: $font-size-h4;
+    line-height: 30px;
+}
+h5, .h5 {
+    font-size: $font-size-h5;
+    margin-bottom: 15px;
+}
+h6, .h6{
+    font-size: $font-size-h6;
+    font-weight: $font-weight-bold;
+    text-transform: uppercase;
+}
+p{
+    font-size: $font-paragraph;
+    line-height: $line-height-general;
+}
+
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
+    color: $dark-gray;
+    font-weight: $font-weight-light;
+    line-height: $line-height-general;
+}
+
+h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
+    font-size: 60%;
+}
+
+h1 .subtitle{
+    display: block;
+    margin: 0 0 $margin-large-vertical;   
+}
+
+.text-muted{
+    color: #9A9A9A;
+}
+.text-primary, .text-primary:hover{
+    color: #1D62F0 !important;
+}
+.text-info, .text-info:hover{
+    color: $info-color !important;
+}
+.text-success, .text-success:hover{
+    color: $success-color !important;
+}
+.text-warning, .text-warning:hover{
+    color: $warning-color !important;
+}
+.text-danger, .text-danger:hover{
+    color: $danger-color !important;
+}
+
+.text-space{
+    padding: 70px 0;
+}

data/vendor/assets/stylesheets/ld/ld/_variables.scss

@@ -0,0 +1,319 @@
+// General Colors
+
+
+$color-azure:           #23CCEF;
+$color-purple:          #9368E9;
+$color-red:             #FB404B;
+$color-green:           #87CB16;
+$color-orange:          #FFA534;
+$color-blue:            #447DF7;
+$color-black:           #5e5e5e;
+
+
+/*      light colors         */
+
+$light-blue:                 rgba($color-blue, .2);
+$light-azure:                rgba($color-azure, .2);
+$light-green:                rgba($color-green, .2);
+$light-orange:               rgba($color-orange, .2);
+$light-red:                  rgba($color-red, .2);
+
+
+$default-color:              #888888 !default;
+
+$black-color:                #333333 !default;
+$black-hr:                   #444444 !default;
+
+$light-gray:                 #E3E3E3 !default;
+$medium-gray:                #DDDDDD !default;
+$placeholder-gray:           #C3C3C3 !default;
+$medium-dark-gray:           #AAAAAA !default;
+$dark-gray:                  #9A9A9A !default;
+
+// Gradients colors
+
+$default-color-top:	                #d9d9d9;
+$default-color-bottom:              #909297;
+
+$blue-color-top: 		            #4087ea;
+$blue-color-bottom: 	            #533ce1;
+
+$azure-color-top:   	            #45c0fd;
+$azure-color-bottom:            	#4091ff;
+
+$green-color-top: 	                #a1eb3a;
+$green-color-bottom: 	            #6dc030;
+
+$orange-color-top: 	                #ffb33b;
+$orange-color-bottom: 	            #ec1657;
+
+$red-color-top: 	                #ff3b30;
+$red-color-bottom: 	                #bb0502;
+
+$purple-color-top: 	                #df55e1;
+$purple-color-bottom: 	            #943bea;
+
+$pink-color-top: 		            #ff2a63;
+$pink-color-bottom: 	            #ff2e2e;
+
+$black-color-top:	 	            #787878;
+$black-color-bottom: 	            #343434;
+
+
+$social-facebook: 			        #3b5998;
+$social-twitter: 			        #55acee;
+$social-pinterest: 			        #cc2127;
+$social-google: 			        #dd4b39;
+$social-linkedin: 			        #0976b4;
+$social-dribbble: 			        #ea4c89;
+$social-github: 			        #333333;
+$social-youtube: 			        #e52d27;
+$social-stumbleupon: 		        #eb4924;
+$social-reddit: 			        #ff4500;
+$social-tumblr: 			        #35465c;
+$social-behance: 			        #1769ff;
+
+
+$filter-blue:         darken($color-blue, 10%);
+$filter-azure:        darken($color-azure, 10%);
+$filter-green:        darken($color-green, 10%);
+$filter-orange:       darken($color-orange, 10%);
+$filter-red:          darken($color-red, 10%);
+
+
+$white-navbar:              rgba(#FFFFFF, .96);
+$blue-navbar:               lighten($color-blue, 10%);
+$azure-navbar:              lighten($color-azure, 15%);
+$green-navbar:              lighten($color-green, 10%);
+$orange-navbar:             lighten($color-orange, 10%);
+$red-navbar:                lighten($color-red, 10%);
+
+
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+$none:                       0   !default;
+$border-thin:                1px !default;
+$border-thick:               2px !default;
+
+$white-color:                #FFFFFF !default;
+$white-bg:                   #FFFFFF !default;
+
+$smoke-bg:                   #F5F5F5 !default;
+
+$black-bg:                   rgba(30,30,30,.97) !default;
+
+$transparent-bg:             transparent !default;
+
+
+$default-bg:                 $default-color !default;
+$default-states-color:       darken($default-color, 6%) !default;
+
+$primary-color:              $color-blue !default;
+$primary-bg:                 $color-blue !default;
+$primary-states-color:       darken($color-blue, 5%) !default;
+
+$info-color:                 $color-azure !default;
+$info-bg:                    $color-azure !default;
+$info-states-color:          darken($color-azure, 6%) !default;
+
+$success-color:              $color-green !default;
+$success-bg:                 $color-green !default;
+$success-states-color:       darken($color-green, 5%) !default;
+
+$warning-color:              $color-orange !default;
+$warning-bg:                 $color-orange !default;
+$warning-states-color:       darken($color-orange, 7%) !default;
+
+
+$danger-color:               $color-red !default;
+$danger-bg:                  $color-red !default;
+$danger-states-color:        darken($color-red, 8%) !default;
+
+$link-disabled-color:        #666666 !default;
+
+
+//== Components
+//
+
+$padding-default-vertical:     10px !default;
+$padding-default-horizontal:   15px !default;
+
+
+$padding-base-vertical:         8px !default;
+$padding-base-horizontal:      16px !default;
+
+$padding-round-vertical:        8px !default;
+$padding-round-horizontal:     16px !default;
+
+$padding-simple-vertical:      9px !default;
+$padding-simple-horizontal:    16px !default;
+
+$padding-large-vertical:       14px !default;
+$padding-large-horizontal:     30px !default;
+
+$padding-small-vertical:        5px !default;
+$padding-small-horizontal:     10px !default;
+
+$padding-xs-vertical:           1px !default;
+$padding-xs-horizontal:         5px !default;
+
+$padding-label-vertical:        2px !default;
+$padding-label-horizontal:     12px !default;
+
+$margin-large-vertical:        30px !default;
+$margin-base-vertical:         15px !default;
+
+$margin-base:                  15px !default;
+
+$padding-zero:                   0px !default;
+
+$margin-bottom:                0 0 10px 0 !default;
+$border-radius-small:           3px !default;
+$border-radius-base:            4px !default;
+$border-radius-large:           6px !default;
+$border-radius-extreme:        10px !default;
+
+$border-radius-large-top:      $border-radius-large $border-radius-large 0 0 !default;
+$border-radius-large-bottom:   0 0 $border-radius-large $border-radius-large !default;
+
+$btn-round-radius:             30px !default;
+
+$height-base:                  40px !default;
+
+$font-size-base:               14px !default;
+$font-size-small:              12px !default;
+$font-size-medium:             16px !default;
+$font-size-large:              18px !default;
+$font-size-large-navbar:       20px !default;
+
+$font-size-h1:                 52px !default;
+$font-size-h2:                 36px !default;
+$font-size-h3:                 28px !default;
+$font-size-h4:                 22px !default;
+$font-size-h5:                 18px !default;
+$font-size-h6:                 14px !default;
+$font-paragraph:               16px !default;
+$font-size-navbar:             16px !default;
+$font-size-small:              12px !default;
+
+$font-weight-light:          300 !default;
+$font-weight-normal:         400 !default;
+$font-weight-semi:           500 !default;
+$font-weight-bold:           600 !default;
+
+$line-height-general:          1.5 !default;
+$line-height:                 20px !default;
+$line-height-lg:              54px !default;
+
+$sidebar-width:               calc(100% - 260px) !default;
+
+
+$border-radius-top:        10px 10px 0 0 !default;
+$border-radius-bottom:     0 0 10px 10px !default;
+
+$dropdown-shadow:          1px 2px 3px rgba(0, 0, 0, 0.125);
+
+$general-transition-time:  300ms !default;
+
+$slow-transition-time:           370ms !default;
+$dropdown-coordinates:      29px -50px !default;
+
+$fast-transition-time:           150ms !default;
+$ultra-fast-transition-time:      60ms  !default;
+
+$select-coordinates:         50% -40px !default;
+
+$transition-linear:                                   linear !default;
+$transition-bezier:         cubic-bezier(0.34, 1.61, 0.7, 1) !default;
+$transition-ease:           ease 0s;
+$transition-ease-in:              ease-in !default;
+$transition-ease-out:             ease-out !default;
+
+
+$navbar-padding-a:               10px 15px;
+$navbar-margin-a:                10px  3px;
+
+$padding-social-a:               10px  5px;
+
+$navbar-margin-a-btn:            15px 3px;
+$navbar-margin-a-btn-round:      16px 3px;
+
+$navbar-padding-a-icons:         6px 15px;
+$navbar-margin-a-icons:          6px  3px;
+
+$navbar-padding-brand:           15px 15px;
+$navbar-margin-brand:             7px  0px;
+
+$navbar-margin-brand-icons:      12px auto;
+
+$navbar-margin-btn:              10px  3px;
+
+$height-icon:					 64px !default;
+$width-icon:					 64px !default;
+$padding-icon:					 12px !default;
+$border-radius-icon:		     15px !default;
+
+$size-icon: 					 64px;
+$size-icon-sm: 					 32px;
+
+$height-icon-sm:				 32px;
+$width-icon-sm:					 32px;
+$padding-icon-sm:			     4px;
+$border-radius-icon-sm:			 7px;
+
+$height-icon-message:			 40px;
+$width-icon-message:			 40px;
+
+$height-icon-message-sm: 		 20px;
+$width-icon-message-sm:			 20px;
+
+
+
+$topbar-x:             topbar-x !default;
+$topbar-back:          topbar-back !default;
+$bottombar-x:          bottombar-x !default;
+$bottombar-back:       bottombar-back !default;
+
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `$screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `$screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `$screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `$screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `$screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `$screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `$screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `$screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `$screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;