lotus_admin 0.1.0 → 0.1.1

data/vendor/assets/stylesheets/lotus_admin/theme/inc/misc.scss

@@ -0,0 +1,108 @@
+/*--------------------------------------------------
+    Block Header
+    Used for Heading outside the Cards.
+---------------------------------------------------*/
+.block-header {
+    @media screen and (min-width: $screen-sm-min) {
+        padding: 0 35px;
+    }
+
+    @media screen and (max-width: $screen-sm-max) {
+        padding: 0 20px;
+    }
+
+    margin-bottom: 25px;
+    position: relative;
+
+    & > h2 {
+        font-size: 15px;
+        color: #777;
+        margin: 0;
+        font-weight: 400;
+        text-transform: uppercase;
+
+        & > small {
+            display: block;
+            text-transform: none;
+            margin-top: 8px;
+            margin-bottom: 20px;
+            color: #9E9E9E;
+            line-height: 140%;
+        }
+    }
+
+    .actions {
+        position: absolute;
+        right: 10px;
+        top: 0;
+        z-index: 4;
+    }
+}
+
+/*-------------------------
+    Collapse Menu Icons
+--------------------------*/
+.line-wrap {
+    width: 18px;
+    height: 12px;
+    @include transition(all);
+    @include transition-duration(300ms);
+    margin: 12px 20px;
+
+    .line{
+        width: 18px;
+        height: 2px;
+        @include transition(all);
+        @include transition-duration(300ms);
+        background-color: #fff;
+
+        &.center {
+            margin: 3px 0;
+        }
+    }
+}
+
+.toggled {
+    .line-wrap {
+        @include rotate(180deg);
+
+        .line {
+            &.top {
+                width: 12px;
+                transform: translateX(8px) translateY(1px) rotate(45deg);
+                -webkit-transform: translateX(8px) translateY(1px) rotate(45deg);
+            }
+
+            &.bottom {
+                width: 12px;
+                transform: translateX(8px) translateY(-1px) rotate(-45deg);
+                -webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg);
+            }
+        }
+    }
+}
+
+/*----------------------------------
+    Backdrop
+-----------------------------------*/
+.ma-backdrop {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 9;
+    cursor: pointer;
+}
+
+
+/*----------------------------------
+    Avatar
+-----------------------------------*/
+[class*="avatar-img"] {
+    border-radius: 50%;
+}
+
+.avatar-img {
+    width: 42px;
+}

data/vendor/assets/stylesheets/lotus_admin/theme/inc/mixin.scss

@@ -0,0 +1,148 @@
+/*--------------------------------------------------
+    Background Repeat + Position
+---------------------------------------------------*/
+@mixin bg-option($repeat: no-repeat, $position: center)
+{
+    background-repeat: $repeat;
+    background-position: $position;
+}
+
+/*--------------------------------------------------
+    CSS Animations based on animate.css
+---------------------------------------------------*/
+@mixin animated($name, $duration)
+{
+    -webkit-animation-name: $name;
+    animation-name: $name;
+    -webkit-animation-duration: $duration;
+    animation-duration: $duration;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+/*--------------------------------------------------
+    CSS Transform - Scale and Rotate
+---------------------------------------------------*/
+@mixin scale-rotate($scale, $rotate)
+{
+    -webkit-transform: scale($scale) rotate($rotate);
+    -ms-transform: scale($scale) rotate($rotate);
+    -o-transform: scale($scale) rotate($rotate);
+    transform: scale($scale) rotate($rotate);
+}
+
+/*-------------------------
+    User Select
+--------------------------*/
+@mixin user-select($val)
+{
+    -webkit-touch-callout:  $val;
+    -webkit-user-select:    $val;
+    -khtml-user-select:     $val;
+    -moz-user-select:       $val;
+    -ms-user-select:        $val;
+    user-select:            $val;
+}
+
+/*-------------------------
+    Background Image Cover
+--------------------------*/
+@mixin bg-cover($image)
+{
+    background-image: url($image);
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    background-position: center;
+}
+
+@mixin bg-cover-inline()
+{
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    background-position: center;
+}
+
+/*-------------------------
+    Tab Focus
+--------------------------*/
+@mixin tab-focus()
+{
+    outline: none !important;
+}
+
+/*--------------------------------------------------
+    Override Bootstrap Button Mixin
+---------------------------------------------------*/
+@mixin button-variant($color, $background, $border)
+{
+    color: $color;
+    background-color: $background;
+    border-color: $border;
+
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    .open > .dropdown-toggle& {
+        color: $color;
+        background-color: $background;
+        border-color: transparent;
+
+        &:hover,
+        &:focus,
+        &.focus {
+          color: $color;
+          background-color: $background;
+              border-color: transparent
+        }
+    }
+    &:active,
+    &.active,
+    .open > .dropdown-toggle& {
+        background-image: none;
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active {
+        background-color: $background;
+            border-color: $border;
+        }
+    }
+
+    .badge {
+        color: $background;
+        background-color: $color;
+    }
+}
+
+/*-------------------------
+    Select BG
+--------------------------*/
+@mixin select-bg()
+{
+    &:before {
+        position: absolute;
+        top: 0;
+        right: 0;
+        content: "";
+        height: #{"calc(100% - 2px)"};
+        width: 30px;
+        background-color: #FFF;
+        background-position: right #{"calc(100% - 7px)"};
+        background-repeat: no-repeat;
+        @include img-retina('../img/select.png', '../img/select$2x.png', 12px, 12px);
+        pointer-events: none;
+        z-index: 5;
+    }
+}

data/vendor/assets/stylesheets/lotus_admin/theme/inc/modal.scss

@@ -0,0 +1,55 @@
+.modal {
+	@media(min-width: $screen-sm-min) {
+		text-align: center;
+
+		&:before {
+			content: '';
+			height: 100%;
+			width: 1px;
+			display: inline-block;
+			vertical-align: middle;
+		}
+
+		.modal-dialog {
+			text-align: left;
+			margin: 10px auto;
+			display: inline-block;
+			vertical-align: middle;
+		}
+	}
+
+	.modal-content {
+		box-shadow: 0 5px 20px rgba(0,0,0,.07);
+		border-radius: 2px;
+		border: 0;
+	}
+
+	.modal-header {
+		padding: 23px 26px;
+	}
+
+	.modal-title {
+		font-weight: 400;
+		font-size: 15px;
+
+		small {
+			display: block;
+			margin-top: 8px;
+		}
+	}
+
+	.modal-body {
+		padding: 0 26px 10px;
+	}
+
+	.modal-footer {
+		.btn-link {
+			font-size: 14px;
+			color: #2e353b;
+
+			&:hover {
+				background-color: #eee;
+			}
+		}
+	}
+}

data/vendor/assets/stylesheets/lotus_admin/theme/inc/pagination.scss

@@ -0,0 +1,114 @@
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 0;
+  border-radius: 2px;
+}
+
+.pagination-info {
+  margin-top: 8px;
+  text-align: right;
+}
+
+.pagination > li {
+  display: inline;
+}
+
+.pagination > li > a,
+.pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  line-height: 1.42857143;
+  text-decoration: none;
+  color: #7E7E7E;
+  background-color: #f1f1f1;
+  border: 1px solid #fff;
+  margin-left: -1px;
+}
+
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+  margin-left: 0;
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+}
+
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+}
+
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+  z-index: 2;
+  color: #333;
+  background-color: #e4e4e4;
+  border-color: #fff;
+}
+
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  z-index: 3;
+  color: #fff;
+  background-color: #58d6e6;
+  border-color: #fff;
+  cursor: default;
+}
+
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+  color: #777777;
+  background-color: #E2E2E2;
+  border-color: #fff;
+  cursor: not-allowed;
+}
+
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+}
+
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+}
+
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+}
+
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+}
+
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+}

data/vendor/assets/stylesheets/lotus_admin/theme/inc/sidebar.scss

@@ -0,0 +1,234 @@
+.sidebar {
+    position: fixed;
+    background: #fff;
+    height: #{"calc(100% - 70px)"};
+    top: $header-height;
+    @include transition(all);
+    @include transition-duration(300ms);
+    z-index: 10;
+    overflow-y: auto;
+    box-shadow: $card-shadow;
+}
+
+#sidebar {
+    width: $sidebar-left-width;
+
+    @media(max-width: ($screen-md-max + 80)) {
+        @include translate3d(-($sidebar-left-width + 20), 0, 0);
+        box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
+
+
+        &.toggled {
+            @include translate3d(0, 0, 0);
+
+        }
+    }
+}
+
+.sidebar-alt {
+    top: 0;
+    height: 100%;
+
+    @include translate3d(-$sidebar-left-width, 0, 0);
+
+    &.toggled {
+        @include translate3d(0, 0, 0);
+    }
+}
+
+.s-profile {
+    & > a {
+        display: block;
+        height: 129px;
+        margin-bottom: 5px;
+        width: 100%;
+        background: asset-url("lotus_admin/profile-menu.png") no-repeat left top;
+        background-size: 100%;
+
+        .sp-pic {
+            padding: 12px;
+
+            & > img {
+                width: 47px;
+                height: 47px;
+                border-radius: 50%;
+                border: 3px solid rgba(0, 0, 0, 0.14);
+                box-sizing: content-box;
+            }
+        }
+
+        .sp-info {
+            background: rgba(0, 0, 0, 0.37);
+            padding: 7px 14px;
+            color: #fff;
+            margin-top: 20px;
+            position: relative;
+
+            & > i {
+                font-size: 19px;
+                line-height: 100%;
+                position: absolute;
+                right: 15px;
+                top: 7px;
+                @include transition(all);
+                @include transition-duration(300ms);
+            }
+        }
+    }
+
+    .main-menu {
+        display: none;
+        margin: 0 0 0;
+
+    }
+
+    &.toggled {
+        .sp-info {
+            & > i {
+                @include rotate(180deg);
+            }
+        }
+    }
+}
+
+.main-menu {
+    list-style: none;
+    padding-left: 0;
+    margin: 20px 0 0 0;
+
+    a {
+        @include transition(color);
+        @include transition-duration(300ms);
+    }
+
+    a:hover,
+    .active > a,
+    a.active {
+        color: #262626;
+    }
+
+    & > li {
+        & > a {
+            padding: 14px 20px 14px 65px;
+            display: block;
+            font-weight: 500;
+            position: relative;
+            color: #4C4C4C;
+
+            & > i {
+                position: absolute;
+                left: 25px;
+                font-size: 18px;
+                top: 2px;
+                width: 25px;
+                text-align: center;
+                padding: 13px 0;
+            }
+        }
+
+        & > a:hover,
+        &.active > a {
+            background-color: #f7f7f7;
+        }
+    }
+}
+
+.sub-menu {
+    & > a {
+        position: relative;
+
+        &:before, &:after {
+            position: absolute;
+            top: 50%;
+            margin-top: -11px;
+            font-family: $font-icon-md;
+            font-size: 17px;
+            right: 15px;
+            @include transition(all);
+            @include transition-duration(250ms);
+        }
+
+        &:before {
+            content: "\f278";
+            @include scale(1);
+        }
+
+        &:after {
+            content: "\f273";
+            @include scale(0);
+        }
+    }
+
+    &.toggled {
+        & > a {
+            &:before {
+                content: "\f278";
+                @include scale(0);
+            }
+
+            &:after {
+                content: "\f273";
+                @include scale(1);
+            }
+        }
+    }
+
+    ul {
+        list-style: none;
+        display: none;
+        padding: 0;
+
+        & > li {
+            & > a {
+                padding: 8px 20px 8px 65px;
+                font-weight: 500;
+                display: block;
+                color: #989898;
+            }
+
+            &:first-child > a {
+                padding-top: 14px;
+            }
+
+            &:last-child > a {
+                padding-bottom: 16px;
+            }
+
+            ul {
+                font-size: 12px;
+                margin: 10px 0;
+                background-color: $app-gray;
+            }
+        }
+    }
+
+    &.active {
+        & > ul {
+            display: block;
+        }
+    }
+}
+
+/*-------------------------
+    For Stupid IE9
+--------------------------*/
+.ie9 {
+    #sidebar {
+        @media(max-width: ($screen-md-max + 80)) {
+            display: none;
+
+            &.toggled {
+                display: block;
+            }
+        }
+    }
+
+    .sidebar-alt {
+        display: none;
+
+        &.toggled {
+            display: block;
+        }
+    }
+
+}