lotus_admin 0.1.0 → 0.1.1

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

@@ -0,0 +1,85 @@
+.table {
+    margin-bottom: 0;
+    
+    & > thead > tr > th {
+        background-color: #fff;
+        vertical-align: middle;
+        font-weight: 500;
+        color: #333;
+        border-width: 1px;
+        text-transform: uppercase;
+    }
+
+    &.table-inner {
+        border: 0;
+    }
+    
+    & > thead > tr,
+    & > tbody > tr,
+    & > tfoot > tr {
+        & > th, & > td {
+            &:first-child {
+                padding-left: 30px;
+            }
+            
+            &:last-child {
+                padding-right: 30px;
+            }
+            
+        }
+    }
+    
+    & > tbody, & > tfoot {
+        & > tr {
+            &.active,
+            &.info,
+            &.warning,
+            &.succes,
+            &.danger {
+                & > td {
+                    border: 0;
+                }
+            }
+            
+            &:last-child > td >  {
+                padding-bottom: 20px;
+            }
+        }
+    }
+}
+
+.table-striped {
+    td, th {
+        border: 0 !important;
+    }
+}
+
+.table-bordered {
+    border-bottom: 0;
+    border-left: 0;
+    border-right: 0; 
+    
+    & > tbody > tr {
+        & > td, & > th {
+            border-bottom: 0;
+            border-left: 0;
+            
+            &:last-child {
+                border-right: 0;
+            }
+        }
+    }
+    
+    & > thead > tr > th {
+        border-left: 0;
+        
+        &:last-child {
+            border-right: 0;
+        }
+    }
+}
+
+.table-responsive {
+    border: 0;
+}
+

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

@@ -0,0 +1,174 @@
+/*-------------------------
+  Material Colors
+--------------------------*/
+$m-white:                  #ffffff;
+$m-black:                  #000000;
+$m-blue:                   #2196F3;
+$m-red:                    #F44336;
+$m-purple:                 #BA68C8;
+$m-deeppurple:             #673AB7;
+$m-lightblue:              #03A9F4;
+$m-cyan:                   #00BCD4;
+$m-teal:                   #009688;
+$m-green:                  #4CAF50;
+$m-lightgreen:             #8BC34A;
+$m-lime:                   #CDDC39;
+$m-yellow:                 #FFEB3B;
+$m-amber:                  #FFC107;
+$m-orange:                 #FF9800;
+$m-deeporange:             #FF5722;
+$m-gray:                   #9E9E9E;
+$m-bluegray:               #607D8B;
+$m-indigo:                 #3F51B5;
+$m-pink:                   #E91E63;
+$m-brown:                  #795548;
+
+/*-------------------------
+  Font Icon Family
+--------------------------*/
+$font-icon-md:              'Material-Design-Iconic-Font';
+
+
+/*-------------------------
+  Grid System
+--------------------------*/
+$container-large-desktop:               100%;
+$container-tablet:                      100%;
+$container-desktop:                     100%;
+
+
+/*-------------------------
+  Typography
+--------------------------*/
+$body-bg:                   #f3f3f3;
+$text-color:                #5E5E5E;
+$font-family-sans-serif:    roboto;
+$font-size-base:            13px;
+$link-hover-decoration:     none;
+$headings-color:			#333;
+$headings-small-color:      #AEAEAE;
+
+
+/*-------------------------
+  Border Radius
+--------------------------*/
+$border-radius-base:        2px;
+$border-radius-large:       4px;
+$border-radius-small:       2px;
+
+
+/*-------------------------
+  Form
+--------------------------*/
+$input-border:              #f0f0f0;
+$input-color:               #2e353b;
+$input-border-radius:       0;
+$input-border-radius-large: 0;
+$input-height-large:        40px;
+$input-height-base:         35px;
+$input-height-small:        30px;
+$input-border-focus:        #b4b4b4;
+$input-bg:                  transparent;
+
+
+/*-------------------------
+  Table
+--------------------------*/
+$table-bg:                      transparent;
+$table-border-color:            #F5F5F5;
+$table-cell-padding:            15px;
+$table-condensed-cell-padding:  10px;
+$table-bg-accent: #f9f9f9;
+$table-bg-active:               #FFFCBE;
+$table-bg-hover:                $table-bg-accent;
+
+
+/*-------------------------
+  Input Group
+--------------------------*/
+$input-group-addon-bg: transparent;
+$input-group-addon-border-color: transparent;
+
+
+/*-------------------------
+  Dropdown
+--------------------------*/
+$dropdown-fallback-border:      transparent;
+$dropdown-border:               transparent;
+$dropdown-divider-bg:           '';
+$dropdown-link-hover-bg:        rgba(0,0,0,0.075);
+$dropdown-link-color:           #333;
+$dropdown-link-hover-color:     #333;
+$dropdown-link-disabled-color:  #e4e4e4;
+$dropdown-divider-bg:           rgba(0,0,0,0.08);
+$dropdown-link-active-color:    #333;
+$dropdown-link-active-bg:       rgba(0, 0, 0, 0.075);
+$zindex-dropdown:               9;
+$dropdown-shadow:               0 2px 10px rgba(0, 0, 0, 0.2);
+
+
+/*-------------------------
+  Form Validations
+--------------------------*/
+$state-success-text:                    lighten($m-green, 8%);
+$state-warning-text:                    lighten($m-orange, 8%);
+$state-danger-text:                     lighten($m-red, 8%);
+
+$state-success-bg:                      lighten($m-green, 8%);
+$state-warning-bg:                      lighten($m-orange, 8%);
+$state-danger-bg:                       lighten($m-red, 8%);
+
+
+/*-------------------------
+  Buttons
+--------------------------*/
+$border-radius-base:            2px;
+$border-radius-large:           2px;
+$border-radius-small:           2px;
+$btn-font-weight:				400;
+
+
+/*-------------------------
+  Modal
+--------------------------*/
+$modal-content-fallback-border-color:	transparent;
+$modal-content-border-color:			transparent;
+$modal-backdrop-bg:						#000;
+$modal-backdrop-opacity:                0.2;
+$modal-header-border-color:				transparent;
+$modal-title-line-height:				transparent;
+$modal-footer-border-color:				transparent;
+$zindex-modal-background: 				11;
+
+
+
+/*-------------------------
+  Bootstrap Branding
+--------------------------*/
+$brand-primary:             $m-blue;
+$brand-success:             $m-green;
+$brand-info:                $m-cyan;
+$brand-warning:             $m-orange;
+$brand-danger:              $m-red;
+$app-gray:                  #F7F7F7;
+
+
+/*-------------------------
+  Colors
+--------------------------*/
+$ace:                      #F7F7F7;
+
+
+/*-------------------------
+  Blocks
+--------------------------*/
+$sidebar-left-width: 268px;
+$sidebar-right-width: 280px;
+$footer-height: 110px;
+$header-height: 70px;
+
+
+/*-------------------------
+  Card
+--------------------------*/
+$card-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

data/vendor/assets/stylesheets/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;
+        }
+    }
+
+}