cre_pro 0.0.1

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

@@ -0,0 +1,104 @@
+.tagsinput {
+    height: $height-base;
+    overflow-y: auto;
+    text-align: left;
+    .tag {
+        background-color: $font-color;
+        cursor: pointer;
+        margin: 5px 3px 5px 0;
+        position: relative;
+        @include label-style();
+        padding-left: 0.8em;
+    }
+
+    .tag:hover{
+        padding-right: 14px;
+    }
+
+    .tagsinput-remove-link {
+        color: $white-color;
+        cursor: pointer;
+        font-size: 0.75em;
+        position: absolute;
+        right: 0;
+        opacity: 0;
+        text-align: right;
+        text-decoration: none;
+        top: 3px;
+        z-index: 2;
+    }
+    .tag:hover .tagsinput-remove-link {
+        opacity: 1;
+        padding-right: 6px;
+    }
+    .tagsinput-remove-link:before {
+        content: "\e646";;
+        font-family: "themify";
+        font-weight: bolder;
+    }
+
+    .tagsinput-add-container {
+        display: inline-block;
+        line-height: 1;
+        margin-top: -6px;
+        vertical-align: middle;
+    }
+    .tagsinput-add {
+        color: $font-color;
+        cursor: pointer;
+        display: inline-block;
+        font-size: 0.9em;
+        padding: 5px 6px;
+        margin: 7px 0 0;
+        vertical-align: top;
+        @include opacity(0.8);
+
+        &:hover,
+        &:focus{
+            @include opacity(1);
+        }
+    }
+    .tagsinput-add:before {
+	    content: "\e61a";
+        font-family: "themify";
+        font-weight: bolder;
+    }
+
+    input{
+        background: transparent;
+        border: none;
+        color: $font-color !important;
+        font-size: 0.9em;
+        margin: 0;
+        outline: medium none !important;
+        padding-top: 7px;
+        vertical-align: middle;
+        width: 40px;
+        height: 30px;
+    }
+
+/*
+    &.tag-primary .tag,
+    &.tag-primary .tagsinput-remove-link{
+         background-color: $primary-color;
+    }
+*/
+    &.tag-primary .tag{
+         background-color: $primary-color;
+    }
+    &.tag-primary .tagsinput-add{
+        color: $primary-color;
+    }
+    &.tag-info .tag{
+         background-color: $info-color;
+    }
+    &.tag-success .tag{
+         background-color: $success-color;
+    }
+    &.tag-warning .tag{
+         background-color: $warning-color;
+    }
+    &.tag-danger .tag{
+         background-color: $danger-color;
+    }
+}

data/vendor/assets/stylesheets/pd/pd/_timeline.scss

@@ -0,0 +1,178 @@
+
+.timeline {
+    list-style: none;
+    padding: 20px 0 20px;
+    position: relative;
+
+    &:before {
+        top: 0;
+        bottom: 0;
+        position: absolute;
+        content: " ";
+        width: 3px;
+        background-color: $light-gray;
+        left: 50%;
+        margin-left: -1.5px;
+        background-color: $gray-input-outline;
+    }
+
+    h6{
+        color: $dark-gray;
+        font-weight: 400;
+        margin: 10px 0px 0px;
+    }
+
+    &.timeline-simple{
+
+        &:before{
+            left: 5%;
+            background-color: $gray-input-outline;
+        }
+
+        > li > .timeline-panel{
+            width: 86%;
+        }
+
+        > li > .timeline-badge{
+            left: 5%;
+        }
+    }
+
+    > li {
+        margin-bottom: 20px;
+        position: relative;
+
+        &:before,
+        &:after {
+            content: " ";
+            display: table;
+        }
+
+        &:after {
+            clear: both;
+        }
+
+    }
+
+    > li > .timeline-panel {
+        width: 45%;
+        float: left;
+        padding: 20px;
+        border-radius: $border-radius-extreme;
+        box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
+        background-color: $white-color;
+        color: $card-black-color;
+        margin-bottom: 20px;
+        position: relative;
+
+        &:before {
+            position: absolute;
+            top: 26px;
+            right: -15px;
+            display: inline-block;
+            border-top: 15px solid transparent;
+            border-left: 15px solid $gray-input-outline;
+            border-right: 0 solid $gray-input-outline;
+            border-bottom: 15px solid transparent;
+            content: " ";
+        }
+
+        &:after {
+            position: absolute;
+            top: 27px;
+            right: -14px;
+            display: inline-block;
+            border-top: 14px solid transparent;
+            border-left: 14px solid $white-color;
+            border-right: 0 solid $white-color;
+            border-bottom: 14px solid transparent;
+            content: " ";
+        }
+    }
+
+
+
+    > li > .timeline-badge {
+        color: $white-color;
+        width: 50px;
+        height: 50px;
+        line-height: 51px;
+        font-size: 1.4em;
+        text-align: center;
+        position: absolute;
+        top: 16px;
+        left: 50%;
+        margin-left: -25px;
+        background-color: $dark-gray;
+        z-index: 100;
+        border-top-right-radius: 50%;
+        border-top-left-radius: 50%;
+        border-bottom-right-radius: 50%;
+        border-bottom-left-radius: 50%;
+
+        [class^="ti-"],
+        [class*=" ti-"]{
+            line-height: inherit;
+        }
+    }
+
+
+
+    > li.timeline-inverted > .timeline-panel {
+        float: right;
+        background-color: $white-background-color;
+
+        &:before {
+            border-left-width: 0;
+            border-right-width: 15px;
+            left: -15px;
+            right: auto;
+        }
+
+        &:after {
+            border-left-width: 0;
+            border-right-width: 14px;
+            left: -14px;
+            right: auto;
+        }
+
+    }
+
+
+}
+.timeline-heading{
+    margin-bottom: 15px;
+}
+.timeline-badge.primary {
+  background-color: $card-background-blue !important;
+}
+.timeline-badge.info {
+  background-color: $card-background-blue !important;
+}
+
+.timeline-badge.success {
+  background-color: $card-background-green !important;
+}
+
+.timeline-badge.warning {
+  background-color: $card-background-yellow !important;
+}
+
+.timeline-badge.danger {
+  background-color: $card-background-orange !important;
+}
+
+
+.timeline-title {
+  margin-top: 0;
+  color: inherit;
+}
+
+.timeline-body > p,
+.timeline-body > ul {
+  margin-bottom: 0;
+}
+
+.timeline-body > p + p {
+  margin-top: 5px;
+}

data/vendor/assets/stylesheets/pd/pd/_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 $popover-color;
+        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 $popover-color;
+        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 $popover-color;
+        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 $popover-color;
+        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: $popover-color;
+    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/pd/pd/_typography.scss

@@ -0,0 +1,117 @@
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td{
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: 'Muli', "Helvetica", Arial, sans-serif;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4{
+    font-weight: $font-weight-normal;
+    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;
+    line-height: 1.4;
+    margin: 20px 0 10px;
+}
+h4, .h4{
+    font-size: $font-size-h4;
+    font-weight: $font-weight-bold;
+    line-height: 1.2em;
+}
+h5, .h5 {
+    font-size: $font-size-h5;
+    font-weight: $font-weight-normal;
+    line-height: 1.4em;
+    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%;
+}
+.title-uppercase{
+    text-transform: uppercase;
+}
+blockquote{
+    font-style: italic;
+}
+blockquote small{
+    font-style: normal;
+}
+.text-muted{
+    color: $medium-gray;
+}
+.text-primary, .text-primary:hover{
+    color: $primary-states-color;
+}
+.text-info, .text-info:hover{
+    color: $info-states-color;
+}
+.text-success, .text-success:hover{
+    color: $success-states-color;
+}
+.text-warning, .text-warning:hover{
+    color: $warning-states-color;
+}
+.text-danger, .text-danger:hover{
+    color: $danger-states-color;
+}
+.glyphicon{
+    line-height: 1;
+}
+strong{
+    color: $default-states-color;
+}
+.icon-primary{
+    color: $primary-color;
+}
+.icon-info{
+    color: $info-color;
+}
+.icon-success{
+    color: $success-color;
+}
+.icon-warning{
+    color: $warning-color;
+}
+.icon-danger{
+    color: $danger-color;
+}
+.chart-legend{
+    .text-primary, .text-primary:hover{
+        color: $primary-color;
+    }
+    .text-info, .text-info:hover{
+        color: $info-color;
+    }
+    .text-success, .text-success:hover{
+        color: $success-color;
+    }
+    .text-warning, .text-warning:hover{
+        color: $warning-color;
+    }
+    .text-danger, .text-danger:hover{
+        color: $danger-color;
+    }
+}