cre_pro 0.0.1

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

@@ -0,0 +1,220 @@
+.tagsinput {
+    height: $height-base;
+    overflow-y: auto;
+    text-align: left;
+    .tag {
+        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 {
+        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;
+    }
+
+    .ui-autocomplete-input{
+        min-width: 130px;
+    }
+}
+
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-autocomplete {
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: default;
+
+    border-radius: 6px;
+    background: #FFFFFF;
+    border: 1px solid rgba(0,0,0,.15);
+
+    &: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);
+        content: "";
+        display: inline-block;
+        position: absolute;
+        left: 12px;
+        top: -11px;
+    }
+    &:after {
+        border-bottom: 11px solid #FFFFFF;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        content: "";
+        display: inline-block;
+        position: absolute;
+        left: 12px;
+        top: -10px;
+    }
+
+
+    .ui-state-hover,
+    .ui-state-focus{
+    	background: #F5F5F5;
+    	font-weight: normal;
+    	color: #333333;
+    }
+
+    .ui-state-active{
+        background: #F5F5F5;
+    	font-weight: normal;
+    	color: #333333;
+    }
+    .ui-state-active a,
+    .ui-state-active a:link,
+    .ui-state-active a:visited {
+    	color: #212121;
+    	text-decoration: none;
+    }
+
+    .ui-menu-item {
+    	position: relative;
+    	margin: 0;
+    	padding: 8px 16px;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 1.42857143;
+        color: #333333;
+        white-space: nowrap;
+    	cursor: pointer;
+    	min-height: 0;
+        min-width: 140px;
+
+        &:first-child{
+            margin-top: 3px;
+        }
+
+        &:last-child{
+            margin-bottom: 3px;
+        }
+    }
+}
+.ui-menu {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: block;
+	outline: none;
+}
+.ui-menu .ui-menu {
+	position: absolute;
+}
+
+.ui-menu .ui-menu-divider {
+	margin: 5px 0;
+	height: 0;
+	font-size: 0;
+	line-height: 0;
+	border-width: 1px 0 0 0;
+}

data/vendor/assets/stylesheets/sd/sd/_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: 260px;
+    min-width: 86px;
+    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/sd/sd/_typography.scss

@@ -0,0 +1,73 @@
+/*           Font Smoothing      */
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, a, .td-name, td{
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: "Helvetica Neue","Open Sans",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;
+    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;
+    font-family: 'Grand Hotel',cursive;
+    margin: 0 0 $margin-large-vertical;   
+}
+
+.text-primary, .text-primary:hover{
+    color: $primary-color !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;
+}
+