lotus_admin 0.1.0 → 0.1.1

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

@@ -0,0 +1,36 @@
+.btn {
+    border: 0;
+    text-transform: uppercase;
+
+    &[class*="bgm-"]:not(.bgm-white) {
+        color: #fff;
+    }
+
+    .caret {
+        margin-top: -3px;
+    }
+
+    &:not(.btn-link) {
+        box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
+    }
+}
+
+.btn-link {
+    color: #797979;
+    text-decoration: none;
+    border-radius: 2px;
+
+    &:hover {
+        color: #0a0a0a;
+    }
+}
+
+.open .btn {
+    outline: none !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+
+    &:focus, &:active {
+        outline: none !important;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+    }
+}

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

@@ -0,0 +1,41 @@
+.card {
+    position: relative;
+    background: #fff;
+    box-shadow: $card-shadow;
+    margin-bottom: $grid-gutter-width;
+    border-radius: 2px;
+
+    .card-header {
+        position: relative;
+        display: block;
+        padding: 26px 30px;
+        border-radius: 2px 2px 0 0;
+
+        h2 {
+            margin: 0;
+            line-height: 100%;
+            font-size: 16px;
+            font-weight: 400;
+
+            small {
+                display: block;
+                margin-top: 8px;
+                color: #AEAEAE;
+                line-height: 160%;
+            }
+        }
+
+        .actions {
+            position: absolute;
+            right: 10px;
+            z-index: 2;
+            top: 15px;
+        }
+    }
+
+    .card-body {
+        &.card-padding {
+            padding: 26px 30px;
+        }
+    }
+}

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

@@ -0,0 +1,42 @@
+.dropdown:not([data-animation]) .dropdown-menu {
+    @include animated(fadeIn, 300ms);
+}
+
+.dropdown-menu {
+    box-shadow: $dropdown-shadow;
+    padding: 10px 0;
+    border-radius: 3px;
+    top: -1px;
+    margin: 0;
+    border: 0;
+
+    & > li > a {
+        padding: 10px 20px;
+        @include transition(background-color);
+        @include transition-duration(300ms);
+    }
+    
+    &[class*="bgm-"] {
+        & > li > a {
+            color: #fff;
+        }
+    }
+}
+
+.dropup {
+    .dropdown-menu {
+        bottom: -2px;
+    }
+}
+
+.dropdown-menu-lg {
+    width: 300px;
+}
+
+.dropdown-header {
+    padding: 3px 17px;
+    margin-top: 10px;
+    color: #b1b1b1;
+    text-transform: uppercase;
+    font-weight: normal;
+}

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

@@ -0,0 +1,35 @@
+#footer {
+    position: absolute;
+    bottom: 0;
+    text-align: center;
+    width: 100%;
+    height: $footer-height;
+    color: #a2a2a2;
+    padding-top: 35px;
+    padding-bottom: 15px;
+
+    @media (min-width: ($screen-lg-min + 80)) {
+        padding-left: $sidebar-left-width;
+    }
+
+    .f-menu {
+        display: block;
+        width: 100%;
+        @extend .list-inline;
+        margin-top: 8px;
+
+        & > li > a {
+            color: #a2a2a2;
+
+            &:hover {
+                color: #777;
+            }
+        }
+    }
+}
+
+.sidebar-toggled {
+    #footer {
+        display: none;
+    }
+}

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

@@ -0,0 +1,318 @@
+label {
+    font-weight: 500;
+}
+
+/*-----------------------------------
+    Reset Focus and Active shadows
+------------------------------------*/
+input:active,
+input:focus {
+    outline: 0;
+    box-shadow: none !important;
+}
+
+.form-control {
+    box-shadow: none !important;
+    resize: none;
+    border-radius: 0;
+
+    &:active,
+    &:focus {
+        box-shadow: none;
+    }
+    
+    &:not(.fc-alt) {
+        border-left: 0;
+        border-right: 0;
+        border-top: 0;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        padding: 0;
+        
+        &.auto-size {
+            padding-top: 6px;
+        }
+    }
+}
+
+.form-group {
+    margin-bottom: 25px;
+}
+
+/*------------------------
+    Checkbox and Radio
+-------------------------*/
+.input-helper:before,
+.input-helper:after,
+.checkbox label:before,
+.radio label:before,
+.radio-inline:before,
+.checkbox-inline:before {
+    @include transition(all);
+    @include transition-duration(250ms);
+}
+
+.checkbox, .radio {
+    padding-top: 0 !important;
+
+    label {
+        display: block;
+        padding-left: 30px;
+    }
+
+    input {
+        top: 0;
+        left: 0;
+        margin-left: 0 !important;
+        z-index: 1;
+        cursor: pointer;
+        @include opacity(0);
+        margin-top: 0;
+
+        &:checked + .input-helper {
+            &:before {
+                border-color: $m-teal;
+            }
+        }
+    }
+
+    .input-helper {
+        &:before, &:after {
+            position: absolute;
+            content: "";
+        }
+
+        &:before {
+            left: 0;
+            border: 2px solid #7a7a7a;
+        }
+    }
+
+    &.disabled {
+        @include opacity(0.6);
+    }
+}
+
+.checkbox {
+    input {
+        width: 17px;
+        height: 17px;
+
+        &:checked + .input-helper {
+            &:before {
+                background-color: $m-teal;
+            }
+
+            &:after {
+                @include opacity(1);
+                @include scale(1);
+            }
+        }
+    }
+
+    .input-helper {
+        &:before {
+            top: 0;
+            width: 17px;
+            height: 17px;
+            border-radius: 2px;
+        }
+
+        &:after {
+            @include opacity(0);
+            @include scale(0);
+            content: '\f26b';
+            font-family: $font-icon-md;
+            position: absolute;
+            font-size: 12px;
+            left: 2px;
+            top: 0;
+            color: #fff;
+            font-weight: bold;
+        }
+    }
+}
+
+.radio {
+    input {
+        width: 19px;
+        height: 19px;
+
+        &:checked + .input-helper {
+            &:after {
+                @include scale(1);
+            }
+        }
+    }
+
+    .input-helper {
+        &:before {
+            top: -1px;
+            width: 19px;
+            height: 19px;
+            border-radius: 50%;
+        }
+
+        &:after {
+            width: 9px;
+            height: 9px;
+            background: $m-teal;
+            border-radius: 50%;
+            top: 4px;
+            left: 5px;
+            @include scale(0);
+        }
+    }
+}
+
+.checkbox-inline,
+.radio-inline {
+    vertical-align: top;
+    margin-top: 0;
+    padding-left: 25px;
+}
+
+/*-------------------------
+    Select
+--------------------------*/
+html:not(.ie9) {
+    .select {
+        position: relative;
+
+        @include select-bg();
+
+        &:not(.fg-line):before {
+            right: 0;
+        }
+
+        &.fg-line:before {
+            right: 10px;
+        }
+    }
+}
+
+/*-------------------------
+    Input Feilds
+--------------------------*/
+.fg-line {
+    position: relative;
+    vertical-align: top;
+    
+    &:not(.form-group) {
+        display: inline-block;
+        width: 100%;
+    }
+    
+    .form-control {        
+        &:disabled {
+            color: #9d9d9d; 
+            background: transparent;
+        }
+    }
+
+    &:not(.disabled):after,
+    &:not(.readonly):after {
+        position: absolute;
+        z-index: 3;
+        bottom: 0;
+        left: 0;
+        height: 2px;
+        width: 100%;
+        content: "";
+        @include scale(0);
+        @include transition(all);
+        @include transition-duration(300ms);
+    }
+    
+    &:not([class*=has-]):after { 
+        background: $m-blue;
+    }
+    
+    &.readonly .form-control {
+        color: #9d9d9d;
+        background: transparent;
+    }
+    
+    &.fg-toggled {
+        &:after {
+            @include scale(1);
+        }
+    }
+}
+
+.fg-float  {
+    margin-top: 2px;
+    position: relative;
+  
+    .form-control {
+        @include placeholder(#fff);
+        position: relative;
+        background: transparent;
+        z-index: 1;
+    }
+  
+    .fg-label {
+        @include transition(all);
+        @include transition-duration(200ms);
+        position: absolute;
+        top: 5px;
+        font-weight: 400;
+        color: #959595;
+        pointer-events: none;
+        z-index: 0;
+        left: 0;
+        white-space: nowrap;
+    }
+    
+    .fg-toggled .fg-label {
+        top: -20px;
+        font-size: 11px;
+    }
+}
+
+.control-label {
+    font-weight: normal;
+}
+
+/*-------------------------
+    Validation
+--------------------------*/
+@mixin checkbox-fgline-validation($color)
+{
+    .checkbox .input-helper {
+        &:before {
+            border-color: lighten($color, 20%);
+        }
+        
+        &:after {
+            border-bottom-color: lighten($color, 10%);;
+            border-left-color: lighten($color, 10%);
+        }
+    }
+    
+    .fg-line:after {
+        background: $color;
+    }
+    
+}
+.has-error {
+    @include checkbox-fgline-validation($m-red);
+}
+
+.has-success {
+    @include checkbox-fgline-validation($m-green);
+}
+
+.has-warning {
+    @include checkbox-fgline-validation($m-orange);
+}
+
+/*-----------------------------------
+    Fix Textarea Scrollbar in IE9
+------------------------------------*/
+.ie9 {
+    textarea {
+        overflow: auto !important;
+    }
+}