cre_pro-rails 0.0.1

data/vendor/assets/stylesheets/pk/ct-pk/_navbars.scss

@@ -0,0 +1,285 @@
+
+.nav {
+    > li{
+        > a:hover,
+        > a:focus{
+            background-color: transparent;
+        }
+    }
+}
+.navbar{
+    border: $none;
+    font-size: $font-size-navbar;
+    padding: 10px;
+    margin-bottom: 0px;
+    z-index: 3;
+
+    .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;
+         }
+         > li > a.btn{
+             margin: $navbar-margin-a-btn;
+             padding: $padding-base-vertical $padding-base-horizontal;
+         }
+
+        > li > a.btn-xs{
+            margin: 25px 5px;
+        }
+
+        > li > a.btn-sm{
+            margin: 20px 5px;
+        }
+    }
+    .btn{
+       margin: $navbar-margin-btn;
+       font-size: $font-size-base;
+    }
+    .btn-simple{
+        font-size: $font-size-medium;
+    }
+    .caret{
+       // @include center-item();
+    }
+
+
+}
+
+.navbar-nav > li > .dropdown-menu{
+    border-radius: $border-radius-extreme;
+    margin-top: -4px;
+}
+
+.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 rgba(0, 0, 0, 0.1);
+
+    .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-default:hover{
+        color: $info-color;
+        border-color: $info-color;
+    }
+    &:not(.navbar-transparent) .btn-neutral,
+    &:not(.navbar-transparent) .btn-neutral:hover,
+    &:not(.navbar-transparent) .btn-neutral:active{
+            color: $dark-gray;
+        }
+}
+
+/*      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{
+    margin: 15px 3px;
+
+    .btn{
+        margin: 0px 0px 0px 5px;
+    }
+
+    @include box-shadow(none);
+   .form-control{
+        @include light-form();
+        height: 22px;
+        font-size: $font-size-navbar;
+        line-height: $line-height-general;
+        color: $light-gray;
+    }
+    .navbar-transparent & .form-control,
+    [class*="navbar-ct"] & .form-control{
+        color: $white-color;
+        border: $none;
+        border-bottom: 1px solid rgba($white-color,.6);
+    }
+}
+
+.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-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;
+    }
+}
+
+.navbar .navbar-nav > li > a.profile-photo{
+    padding: 0px 0px 0px 5px;
+}
+
+.profile-photo-small{
+    height: 40px;
+    width: 40px;
+}

data/vendor/assets/stylesheets/pk/ct-pk/_preloaders.scss

@@ -0,0 +1,282 @@
+// width: 100%;
+@-webkit-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-moz-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-ms-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-moz-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-o-keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes uil-reload-css {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  50% {
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+.uil-reload-css {
+  display: inline-block;
+  position: relative;
+  width: 80px;
+  height: 80px;
+  vertical-align: middle;
+  
+    > div {
+          -ms-animation: uil-reload-css 1.4s linear infinite;
+          -moz-animation: uil-reload-css 1.4s linear infinite;
+          -webkit-animation: uil-reload-css 1.4s linear infinite;
+          -o-animation: uil-reload-css 1.4s linear infinite;
+          animation: uil-reload-css 1.4s linear infinite;
+          display: block;
+          position: absolute;
+          top: 18px;
+          left: 18px;
+          width: 45px;
+          height: 45px;
+          border-radius: 100px;
+          border: 7px solid $preloader-color;
+          border-top: 7px solid rgba(0,0,0,0);
+          border-right: 7px solid $preloader-color;
+          border-bottom: 7px solid $preloader-color;
+        }
+        
+    > div:after {
+          content: " ";
+          width: 0px;
+          height: 0px;
+          border-style: solid;
+          border-width: 0 8px 8px 8px;
+          border-color: transparent transparent $preloader-color transparent;
+          display: block;
+          -ms-transform: translate(-3px, -5px) rotate(45deg);
+          -moz-transform: translate(-3px, -5px) rotate(45deg);
+          -webkit-transform: translate(-3px, -5px) rotate(45deg);
+          -o-transform: translate(-3px, -5px) rotate(45deg);
+          transform: translate(-3px, -5px) rotate(45deg);
+        }
+}
+
+.uil-reload-css.reload-small{
+    height: 20px;
+    width: 20px;
+    
+    > div{
+        top: 0;
+        left: 0;
+        border: 3px solid $preloader-color;
+        border-top: 3px solid rgba(0,0,0,0);
+        border-right: 3px solid $preloader-color;
+        border-bottom: 3px solid $preloader-color;
+        height: 20px;
+        width: 20px;
+    }
+    
+    >div:after{
+        border-width: 0 5px 5px 5px;
+        -ms-transform: translate(-2px, -3px) rotate(45deg);
+        -moz-transform: translate(-2px, -3px) rotate(45deg);
+        -webkit-transform: translate(-2px, -3px) rotate(45deg);
+        -o-transform: translate(-2px, -3px) rotate(45deg);
+        transform: translate(-2px, -3px) rotate(45deg);
+    }
+}
+.uil-reload-css.reload-background{
+    background-color: $medium-gray;
+    border-radius: 50%;
+
+    
+    > div{
+
+            border: 7px solid $white-color;
+            border-top: 7px solid rgba(0,0,0,0);
+            border-right: 7px solid $white-color;
+            border-bottom: 7px solid $white-color;
+    }
+    
+    > div:after{
+        border-color: transparent transparent $white-color transparent;
+    }
+
+}
+.uil-reload-css.reload-background.reload-small{
+    height: 40px;
+    width: 40px;   
+      
+    > div{
+                left: 10px;
+                top: 10px;
+                border: 3px solid $white-color;
+                border-top: 3px solid rgba(0,0,0,0);
+                border-right: 3px solid $white-color;
+                border-bottom: 3px solid $white-color;
+        }    
+}