action_ui 0.0.1

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

@@ -0,0 +1,112 @@
+.btn-file {
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+}
+.btn-file > input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-size: 23px;
+  cursor: pointer;
+  filter: alpha(opacity=0);
+  opacity: 0;
+
+  direction: ltr;
+}
+.fileinput {
+  display: inline-block;
+  margin-bottom: 9px;
+}
+.fileinput .form-control {
+  display: inline-block;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  cursor: text;
+}
+.fileinput .thumbnail {
+  display: inline-block;
+  margin-bottom: 10px;
+  overflow: hidden;
+  text-align: center;
+  vertical-align: middle;
+  &.img-circle{
+      border-radius: 50%;
+  }
+}
+.fileinput .thumbnail > img {
+  max-height: 100%;
+  width: 100%;
+}
+.fileinput .btn {
+  vertical-align: middle;
+}
+.fileinput-exists .fileinput-new,
+.fileinput-new .fileinput-exists {
+  display: none;
+}
+.fileinput-inline .fileinput-controls {
+  display: inline;
+}
+.fileinput-filename {
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: middle;
+}
+.form-control .fileinput-filename {
+  vertical-align: bottom;
+}
+.fileinput.input-group {
+  display: table;
+}
+.fileinput.input-group > * {
+  position: relative;
+  z-index: 2;
+}
+.fileinput.input-group > .btn-file {
+  z-index: 1;
+}
+.fileinput-new.input-group .btn-file,
+.fileinput-new .input-group .btn-file {
+  border-radius: 0 4px 4px 0;
+}
+.fileinput-new.input-group .btn-file.btn-xs,
+.fileinput-new .input-group .btn-file.btn-xs,
+.fileinput-new.input-group .btn-file.btn-sm,
+.fileinput-new .input-group .btn-file.btn-sm {
+  border-radius: 0 3px 3px 0;
+}
+.fileinput-new.input-group .btn-file.btn-lg,
+.fileinput-new .input-group .btn-file.btn-lg {
+  border-radius: 0 6px 6px 0;
+}
+.form-group.has-warning .fileinput .fileinput-preview {
+  color: #8a6d3b;
+}
+.form-group.has-warning .fileinput .thumbnail {
+  border-color: #faebcc;
+}
+.form-group.has-error .fileinput .fileinput-preview {
+  color: #a94442;
+}
+.form-group.has-error .fileinput .thumbnail {
+  border-color: #ebccd1;
+}
+.form-group.has-success .fileinput .fileinput-preview {
+  color: #3c763d;
+}
+.form-group.has-success .fileinput .thumbnail {
+  border-color: #d6e9c6;
+}
+.input-group-addon:not(:first-child) {
+  border-left: 0;
+}
+.thumbnail{
+    border: 0 none;
+//     padding: 0;
+}

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

@@ -0,0 +1,193 @@
+.footer{    
+    background-color: $pale-bg;
+    line-height: $line-height;
+    padding-top: 30px;
+    padding-bottom: 30px;
+    .links{
+        display: inline-block;
+        
+        ul{
+            list-style: none;
+            margin: 0;
+            padding: 0;
+            font-weight: $font-weight-bold;
+            
+            > li{
+                display: inline-block;
+                padding-right: 20px;
+            }
+            > li:last-child{
+                padding-right: 0px;
+            }
+            
+            a:not(.btn){
+                color: $font-color;
+                display: block;
+                font-size: $font-size-h6;
+                margin-bottom: 3px;
+                &:hover,
+                &:focus{
+                    color: $default-states-color;
+                }
+            }
+            
+            &.uppercase-links{
+                text-transform: uppercase;
+            }
+            &.stacked-links{
+                margin-top: 15px;
+                
+                > li{
+                    display: block;
+                    line-height: 26px;
+                }
+                h4{
+                    margin-top: 0px;
+                }
+            }
+        }
+    }    
+    .social-area{
+        padding: 15px 0;
+        .btn{
+            margin-bottom: 3px;
+        }
+    }
+    hr{
+        border-color: $font-color;
+        border-width: 1px 0 0;
+        margin-top: 5px;
+        margin-bottom: 5px;
+    }
+    .copyright{
+        color: $brown-font-color;
+        font-size: 0.9em;
+        ul > li{
+            padding-right: 0px;
+        }
+    }
+    .title{
+        color: $default-states-color;
+    }
+}
+
+.footer-black,
+.footer-transparent{
+    background-color: $black-footer-bg;
+    color: $medium-gray;
+    
+    .links ul{
+        a:not(.btn){
+            color: $brown-font-color;
+            &:hover,
+            &:focus{
+                color: $brown-font-color-hover;
+            }
+        }
+    }
+    .copyright {   
+        color: $font-color;
+        ul > li{
+            a:not(.btn){
+                color: $font-color;
+            }
+        }
+    }
+    
+    hr{
+        border-color: $font-color;
+    }
+}
+.footer-transparent{
+    background-size: cover;
+    position: relative;
+
+    .container{
+        z-index: 2;
+        position: relative;
+    }
+    hr{
+        border-color: $brown-font-color;
+    }
+    .copyright {   
+        color: $brown-font-color;
+        ul > li a:not(.btn){
+                color: $brown-font-color;
+        }
+    }
+    
+    &::after{
+        @include black-filter(.5);    
+    }
+}
+
+.footer-big{
+    padding-top: 30px;
+    hr{
+        margin-top: 20px;
+    }
+    .copyright{
+        margin: 10px 0px 20px;
+    }
+    .form-group{
+        margin-top: 15px;
+    }
+}
+
+// pre-footers lines
+.subscribe-line{
+    background-color: $pale-bg;
+    padding: 35px 0;
+    
+    .form-group{
+        margin: $none;
+    }
+    .form-control{
+         height: auto;
+         font-size: $font-size-h3;
+         border: $none;
+         padding: $none;
+         font-weight: $font-weight-light;
+         line-height: $line-height-lg;
+         background-color: $transparent-bg;
+    }
+    
+    .btn:not(.btn-lg){
+        margin-top: 7px;
+    }
+}
+
+.subscribe-line-black{
+    background-color: $black-footer-bg;
+    .form-control{
+        color: $white-color;
+    }
+}
+
+.subscribe-line-transparent{
+    @extend .footer-transparent;
+    .form-control{
+        color: $white-color;
+    }
+}
+
+.social-line{
+    padding: 30px 0;
+    background-color: $pale-bg;
+    .title{
+        margin: $none;
+        line-height: $height-base;
+        font-size: $font-size-h4;
+    }
+    .title-with-lg{
+        padding-top: 5px;
+    }
+    .btn{
+        width: 100%;
+    }
+}
+
+.social-line-black{
+    background-color: $black-footer-bg;
+    color: $white-color;
+}

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

@@ -0,0 +1,85 @@
+.header-wrapper{
+    position: relative;
+    height: 650px;
+    .navbar{
+        border-radius: 0;
+        position: absolute;
+        width: 100%;
+        z-index: 3;
+    }
+    .header{
+        background-color: $header-background;
+        background-position: center center;
+        background-size: cover;
+        height: 550px;
+        overflow: hidden;
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+
+        .filter::after{
+            background-color: rgba(0, 0, 0, 0.5);
+            content: "";
+            display: block;
+            height: 550px;
+            left: 0;
+            position: absolute;
+            top: 0;
+            width: 100%;
+            z-index: 2;
+        }
+
+        .filter-primary::after{
+            background-color: rgba($filter-primary, 0.5);
+        }
+        .filter-info::after{
+            background-color: rgba($filter-info, 0.5);
+        }
+        .filter-success::after{
+            background-color: rgba($filter-success, 0.5);
+        }
+        .filter-warning::after{
+            background-color: rgba($filter-warning, 0.5);
+        }
+        .filter-danger::after{
+            background-color: rgba($filter-danger, 0.5);
+        }
+        .container{
+            color: $white-color;
+            position: relative;
+            top: 200px;
+            z-index: 3;
+
+        }
+        .upper-container{
+            top: 150px;
+        }
+    }
+    .header-video{
+        max-height: 550px;
+        overflow: hidden;
+
+        &.state-play{
+            .filter::after{
+                opacity: 0;
+            }
+            .video-text{
+                opacity: 0;
+            }
+
+            .btn{
+                opacity: 0;
+            }
+
+            &:hover{
+                .btn{
+                    opacity: 1;
+                }
+            }
+        }
+    }
+    video{
+        position: absolute;
+        width: 100%;
+    }
+}

data/vendor/assets/stylesheets/pk/ct-pk/_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/pk/ct-pk/_info-areas.scss

@@ -0,0 +1,62 @@
+.icon-primary{
+    color: $primary-color;
+}
+.icon-info{
+    color: $info-color;
+}
+.icon-success{
+    color: $success-color;
+}
+.icon-warning{
+    color: $warning-color;
+}
+.icon-danger{
+    color: $danger-color;
+}
+.icon-neutral{
+    color: $white-color;
+}
+.info{
+    margin-top: 20px;
+    margin-bottom: 30px;
+    padding: 10px;
+    text-align: center;
+    .icon{
+        margin-top: 0;
+        font-size: $font-size-h2;
+        &.icon-sm{
+            font-size: $font-size-h4;
+        }
+    }
+    h4,
+    .h4{
+        margin-top: 20px;
+        margin-bottom: 5px;   
+    }
+}
+
+.info-horizontal{
+    text-align: left;
+    margin-top: 0;
+    .icon{
+        float: left;
+        margin-top: 15px;
+        margin-right: 20px;
+        .fa{
+            width: 48px;
+        }
+    }
+    .description{
+        overflow: hidden;
+    }
+    .btn{
+        margin-left: -19px;
+    }
+}
+.info{
+    .icon{
+        .fa{
+            width: 48px;
+        }
+    }
+}