cre_pro 0.0.1

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

@@ -0,0 +1,17 @@
+//Utilities
+@import "mixins/transparency";
+@import "mixins/vendor-prefixes";
+
+//Components
+@import "mixins/buttons";
+@import "mixins/social";
+@import "mixins/inputs";
+@import "mixins/labels";
+@import "mixins/tabs";
+@import "mixins/navbars";
+@import "mixins/icons";
+@import "mixins/cards";
+@import "mixins/table-row";
+@import "mixins/chartist";
+@import "mixins/sidebar";
+@import "mixins/alerts";

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

@@ -0,0 +1,79 @@
+.modal-header {
+    border: 0 none;
+}
+.modal-content {
+    border: 0 none;
+    border-radius: 10px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+.modal-dialog {
+    padding-top: 60px;
+}
+.modal-footer {
+    border-top: 0 none;
+    padding: 10px 10px;        
+}
+.modal-footer .modal-footer .btn-default.btn-simple{
+    font-weight: 400;
+}
+
+.modal.fade .modal-dialog {
+    transform: none;
+    -webkit-transform: none;
+    -moz-transform: none;
+}
+.modal.in .modal-dialog {
+    transform: none;
+    -webkit-transform: none;
+    -moz-transform: none;
+}
+.modal-small{
+    .modal-dialog{
+        max-width: 350px;
+    }
+}
+.modal-small{
+    .divider{
+        margin: 0 auto;
+        display: block;
+        width: 14px;
+        position: relative;
+        margin-top: 40px;
+        margin-bottom: 30px;
+        font-size: $font-paragraph;
+    }
+    .divider:after{
+        position: absolute;
+        content: "";
+        right: -140px;
+        top: 12px;
+        height: 1px;
+        width: 115px;
+        background-color: $light-gray;
+    }
+    .divider:before{
+        position: absolute;
+        content: "";
+        left: -140px;
+        top: 12px;
+        height: 1px;
+        width: 115px;
+        background-color: $light-gray;
+    }
+    .modal-footer{
+        text-align: center;
+    }
+}
+.social-area{
+    text-align: center;
+    
+    .btn-social{
+        margin: 0 10px;
+    }
+}
+.modal-backdrop.in {
+    opacity: 0.25;
+}
+
+
+

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

@@ -0,0 +1,289 @@
+.nav {
+    > li{
+        > a:hover,
+        > a:focus{
+            background-color: transparent;
+        }
+    }
+}
+.navbar{
+    border: $none;
+    border-radius: 0;
+    font-size: $font-size-navbar;
+    z-index: 3;
+
+    .navbar-minimize{
+        float: left;
+
+        .btn{
+            margin: $navbar-margin-btn-vertical - 2px 3px;
+        }
+
+        .ti-more-alt{
+            display: inline-block;
+            min-width: 14px;
+            @include rotate-vertical();
+        }
+        .btn-simple{
+           margin: $navbar-margin-btn;
+           font-size: $font-size-base;
+        }
+    }
+
+    .navbar-brand{
+        font-weight: $font-weight-bold;
+        margin: $navbar-margin-brand;
+        padding: $navbar-padding-brand;
+        font-size: $font-size-large-navbar;
+    }
+    .navbar-nav{
+         > li > a {
+             line-height: 1.42857;
+             margin: $navbar-margin-a;
+             padding: $navbar-padding-a;
+
+            i,
+            p{
+                display: inline-block;
+                margin: 0;
+            }
+            i{
+                position: relative;
+                top: 1px;
+            }
+         }
+         > li > a.btn{
+             margin: $navbar-margin-a-btn;
+             padding: $padding-base-vertical $padding-base-horizontal;
+         }
+    }
+
+    .btn-simple{
+        font-size: $font-size-medium;
+    }
+
+    &.navbar-absolute{
+        position: absolute;
+        width: 100%;
+        z-index: 1030;
+    }
+}
+
+.navbar-nav > li > .dropdown-menu{
+    border-radius: $border-radius-extreme;
+    margin-top: -5px;
+}
+
+.navbar-transparent, [class*="navbar-ct"]{
+    .navbar-brand{
+        @include opacity(.9);
+
+        &:focus,
+        &:hover{
+            background-color: transparent;
+            @include opacity(1);
+        }
+    }
+    .navbar-brand:not([class*="text"]){
+        color: $white-color;
+    }
+
+    .navbar-nav{
+        > li > a:not(.btn){
+            color: $white-color;
+            border-color: $white-color;
+            @include opacity(0.8);
+        }
+        > .active > a:not(.btn),
+        > .active > a:hover:not(.btn),
+        > .active > a:focus:not(.btn),
+        > li > a:hover:not(.btn),
+        > li > a:focus:not(.btn){
+            background-color: transparent;
+            border-radius: 3px;
+            color: $white-color;
+            @include opacity(1);
+        }
+        .nav > li > a.btn:hover{
+            background-color: transparent;
+        }
+
+        > .dropdown > a .caret,
+        > .dropdown > a:hover .caret,
+        > .dropdown > a:focus .caret{
+            border-bottom-color: $white-color;
+            border-top-color: $white-color;
+        }
+
+        > .open > a,
+        > .open > a:hover,
+        > .open > a:focus {
+            background-color: transparent;
+            color: $white-color;
+            @include opacity(1);
+        }
+    }
+
+    .btn-default{
+        color: $white-color;
+        border-color: $white-color;
+    }
+    .btn-default.btn-fill{
+        color: $dark-gray;
+        background-color: $white-color;
+        @include opacity(.9);
+    }
+    .btn-default.btn-fill:hover,
+    .btn-default.btn-fill:focus,
+    .btn-default.btn-fill:active,
+    .btn-default.btn-fill.active,
+    .open .dropdown-toggle.btn-fill.btn-default{
+        border-color: $white-color;
+        @include opacity(1);
+    }
+
+}
+.navbar-transparent{
+    .dropdown-menu .divider{
+        background-color: rgba($white-color,.2);
+    }
+}
+
+.navbar-default {
+    background-color: $bg-nude;
+    border-bottom: 1px solid $medium-gray;
+
+    .brand{
+        color: $font-color !important;
+    }
+    .navbar-nav{
+        > li > a:not(.btn){
+            color: $dark-gray;
+        }
+
+        > .active > a,
+        > .active > a:not(.btn):hover,
+        > .active > a:not(.btn):focus,
+        > li > a:not(.btn):hover,
+        > li > a:not(.btn):focus {
+            background-color: transparent;
+            border-radius: 3px;
+            color: $info-color;
+            @include opacity(1);
+        }
+
+        > .dropdown > a:hover .caret,
+        > .dropdown > a:focus .caret {
+            border-bottom-color: $info-color;
+            border-top-color: $info-color;
+
+        }
+
+        > .open > a,
+        > .open > a:hover,
+        > .open > a:focus{
+            background-color: transparent;
+            color: $info-color;
+        }
+
+        .navbar-toggle:hover,.navbar-toggle:focus {
+            background-color: transparent;
+        }
+
+    }
+
+    &:not(.navbar-transparent) .btn-neutral,
+    &:not(.navbar-transparent) .btn-neutral:hover,
+    &:not(.navbar-transparent) .btn-neutral:active{
+            color: $dark-gray;
+        }
+}
+
+.navbar-form{
+   @include box-shadow(none);
+   .form-control{
+
+    }
+    .navbar-transparent & .form-control,
+    [class*="navbar-ct"] & .form-control{
+        
+    }
+
+    .input-group{
+        margin: 0;
+    }
+
+}
+
+.navbar-ct-primary{
+    @include navbar-color($bg-primary);
+}
+.navbar-ct-info{
+    @include navbar-color($bg-info);
+}
+.navbar-ct-success{
+    @include navbar-color($bg-success);
+}
+.navbar-ct-warning{
+    @include navbar-color($bg-warning);
+}
+.navbar-ct-danger{
+    @include navbar-color($bg-danger);
+}
+
+.navbar-transparent{
+    padding-top: 15px;
+    background-color: transparent;
+    border-bottom: 1px solid transparent;
+
+    .navbar-brand{
+        color: $white-color;
+        @include opacity(.9);
+
+        &:focus,
+        &:hover{
+            background-color: transparent;
+            @include opacity(1);
+        }
+    }
+
+    .navbar-nav{
+        > li > a:not(.btn){
+            color: $white-color;
+            border-color: $white-color;
+            @include opacity(0.8);
+        }
+        > .active > a:not(.btn),
+        > .active > a:hover:not(.btn),
+        > .active > a:focus:not(.btn),
+        > li > a:hover:not(.btn),
+        > li > a:focus:not(.btn){
+            background-color: transparent;
+            border-radius: 3px;
+            color: $white-color;
+            @include opacity(1);
+        }
+        .nav > li > a.btn:hover{
+            background-color: transparent;
+        }
+    }
+}
+
+.navbar-toggle{
+    margin-top: 19px;
+    margin-bottom: 19px;
+    border: $none;
+
+    .icon-bar {
+        background-color: $white-color;
+    }
+     .navbar-collapse,
+     .navbar-form {
+        border-color: transparent;
+    }
+
+    &.navbar-default .navbar-toggle:hover,
+    &.navbar-default .navbar-toggle:focus {
+        background-color: transparent;
+    }
+}

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

@@ -0,0 +1,196 @@
+.wrapper{
+    position: relative;
+    top: 0;
+    height: 100vh;
+
+    &.wrapper-full-page{
+        height: auto;
+        min-height: 100vh;
+    }
+}
+
+.full-page{
+
+    &:after,
+    &:before{
+        display: block;
+        content: "";
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        z-index: 2;
+    }
+    &:after{
+       background: $color-black;
+       z-index: 3;
+       opacity: 1;
+    }
+
+    > .content,
+    > .footer{
+        position: relative;
+        z-index: 4;
+    }
+
+    > .content{
+        min-height: calc(100vh - 70px);
+    }
+
+    .full-page-background{
+        position: absolute;
+        z-index: 1;
+        height: 100%;
+        width: 100%;
+        display: block;
+        top: 0;
+        left: 0;
+        background-size: cover;
+        background-position: center center;
+
+    }
+
+    &[data-image]:after,
+    &.has-image:after{
+        opacity: .7;
+    }
+
+    &[data-color="blue"]:after{
+        background-color: rgba($filter-blue, 0.7);
+    }
+    &[data-color="azure"]:after{
+        background-color: rgba($filter-azure, 0.7);
+    }
+    &[data-color="green"]:after{
+       background-color: rgba($filter-green, 0.7);
+    }
+    &[data-color="orange"]:after{
+        background-color: rgba($filter-orange, 0.7);
+    }
+    &[data-color="red"]:after{
+        background-color: rgba($filter-red, 0.7);
+    }
+
+    .footer nav > ul a:not(.btn),
+    .footer .copyright,
+    .footer .copyright a{
+        color: $white-color;
+        font-size: $font-size-base;
+    }
+
+}
+
+.login-page,
+.lock-page{
+    > .content{
+        padding-top: 20vh;
+    }
+}
+
+.login-page, .lock-page{
+    .card{
+        box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
+        border-radius: $border-radius-extreme;
+        padding-top: 25px;
+        padding-bottom: 25px;
+        .header{
+            text-align: center;
+            .title{
+                color: $font-color;
+                margin-bottom: 20px;
+            }
+        }
+        label{
+            color: $font-color;
+        }
+        .btn-wd{
+            min-width: 180px;
+        }
+        .footer{
+            padding-top: 20px;
+            .forgot{
+                padding: 20px 0px 0px;
+            }
+        }
+
+    }
+}
+
+.lock-page{
+
+    .card{
+        text-align: center;
+        width: 300px;
+        margin: 30px auto 0;
+        padding: 30px;
+        position: absolute;
+        left: 50%;
+        margin-left: -150px;
+        display: block;
+
+        .author{
+            border-radius: 50%;
+            width: 100px;
+            height: 100px;
+            overflow: hidden;
+            margin: 0 auto;
+            img{
+                width: 100%;
+            }
+        }
+
+        h4{
+            margin-top: $margin-base;
+            margin-bottom: ($margin-base * 2);
+        }
+
+    }
+
+}
+
+.register-page{
+
+    .header-text{
+        text-align: center;
+        padding: ($padding-default-horizontal * 3) 0 ($padding-default-horizontal * 2);
+
+        h4{
+            margin-top: 10px;
+        }
+
+        hr{
+            opacity: .3;
+            margin-top: ($margin-base * 2);
+        }
+    }
+
+    .media{
+/*         color: $white-color; */
+        margin-bottom: ($margin-base * 3);
+
+        .icon{
+            float: left;
+            margin-right: 5px;
+        }
+
+        i{
+            font-size: $font-size-h2;
+        }
+
+        h4{
+            margin: 0 0 5px 0;
+        }
+    }
+
+    .form-group{
+        margin-bottom: ($margin-base + 10px);
+    }
+
+    .card{
+        .content{
+            padding-top: 0;
+            padding-bottom: 0;
+        }
+    }
+}