action_ui 0.0.1

data/vendor/assets/stylesheets/sd/sd/_progress-bars.scss

@@ -0,0 +1,9 @@
+.progress {
+    background-color: #E5E5E5;
+    border-radius: 3px;
+    box-shadow: none;
+    height: 4px;
+}
+.progress-thin{
+    height: 2px;
+}

data/vendor/assets/stylesheets/sd/sd/_responsive.scss

@@ -0,0 +1,302 @@
+
+@media (min-width: 768px){
+    .navbar-form {
+        margin-top: 21px;
+        margin-bottom: 21px;
+        padding-left: 5px;
+        padding-right: 5px;
+    }
+    .navbar-search-form{
+        display: none;
+    }
+    .navbar-nav > li > .dropdown-menu,
+    .dropdown .dropdown-menu{
+        @include transform-scale(0);
+        @include transition($slow-transition-time, $transition-bezier);
+        @include opacity(0);
+        visibility: hidden;
+        display: block;
+    }
+    .navbar-nav > li.open > .dropdown-menu,
+    .dropdown.open .dropdown-menu{
+        @include transform-scale(1);
+        @include transform-origin($dropdown-coordinates);
+        @include opacity(1);
+        visibility: visible;
+    }
+
+    .navbar-nav > li > .dropdown-menu:before{
+        border-bottom: 11px solid rgba(0, 0, 0, 0.2);
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        content: "";
+        display: inline-block;
+        position: absolute;
+        left: 12px;
+        top: -11px;
+    }
+    .navbar-nav > li > .dropdown-menu:after {
+        border-bottom: 11px solid #FFFFFF;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        content: "";
+        display: inline-block;
+        position: absolute;
+        left: 12px;
+        top: -10px;
+    }
+
+    .navbar-nav.navbar-right > li > .dropdown-menu:before{
+        left: auto;
+        right: 12px;
+    }
+
+    .navbar-nav.navbar-right > li > .dropdown-menu:after{
+        left: auto;
+        right: 12px;
+    }
+
+    .footer:not(.footer-big){
+        nav > ul{
+           li:first-child{
+             margin-left: 0;
+           }
+        }
+    }
+
+    .nav-open .navbar-collapse{
+        @include transform-translate-x(0px);
+    }
+    .nav-open .navbar .container{
+        @include transform-translate-x(-200px);
+    }
+
+    .navbar-burger{
+        .container{
+            padding: 0 15px;
+        }
+        .navbar-header{
+            width: 100%;
+        }
+        .navbar-toggle{
+            display: block;
+            margin-right: 0;
+        }
+
+        &.navbar .navbar-collapse.collapse,
+        &.navbar .navbar-collapse.collapse.in,
+        &.navbar .navbar-collapse.collapsing{
+            display: none !important;
+        }
+    }
+}
+
+/*          Changes for small display      */
+
+@media (max-width: 767px){
+    .navbar-transparent{
+        padding-top: 15px;
+        background-color: rgba(0, 0, 0, 0.45);
+    }
+
+    .body-click {
+        right: 230px;
+    }
+
+    body{
+        position: relative;
+
+        & > .navbar-collapse {
+            width: 230px;
+            @include transform-translate-x(230px);
+        }
+    }
+
+    .navbar{
+        .container{
+            width: 100%;
+            position: relative;
+            @include transform-translate-x(0px);
+            @include transition (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
+
+            .nav-open &{
+                @include transform-translate-x(-230px);
+            }
+        }
+
+        .navbar-collapse.collapse,
+        .navbar .navbar-collapse.collapse.in,
+        .navbar .navbar-collapse.collapsing{
+            display: none !important;
+        }
+    }
+
+    .nav-open .navbar-collapse{
+        @include transform-translate-x(0px);
+    }
+
+    .navbar-toggle .icon-bar{
+        display: block;
+        position: relative;
+        background: $white-color;
+        width: 24px;
+        height: 2px;
+        border-radius: 1px;
+        margin: 0 auto;
+    }
+
+    .navbar-default .navbar-toggle .icon-bar{
+        background-color: $default-color;
+    }
+
+    .navbar-header .navbar-toggle {
+        margin-top: 17px;
+        margin-bottom: 17px;
+        width: 40px;
+        height: 40px;
+    }
+    .bar1,
+    .bar2,
+    .bar3 {
+      outline: 1px solid transparent;
+    }
+    .bar1 {
+      top: 0px;
+      @include bar-animation($topbar-back);
+    }
+    .bar2 {
+      opacity: 1;
+    }
+    .bar3 {
+      bottom: 0px;
+      @include bar-animation($bottombar-back);
+    }
+    .toggled .bar1 {
+      top: 6px;
+      @include bar-animation($topbar-x);
+    }
+    .toggled .bar2 {
+      opacity: 0;
+    }
+    .toggled .bar3 {
+      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;}
+    }
+    @-moz-keyframes fadeIn {
+      0% {opacity: 0;}
+      100% {opacity: 1;}
+    }
+    @keyframes fadeIn {
+      0% {opacity: 0;}
+      100% {opacity: 1;}
+    }
+
+    [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;
+        }
+
+        & > 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;
+        }
+
+        & .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;
+    }
+
+    .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;
+    }
+    .navbar-toggle:hover,
+    .navbar-toggle:focus {
+        background-color: transparent !important;
+    }
+    .btn.dropdown-toggle{
+        margin-bottom: 0;
+    }
+    .media-post .author{
+        width: 20%;
+        float: none !important;
+        display: block;
+        margin: 0 auto 10px;
+    }
+    .media-post .media-body{
+        width: 100%;
+    }
+
+}
+
+//overwrite table responsive for 768px screens
+
+@media (max-width: 768px){
+    .table-responsive {
+        width: 100%;
+        margin-bottom: 15px;
+        overflow-x: scroll;
+        overflow-y: hidden;
+        border: 1px solid #dddddd;
+        -ms-overflow-style: -ms-autohiding-scrollbar;
+        -webkit-overflow-scrolling: touch;
+    }
+}

data/vendor/assets/stylesheets/sd/sd/_sections.scss

@@ -0,0 +1,12 @@
+.section{
+    padding: 30px 0;
+   
+    position: relative;
+    background-color: #FFFFFF;
+}
+.section-gray{
+    background-color: #EEEEEE;
+}
+.section-white{
+    background-color: #FFFFFF;
+}

data/vendor/assets/stylesheets/sd/sd/_sidebar-menu.scss

@@ -0,0 +1,232 @@
+.body-click {
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    opacity: 0;
+    top: 0;
+    left: auto;
+    right: 300px;
+    content: "";
+    z-index: 1029;
+    overflow-x: hidden;
+}
+
+body{
+    position: relative;
+
+    & > .navbar-collapse {
+        position: fixed;
+        display: block;
+        top: 0;
+        height: 100vh;
+        width: 300px;
+        right: 0;
+        z-index: 1032;
+        visibility: visible;
+        background-color: #999;
+        overflow-y: visible;
+        border-top: none;
+        text-align: left;
+        @include transform-translate-x(300px);
+        @include transition (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
+
+        ul {
+            position: relative;
+            z-index: 3;
+            overflow-y:scroll;
+            height: 100%;
+        }
+        .nav > li{
+            border-bottom: 1px solid;
+
+            &:last-child {
+                border-bottom: 0;
+            }
+            & > a{
+                margin: 15px;
+            }
+        }
+
+        .navbar-nav {
+            float: none;
+            margin: 1px -15px;
+
+            .dropdown-menu {
+                display: none;
+
+                &:after,
+                &:before{
+                    display: none !important;
+                }
+            }
+
+            .open .dropdown-menu{
+                position: static;
+                float: none;
+                width: auto;
+                margin-top: 0;
+                background-color: transparent;
+                border: 0;
+                -webkit-box-shadow: none;
+                box-shadow: none;
+                display: block;
+                padding-bottom: 15px;
+                padding-left: 15px;
+            }
+
+            .open .dropdown-menu > li {
+                & > a{
+                    padding: 10px 15px;
+                    white-space: normal;
+                }
+
+                &:first-child > a{
+                    padding-top: 5px;
+                }
+
+            }
+
+            .open .dropdown-with-icons{
+                > li > a{
+                    padding-left: 48px;
+                }
+                > li:first-child > a{
+                    padding-top: 5px;
+                }
+            }
+
+            & > li{
+                float: none;
+            }
+
+            & > 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;
+            }
+
+            & > 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;
+            }
+
+            & .dropdown > a{
+                &:hover .caret {
+                    border-bottom-color: #777;
+                    border-top-color: #777;
+                }
+                &:active .caret {
+                    border-bottom-color: white;
+                    border-top-color: white;
+                }
+            }
+
+        }
+
+        &::after{
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            position: absolute;
+            background-color: #282828;
+            display: block;
+            content: "";
+            z-index: 1;
+        }
+        &.has-image::after{
+            @include black-filter(.8);
+        }
+    }
+
+    > .navbar-collapse.collapse{
+        height: 100vh !important;
+    }
+}
+
+.wrapper{
+   @include transition (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
+   background-color: white;
+
+   .nav-open &{
+       left: 0;
+       @include transform-translate-x(-115px);
+   }
+
+   &.transition{
+     @include transform-translate-x(0px);
+   }
+}
+
+.navbar-burger{
+    .navbar-toggle .icon-bar {
+          display: block;
+          position: relative;
+          width: 24px;
+          height: 2px;
+          border-radius: 1px;
+    }
+    &.navbar-transparent .navbar-toggle .icon-bar{
+        background: #fff;
+    }
+
+    .container{
+        @include transform-translate-x(0px);
+        @include transition (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
+        position: relative;
+    }
+    .navbar-header .navbar-toggle {
+        width: 40px;
+        height: 40px;
+    }
+
+    .bar1,
+    .bar2,
+    .bar3 {
+      outline: 1px solid transparent;
+    }
+    .bar1 {
+      top: 0px;
+      @include bar-animation($topbar-back);
+    }
+    .bar2 {
+      opacity: 1;
+    }
+    .bar3 {
+      bottom: 0px;
+      @include bar-animation($bottombar-back);
+    }
+    .toggled .bar1 {
+      top: 6px;
+      @include bar-animation($topbar-x);
+    }
+    .toggled .bar2 {
+      opacity: 0;
+    }
+    .toggled .bar3 {
+      bottom: 6px;
+      @include bar-animation($bottombar-x);
+    }
+
+    @include topbar-x-rotation();
+    @include topbar-back-rotation();
+    @include bottombar-x-rotation();
+    @include bottombar-back-rotation();
+
+}