creative_tim 1.0.13 → 1.0.14

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

@@ -0,0 +1,28 @@
+.img-rounded{
+    border-radius: $border-radius-extreme;
+    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
+    transition: opacity 0.5s ease 0s;
+}
+.img-details{
+    min-height: 50px;
+    padding: 0 4px 0.5em;
+}
+.img-details .author{
+    margin-left: 10px;
+    margin-top: -21px;
+    width: 40px;
+}
+.img-circle{
+    background-color: $white-color;
+    margin-bottom: 10px;
+    padding: 4px;
+}
+.img-thumbnail{
+    border: 0 none;
+    border-radius: $border-radius-extreme;
+    box-shadow: 0 1px 2px rgba(164, 158, 147, 0.6);
+    margin-bottom: 10px;
+}
+.img-no-padding{
+    padding: 0px;
+}

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

@@ -37,9 +37,6 @@
     .has-success &{
         background-color: $success-input-bg;
         color: $success-color;
-        &.border-input{
-             border: 1px solid $success-color;
-        }
     }
     .has-success &:focus{
         background-color: $white-bg;
@@ -47,9 +44,6 @@
     .has-error &{
         background-color: $danger-input-bg;
         color: $danger-color;
-        &.border-input{
-             border: 1px solid $danger-color;
-        }
     }
     .has-error &:focus{
         background-color: $white-bg;
@@ -64,10 +58,9 @@
         top: 50%;
         vertical-align: middle;
     }
-    &.border-input{
-         border: 1px solid $table-line-color;
-    }
+    
     .open &{
+        border-radius: $border-radius-base $border-radius-base 0 0;
         border-bottom-color: transparent;
     }
 }
@@ -110,19 +103,7 @@
         background-color: $white-color;
     }
 }
-.border-input{ 
-    .input-group-addon{
-        border: solid 1px $table-line-color;
-    }
-}
-.input-group{
-    margin-bottom: 15px;
-}
-.input-group[disabled]{
-    .input-group-addon{
-        background-color: $light-gray;
-    }
-}
+
 .input-group .form-control:first-child, 
 .input-group-addon:first-child,  
 .input-group-btn:first-child > .dropdown-toggle, 
@@ -137,21 +118,10 @@
 }
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
     background-color: $light-gray;
+    color: $default-color;
     cursor: not-allowed;
-    @include placeholder($dark-gray,1);
-}
-.form-control[disabled]::-moz-placeholder{
-   @include placeholder($dark-gray,1);
-}
-.form-control[disabled]:-moz-placeholder{
-   @include placeholder($medium-gray,1);
-}  
-.form-control[disabled]::-webkit-input-placeholder{
-   @include placeholder($medium-gray,1); 
-} 
-.form-control[disabled]:-ms-input-placeholder{
-   @include placeholder($medium-gray,1);
 }
+
 .input-group-btn .btn{
     border-width: $border-thin;
     padding: $padding-round-vertical $padding-base-horizontal;
@@ -164,8 +134,5 @@
     margin-left: 0;
 }
 textarea.form-control{
-    max-width: 100%;
     padding: 10px 18px;
-    resize: none;
 }
-

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

@@ -0,0 +1,26 @@
+/*           Labels & Progress-bar              */
+.label{
+    padding: 0.4em 0.6em;
+    border-radius: 10px;
+    color: #FFFFFF;
+    font-weight: 500;
+    font-size: 0.75em;
+    text-transform: uppercase;
+    display: inline-block;
+    margin-bottom: 3px;
+}
+.label-primary{
+    background-color: $primary-color;
+}
+.label-info{
+    background-color: $info-color;
+}
+.label-success{
+    background-color: $success-color;
+}
+.label-warning{
+    background-color: $warning-color;
+}
+.label-danger{
+    background-color: $danger-color;
+}

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

@@ -0,0 +1,127 @@
+/*     General overwrite     */
+body{
+    color: $font-color;
+    font-size: $font-size-base;
+    font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
+}
+a{
+  color: $info-color;
+    
+  &:hover, &:focus{
+     color: $info-states-color; 
+     text-decoration: none; 
+  }
+  
+  @include transition($fast-transition-time, linear);
+}
+hr{
+    border-color: $medium-pale-bg;
+}
+.icon{
+    fill: $font-color;
+}
+.fa-base{
+    font-size: 1.25em !important;
+}
+a:focus, a:active, 
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+select::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner {
+    outline : 0;
+}
+.ui-slider-handle:focus,
+.navbar-toggle {
+    outline : 0 !important;
+}
+
+/*           Animations              */
+.form-control, 
+.input-group-addon, 
+.tagsinput,
+.navbar,
+.navbar .alert{
+    @include transition($general-transition-time, linear);
+}
+.tagsinput .tag,
+.tagsinput-remove-link,
+.filter,
+.btn-hover,
+[data-toggle="collapse"] i{
+    @include transition($fast-transition-time, linear);
+}
+ 
+.btn-morphing .fa,
+.btn-morphing .circle,
+.gsdk-collapse{
+    @include transition($slow-transition-time, linear);
+}
+
+.fa{
+    width: 18px;
+    text-align: center;
+}
+.margin-top{
+    margin-top: 50px;
+}
+
+
+/*       CT colors          */
+.ct-blue, 
+.checkbox-blue.checkbox.checked .second-icon,
+.checkbox-blue.checkbox.checked, 
+.radio-blue.radio.checked .second-icon,
+.radio-blue.radio.checked{
+    color: $primary-color;
+}
+.ct-azure,
+.checkbox-azure.checkbox.checked .second-icon,
+.radio-azure.radio.checked .second-icon,
+.checkbox-azure.checkbox.checked, 
+.radio-azure.radio.checked{
+    color: $info-color;
+}
+.ct-green, 
+.checkbox-green.checkbox.checked .second-icon, 
+.radio-green.radio.checked .second-icon, 
+.checkbox-green.checkbox.checked, 
+.radio-green.radio.checked{
+    color: $success-color;
+}
+.ct-orange, 
+.checkbox-orange.checkbox.checked .second-icon, 
+.radio-orange.radio.checked .second-icon, 
+.checkbox-orange.checkbox.checked, 
+.radio-orange.radio.checked{
+    color: $warning-color;
+}
+.ct-red, 
+.checkbox-red.checkbox.checked .second-icon, 
+.radio-red.radio.checked .second-icon, 
+.checkbox-red.checkbox.checked, 
+.radio-red.radio.checked{
+    color: $danger-color;
+}
+input.ct-blue + span.switch-left, 
+input.ct-blue + span + label + span.switch-right{
+    background-color:  $primary-color;
+}
+input.ct-azure + span.switch-left, 
+input.ct-azure + span + label + span.switch-right{
+    background-color:  $info-color;
+}
+input.ct-green + span.switch-left, 
+input.ct-green + span + label + span.switch-right{
+    background-color:  $success-color;
+}
+input.ct-orange + span.switch-left, 
+input.ct-orange + span + label + span.switch-right{
+    background-color:  $warning-color;
+}
+input.ct-red + span.switch-left, 
+input.ct-red + span + label + span.switch-right{
+    background-color:  $danger-color;
+}
+

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

@@ -10,8 +10,5 @@
 @import "mixins/inputs";
 @import "mixins/labels";
 @import "mixins/tabs";
+
 @import "mixins/navbars";
-@import "mixins/icons";
-@import "mixins/cards";
-@import "mixins/chartist";
-@import "mixins/sidebar";

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

@@ -0,0 +1,54 @@
+.modal-header {
+    border-bottom: 1px solid $medium-gray;
+    padding: 20px;
+    text-align: center;
+}
+.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-body{
+    padding: 20px 50px;
+}
+.modal-footer {
+    border-top: 1px solid $medium-gray;     
+    padding: 0px;  
+}
+.modal-footer .left-side, .modal-footer .right-side{
+    display: inline-block;
+    text-align: center;
+    width: 49%;
+}
+.modal-footer .btn-simple{
+    padding: 20px;
+    width: 100%
+}
+.modal-footer .divider{
+    background-color: $medium-gray;
+    display: inline-block;
+    float: inherit;
+    height: 63px;
+    margin: 0px -3px;
+    position: absolute;
+    width: 1px;
+}
+.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-backdrop.in {
+    opacity: 0.25;
+}
+
+
+

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

@@ -1,3 +1,4 @@
+
 .nav {
     > li{
         > a:hover,
@@ -8,10 +9,10 @@
 }
 .navbar{
     border: $none;
-    border-radius: 0;
     font-size: $font-size-navbar;
+    padding: 10px;
     z-index: 3;
-
+    
     .navbar-brand{
         font-weight: $font-weight-bold;
         margin: $navbar-margin-brand;
@@ -23,21 +24,17 @@
              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;
+//              line-height: $line-height;
          }
+         > li > a [class^="fa"]{
+             font-size: $font-size-large + 1;
+             position: relative;
+             top: 1px;
+        }
     }
     .btn{
        margin: $navbar-margin-btn;
@@ -46,6 +43,11 @@
     .btn-simple{
         font-size: $font-size-medium;
     }
+    .caret{
+       // @include center-item();
+    }
+
+
 }
 
 .navbar-nav > li > .dropdown-menu{
@@ -53,9 +55,87 @@
     margin-top: -5px;
 }
 
+.navbar-transparent, [class*="navbar-ct"]{
+    .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;
+        }
+
+        > .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);
+    }
+}
+
+.nav-open .nav .caret{
+    border-bottom-color: $white-color;
+    border-top-color: $white-color;
+}
+
 .navbar-default {
     background-color: $bg-nude;
-    border-bottom: 1px solid $medium-gray;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
     .brand{
         color: $font-color !important;
@@ -107,6 +187,30 @@
         }
 }
 
+/*      Navbar with icons            */
+
+.navbar-icons{
+    &.navbar .navbar-brand{
+        margin-top: 12px;
+        margin-bottom: 12px;
+    }
+    .navbar-nav{
+        > li > a{
+            text-align: center;
+            padding: $navbar-padding-a-icons;
+            margin: $navbar-margin-a-icons;
+        }
+
+        [class^="pe"] {
+            font-size: 30px;
+            position: relative;
+        }
+        p {
+            margin: 3px 0 0;
+        }
+    }
+}
+
 .navbar-form{
    @include box-shadow(none);
    .form-control{