creative_tim 1.0.13 → 1.0.14

data/vendor/assets/stylesheets/creative-tim/paper_kit/ct-paper/_progress-bars.scss

@@ -0,0 +1,27 @@
+.progress {
+    background-color: $medium-gray;
+    border-radius: $border-radius-small;
+    box-shadow: none;
+    height: 8px;
+}
+.progress-thin{
+    height: 4px;
+}
+.progress-bar{
+    background-color: $primary-color;
+}
+.progress-bar-primary{
+    background-color: $primary-color;
+}
+.progress-bar-info{
+    background-color: $info-color;
+}
+.progress-bar-success{
+    background-color: $success-color;
+}
+.progress-bar-warning{
+    background-color: $warning-color;
+}
+.progress-bar-danger{
+    background-color: $danger-color;
+}

data/vendor/assets/stylesheets/creative-tim/{paper_dashboard/sass/paper → paper_kit/ct-paper}/_responsive.scss

@@ -1,7 +1,5 @@
-@media (min-width: 992px){
-    .navbar{
-        min-height: 75px;
-    }
+
+@media (min-width: 768px){
     .navbar-form {
         margin-top: 21px;
         margin-bottom: 21px;
@@ -9,17 +7,16 @@
         padding-right: 5px;
     }
     .navbar-search-form{
-        display: none;
+        display: none;   
     }
-    .navbar-nav > li > .dropdown-menu,
-    .dropdown .dropdown-menu{
+    .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu{
         transform: translate3d(0px, -40px, 0px);
         transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
     }
     .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu{
-        transform: translate3d(0px, 0px, 0px);
+        transform: translate3d(0px, 0px, 0px);       
     }
-
+    
     .navbar-nav > li > .dropdown-menu:before{
         border-bottom: 11px solid $medium-pale-bg;
         border-left: 11px solid rgba(0, 0, 0, 0);
@@ -40,23 +37,17 @@
         right: 12px;
         top: -10px;
     }
-
-    .navbar-nav.navbar-left > li > .dropdown-menu:before{
-        right: auto;
-        left: 12px;
-    }
-
-    .navbar-nav.navbar-left > li > .dropdown-menu:after{
-        right: auto;
-        left: 12px;
+    
+    .navbar-nav.navbar-right > li > .dropdown-menu:before{
+        left: auto;
+        right: 12px;
     }
-
-    .navbar{
-        .navbar-header{
-            margin-left: 10px;
-        }
+    
+    .navbar-nav.navbar-right > li > .dropdown-menu:after{
+        left: auto;
+        right: 12px;
     }
-
+    
     .footer:not(.footer-big){
         nav > ul{
            li:first-child{
@@ -64,49 +55,29 @@
            }
         }
     }
-
+    
     body > .navbar-collapse.collapse{
         display: none !important;
     }
-
-    .card{
-        form{
-            [class*="col-"]{
-                padding: 6px;
-            }
-            [class*="col-"]:first-child{
-                padding-left: 15px;
-            }
-            [class*="col-"]:last-child{
-                padding-right: 15px;
-            }
-        }
-    }
 }
 
 /*          Changes for small display      */
 
-@media (max-width: 991px){
-    .sidebar{
-        display: none;
-    }
-
-    .main-panel{
-        width: 100%;
-    }
+@media (max-width: 767px){ 
     .navbar-transparent{
         padding-top: 15px;
         background-color: rgba(0, 0, 0, 0.45);
     }
     body {
          position: relative;
+         font-size: $font-size-xs;
     }
     h6{
         font-size: 1em;
     }
     .wrapper{
        @include transform-translate-x(0px);
-       @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1));
+       @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); 
        left: 0;
        background-color: white;
     }
@@ -121,14 +92,8 @@
     .navbar .navbar-collapse.collapsing{
         display: none !important;
     }
-
-    .navbar-nav > li{
-        float: none;
-        position: relative;
-        display: block;
-    }
-
-    .off-canvas-sidebar {
+    
+    body > .navbar-collapse {
         position: fixed;
         display: block;
         top: 0;
@@ -141,91 +106,38 @@
         overflow-y: visible;
         border-top: none;
         text-align: left;
+        border-left: 1px solid #CCC5B9;
         padding-right: 0px;
-        padding-left: 0;
-
+        padding-left: 40px;
+        padding-top: 15px;
+        
         @include transform-translate-x(230px);
         @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1));
-
-        .sidebar-wrapper {
+        ul {
             position: relative;
             z-index: 3;
-            overflow-y: scroll;
-            height: 100%;
-            box-shadow: inset 1px 0px 0px 0px $medium-gray;
+            overflow-y:scroll;
+            height: 95%;
         }
-
-        .nav{
-            margin-top: 0;
-            padding: 10px $margin-base-vertical 0;
-
-            > li{
-
-                > a{
-                    margin: 0px 0px;
-                    color: $default-color;
-                    text-transform: uppercase;
-                    font-weight: 600;
-                    font-size: $font-size-small;
-                    line-height: $line-height-general;
-                    padding: 10px 0;
-
-                    &:hover,
-                    &.active{
-                        color: $default-states-color;
-                    }
-
-                    p,
-                    .notification,
-                    .caret,
-                    {
-                        display: inline-block;
-                    }
-
-                    .caret{
-                        float: right;
-                        position: relative;
-                        top: 12px;
-                    }
-
-                    i{
-                        font-size: 18px;
-                        margin-right: 10px;
-                        line-height: 26px;
-                    }
-                }
-
-                &.active > a{
-
-                    &:before{
-                        border-right: none;
-                        border-left:  12px solid $medium-gray;
-                        border-top: 12px solid transparent;
-                        border-bottom: 12px solid transparent;
-                        right: auto;
-                        margin-left: -$margin-base-vertical;
-                        left: 0px;
-                        top: 10px;
-                    }
-
-                    &:after{
-                        border-right: none;
-                        border-left: 12px solid $bg-nude;
-                        border-top: 12px solid transparent;
-                        border-bottom: 12px solid transparent;
-                        right: auto;
-                        margin-left: -$margin-base-vertical;
-                        left: -1px;
-                        top: 10px;
-                    }
+        .nav > li{
+//             border-bottom: 1px solid;
+            &:last-child {
+            border-bottom: 0;
+            }
+            & > a{
+                margin: 0px 0px;
+                color: $default-color;
+                text-transform: uppercase;
+                font-weight: 600;
+                font-size: $font-size-small;
+                line-height: $line-height-general;
+                padding: 15px 0;
+                &:hover,
+                &.active{
+                    color: $default-states-color;
                 }
-
             }
-
-
-
         }
-
         &::after{
             top: 0;
             left: 0;
@@ -236,24 +148,12 @@
             background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
             display: block;
             content: "";
-            z-index: 1;
+            z-index: 1;  
         }
         &.has-image::after{
             @include black-filter(.8);
         }
-
-        .logo{
-            position: relative;
-            z-index: 4;
-            padding-top: 11px;
-            padding-bottom: 11px;
-        }
-
-        .divider{
-            height: 1px;
-            margin: 10px 0;
-        }
-    }
+    }   
     .nav-open .navbar-collapse{
         @include transform-translate-x(0px);
     }
@@ -273,9 +173,9 @@
           border-radius: 1px;
           margin: 0 auto;
     }
-
+    
     .navbar-header .navbar-toggle {
-        margin: 10px 15px 10px 0;
+        margin-top: 12px;
         width: 40px;
         height: 40px;
     }
@@ -288,7 +188,7 @@
       top: 0px;
       @include bar-animation($topbar-back);
     }
-    .bar2 {
+    .bar2 {   
       opacity: 1;
     }
     .bar3 {
@@ -306,12 +206,12 @@
       bottom: 6px;
       @include bar-animation($bottombar-x);
     }
-
+    
     @include topbar-x-rotation();
     @include topbar-back-rotation();
     @include bottombar-x-rotation();
     @include bottombar-back-rotation();
-
+       
     @-webkit-keyframes fadeIn {
       0% {opacity: 0;}
       100% {opacity: 1;}
@@ -324,26 +224,63 @@
       0% {opacity: 0;}
       100% {opacity: 1;}
     }
+    
+    
+    
+    .navbar-nav {
+        margin: 1px -15px;
 
-    .dropdown-menu .divider{
-        background-color: rgba(229, 229, 229, 0.15);
-    }
+        .open .dropdown-menu > li {
+            & > a{
+                padding: 15px 15px 5px 50px;
+            }
 
-    .navbar-nav {
-        margin: 1px 0;
+            &:first-child > a{
+                padding: 5px 15px 5px 50px;
+            }
+
+            &:last-child > a {
+                padding: 15px 15px 25px 50px;
+            }
+        }    
     }
+    
+    [class*="navbar-"] .navbar-nav {
+        & > li > a, > li > a:hover, > li > a:focus, .active > a, .active > a:hover, .active > a:focus, .open .dropdown-menu > li > a, .open .dropdown-menu > li > a:hover, .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:active {
+            color: white;
+           
+        }
 
-    .dropdown-menu {
-        display: none;
+        & > li > a,
+        > li > a:hover,
+        > li > a:focus,
+        .open .dropdown-menu > li > a,
+        .open .dropdown-menu > li > a:hover,
+        .open .dropdown-menu > li > a:focus{
+            opacity: .7;
+            background: transparent;
+        }
+
+        &.navbar-nav .open .dropdown-menu > li > a:active {
+            opacity: 1;
+        }
 
-        & > li > a{
-            &:hover,
-            &:focus{
-                background-color: transparent;
+        & .dropdown > a{
+            &:hover .caret {
+                border-bottom-color: #777;
+                border-top-color: #777;
+            }
+            &:active .caret {
+                border-bottom-color: white;
+                border-top-color: white;
             }
         }
-    }
 
+    }
+    
+    .dropdown-menu {
+        display: none;
+    }
     .navbar-fixed-top {
         -webkit-backface-visibility: hidden;
     }
@@ -359,6 +296,25 @@
         z-index: 9999;
         overflow-x: hidden;
     }
+    
+    .social-line .btn{
+        margin: $margin-bottom;
+    }
+    .subscribe-line .form-control{
+        margin: $margin-bottom;
+    }
+    .social-line.pull-right{
+        float: none;
+    }
+    .footer nav.pull-left{
+        float: none !important;
+    }
+    .footer:not(.footer-big) nav > ul li{
+        float: none;
+    }
+    .social-area.pull-right{
+        float: none !important;
+    }
     .form-control + .form-control-feedback{
         margin-top: -8px;
     }
@@ -377,71 +333,21 @@
     .media-post .media-body{
         width: 100%;
     }
-
-    .navbar-collapse.collapse{
-        height: 100% !important;
-    }
-    .navbar-collapse.collapse.in {
-        display: block;
-    }
-    .navbar-header .collapse, .navbar-toggle {
-        display:block !important;
-    }
-    .navbar-header {
-        float:none;
-    }
-    .navbar-nav .open .dropdown-menu {
-        position: static;
-        float: none;
-        width: auto;
-        margin-top: 0;
-        background-color: transparent;
-        border: 0;
-        -webkit-box-shadow: none;
-        box-shadow: none;
-    }
-
-    .main-panel > .content{
-        padding-left: 0;
-        padding-right: 0;
-    }
-    .nav .open > a{
-        &,
-        &:focus,
-        &:hover{
-            background-color: transparent;
-        }
-
-    }
-
-    .footer .copyright{
-        padding: 0px 15px;
-        width: 100%;
-    }
+    .modal-footer .btn-simple {
+        padding: 15px;
+    }    
 }
 
 //overwrite table responsive for 768px screens
 
-@media (min-width: 992px){
-    .table-full-width{
-        margin-left: -15px;
-        margin-right: -15px;
-    }
-    .table-responsive{
-        overflow: visible;
-    }
-
-}
-
-@media (max-width: 991px){
+@media (max-width: 768px){
     .table-responsive {
         width: 100%;
         margin-bottom: 15px;
-        border: 1px solid #dddddd;
         overflow-x: scroll;
         overflow-y: hidden;
+        border: 1px solid #dddddd;
         -ms-overflow-style: -ms-autohiding-scrollbar;
         -webkit-overflow-scrolling: touch;
     }
-
 }