Init(Core): Change repo
This commit is contained in:
1204
public/assets/scss/_variables-dark.scss
Normal file
1204
public/assets/scss/_variables-dark.scss
Normal file
File diff suppressed because it is too large
Load Diff
1204
public/assets/scss/_variables.scss
Normal file
1204
public/assets/scss/_variables.scss
Normal file
File diff suppressed because it is too large
Load Diff
75
public/assets/scss/app-dark.scss
Normal file
75
public/assets/scss/app-dark.scss
Normal file
@@ -0,0 +1,75 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Version: 1.0.0
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Main dark Css File
|
||||
*/
|
||||
|
||||
//Fonts
|
||||
@import "custom/fonts/fonts";
|
||||
|
||||
//Core files
|
||||
@import "bootstrap/functions";
|
||||
@import "bootstrap/variables";
|
||||
@import "variables-dark";
|
||||
@import "bootstrap/mixins";
|
||||
|
||||
// Structure
|
||||
@import "custom/structure/general";
|
||||
@import "custom/structure/topbar";
|
||||
@import "custom/structure/page-head";
|
||||
@import "custom/structure/footer";
|
||||
@import "custom/structure/right-sidebar";
|
||||
@import "custom/structure/vertical";
|
||||
@import "custom/structure/horizontal-nav";
|
||||
@import "custom/structure/layouts";
|
||||
|
||||
// Components
|
||||
@import "custom/components/waves";
|
||||
@import "custom/components/alert";
|
||||
@import "custom/components/avatar";
|
||||
@import "custom/components/helper";
|
||||
@import "custom/components/preloader";
|
||||
@import "custom/components/widgets";
|
||||
@import "custom/components/demos";
|
||||
@import "custom/components/print";
|
||||
@import "custom/components/dropdown";
|
||||
@import "custom/components/modal";
|
||||
@import "custom/components/forms";
|
||||
@import "custom/components/popover";
|
||||
@import "custom/components/tooltip";
|
||||
@import "custom/components/pagination";
|
||||
|
||||
// Plugins
|
||||
@import "custom/plugins/custom-scrollbar";
|
||||
@import "custom/plugins/calendar";
|
||||
@import "custom/plugins/dragula";
|
||||
@import "custom/plugins/session-timeout";
|
||||
@import "custom/plugins/range-slider";
|
||||
@import "custom/plugins/sweatalert2";
|
||||
@import "custom/plugins/rating";
|
||||
@import "custom/plugins/parsley";
|
||||
@import "custom/plugins/select2";
|
||||
@import "custom/plugins/switch";
|
||||
@import "custom/plugins/datepicker";
|
||||
@import "custom/plugins/colorpicker";
|
||||
@import "custom/plugins/form-editors";
|
||||
@import "custom/plugins/form-upload";
|
||||
@import "custom/plugins/form-wizard";
|
||||
@import "custom/plugins/responsive-table";
|
||||
@import "custom/plugins/table-editable";
|
||||
@import "custom/plugins/apexcharts";
|
||||
@import "custom/plugins/flot";
|
||||
@import "custom/plugins/knob";
|
||||
@import "custom/plugins/sparkline-chart";
|
||||
@import "custom/plugins/google-map";
|
||||
@import "custom/plugins/vector-maps";
|
||||
|
||||
// Pages
|
||||
@import "custom/pages/authentication";
|
||||
@import "custom/pages/email";
|
||||
@import "custom/pages/coming-soon";
|
||||
@import "custom/pages/timeline";
|
||||
@import "custom/pages/extras-pages";
|
||||
75
public/assets/scss/app.scss
Normal file
75
public/assets/scss/app.scss
Normal file
@@ -0,0 +1,75 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Version: 1.0.0
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Main Css File
|
||||
*/
|
||||
|
||||
//Fonts
|
||||
@import "custom/fonts/fonts";
|
||||
|
||||
//Core files
|
||||
@import "bootstrap/functions";
|
||||
@import "bootstrap/variables";
|
||||
@import "variables";
|
||||
@import "bootstrap/mixins";
|
||||
|
||||
// Structure
|
||||
@import "custom/structure/general";
|
||||
@import "custom/structure/topbar";
|
||||
@import "custom/structure/page-head";
|
||||
@import "custom/structure/footer";
|
||||
@import "custom/structure/right-sidebar";
|
||||
@import "custom/structure/vertical";
|
||||
@import "custom/structure/horizontal-nav";
|
||||
@import "custom/structure/layouts";
|
||||
|
||||
// Components
|
||||
@import "custom/components/waves";
|
||||
@import "custom/components/alert";
|
||||
@import "custom/components/avatar";
|
||||
@import "custom/components/helper";
|
||||
@import "custom/components/preloader";
|
||||
@import "custom/components/widgets";
|
||||
@import "custom/components/demos";
|
||||
@import "custom/components/print";
|
||||
@import "custom/components/dropdown";
|
||||
@import "custom/components/modal";
|
||||
@import "custom/components/forms";
|
||||
@import "custom/components/popover";
|
||||
@import "custom/components/tooltip";
|
||||
@import "custom/components/pagination";
|
||||
|
||||
// Plugins
|
||||
@import "custom/plugins/custom-scrollbar";
|
||||
@import "custom/plugins/calendar";
|
||||
@import "custom/plugins/dragula";
|
||||
@import "custom/plugins/session-timeout";
|
||||
@import "custom/plugins/range-slider";
|
||||
@import "custom/plugins/sweatalert2";
|
||||
@import "custom/plugins/rating";
|
||||
@import "custom/plugins/parsley";
|
||||
@import "custom/plugins/select2";
|
||||
@import "custom/plugins/switch";
|
||||
@import "custom/plugins/datepicker";
|
||||
@import "custom/plugins/colorpicker";
|
||||
@import "custom/plugins/form-editors";
|
||||
@import "custom/plugins/form-upload";
|
||||
@import "custom/plugins/form-wizard";
|
||||
@import "custom/plugins/responsive-table";
|
||||
@import "custom/plugins/table-editable";
|
||||
@import "custom/plugins/apexcharts";
|
||||
@import "custom/plugins/flot";
|
||||
@import "custom/plugins/knob";
|
||||
@import "custom/plugins/sparkline-chart";
|
||||
@import "custom/plugins/google-map";
|
||||
@import "custom/plugins/vector-maps";
|
||||
|
||||
// Pages
|
||||
@import "custom/pages/authentication";
|
||||
@import "custom/pages/email";
|
||||
@import "custom/pages/coming-soon";
|
||||
@import "custom/pages/timeline";
|
||||
@import "custom/pages/extras-pages";
|
||||
134
public/assets/scss/bootstrap/_functions.scss
Normal file
134
public/assets/scss/bootstrap/_functions.scss
Normal file
@@ -0,0 +1,134 @@
|
||||
// Bootstrap functions
|
||||
//
|
||||
// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
|
||||
|
||||
// Ascending
|
||||
// Used to evaluate Sass maps like our grid breakpoints.
|
||||
@mixin _assert-ascending($map, $map-name) {
|
||||
$prev-key: null;
|
||||
$prev-num: null;
|
||||
@each $key, $num in $map {
|
||||
@if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
|
||||
// Do nothing
|
||||
} @else if not comparable($prev-num, $num) {
|
||||
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
||||
} @else if $prev-num >= $num {
|
||||
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
||||
}
|
||||
$prev-key: $key;
|
||||
$prev-num: $num;
|
||||
}
|
||||
}
|
||||
|
||||
// Starts at zero
|
||||
// Used to ensure the min-width of the lowest breakpoint starts at 0.
|
||||
@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
|
||||
$values: map-values($map);
|
||||
$first-value: nth($values, 1);
|
||||
@if $first-value != 0 {
|
||||
@warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
|
||||
}
|
||||
}
|
||||
|
||||
// Replace `$search` with `$replace` in `$string`
|
||||
// Used on our SVG icon backgrounds for custom forms.
|
||||
//
|
||||
// @author Hugo Giraudel
|
||||
// @param {String} $string - Initial string
|
||||
// @param {String} $search - Substring to replace
|
||||
// @param {String} $replace ('') - New value
|
||||
// @return {String} - Updated string
|
||||
@function str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
// See https://codepen.io/kevinweber/pen/dXWoRw
|
||||
@function escape-svg($string) {
|
||||
@if str-index($string, "data:image/svg+xml") {
|
||||
@each $char, $encoded in $escaped-characters {
|
||||
$string: str-replace($string, $char, $encoded);
|
||||
}
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
// Color contrast
|
||||
@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
|
||||
$r: red($color);
|
||||
$g: green($color);
|
||||
$b: blue($color);
|
||||
|
||||
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
||||
|
||||
@if ($yiq >= $yiq-contrasted-threshold) {
|
||||
@return $dark;
|
||||
} @else {
|
||||
@return $light;
|
||||
}
|
||||
}
|
||||
|
||||
// Retrieve color Sass maps
|
||||
@function color($key: "blue") {
|
||||
@return map-get($colors, $key);
|
||||
}
|
||||
|
||||
@function theme-color($key: "primary") {
|
||||
@return map-get($theme-colors, $key);
|
||||
}
|
||||
|
||||
@function gray($key: "100") {
|
||||
@return map-get($grays, $key);
|
||||
}
|
||||
|
||||
// Request a theme color level
|
||||
@function theme-color-level($color-name: "primary", $level: 0) {
|
||||
$color: theme-color($color-name);
|
||||
$color-base: if($level > 0, $black, $white);
|
||||
$level: abs($level);
|
||||
|
||||
@return mix($color-base, $color, $level * $theme-color-interval);
|
||||
}
|
||||
|
||||
// Return valid calc
|
||||
@function add($value1, $value2, $return-calc: true) {
|
||||
@if $value1 == null {
|
||||
@return $value2;
|
||||
}
|
||||
|
||||
@if $value2 == null {
|
||||
@return $value1;
|
||||
}
|
||||
|
||||
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
|
||||
@return $value1 + $value2;
|
||||
}
|
||||
|
||||
@return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(" + ") + $value2);
|
||||
}
|
||||
|
||||
@function subtract($value1, $value2, $return-calc: true) {
|
||||
@if $value1 == null and $value2 == null {
|
||||
@return null;
|
||||
}
|
||||
|
||||
@if $value1 == null {
|
||||
@return -$value2;
|
||||
}
|
||||
|
||||
@if $value2 == null {
|
||||
@return $value1;
|
||||
}
|
||||
|
||||
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
|
||||
@return $value1 - $value2;
|
||||
}
|
||||
|
||||
@return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
|
||||
}
|
||||
6
public/assets/scss/bootstrap/_mixins.scss
Normal file
6
public/assets/scss/bootstrap/_mixins.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
// Toggles
|
||||
//
|
||||
// Used in conjunction with global variables to enable certain theme features.
|
||||
|
||||
// Utilities
|
||||
@import "mixins/breakpoints";
|
||||
1143
public/assets/scss/bootstrap/_variables.scss
Normal file
1143
public/assets/scss/bootstrap/_variables.scss
Normal file
File diff suppressed because it is too large
Load Diff
123
public/assets/scss/bootstrap/mixins/_breakpoints.scss
Normal file
123
public/assets/scss/bootstrap/mixins/_breakpoints.scss
Normal file
@@ -0,0 +1,123 @@
|
||||
// Breakpoint viewport sizes and media queries.
|
||||
//
|
||||
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
||||
//
|
||||
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
|
||||
//
|
||||
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
||||
|
||||
// Name of the next breakpoint, or null for the last breakpoint.
|
||||
//
|
||||
// >> breakpoint-next(sm)
|
||||
// md
|
||||
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// md
|
||||
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
||||
// md
|
||||
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
|
||||
$n: index($breakpoint-names, $name);
|
||||
@return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
|
||||
}
|
||||
|
||||
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
||||
//
|
||||
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// 576px
|
||||
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
||||
$min: map-get($breakpoints, $name);
|
||||
@return if($min != 0, $min, null);
|
||||
}
|
||||
|
||||
// Maximum breakpoint width. Null for the largest (last) breakpoint.
|
||||
// The maximum value is calculated as the minimum of the next one less 0.02px
|
||||
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
|
||||
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
|
||||
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
|
||||
// See https://bugs.webkit.org/show_bug.cgi?id=178261
|
||||
//
|
||||
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// 767.98px
|
||||
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
||||
$next: breakpoint-next($name, $breakpoints);
|
||||
@return if($next, breakpoint-min($next, $breakpoints) - .02, null);
|
||||
}
|
||||
|
||||
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
|
||||
// Useful for making responsive utilities.
|
||||
//
|
||||
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// "" (Returns a blank string)
|
||||
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// "-sm"
|
||||
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
|
||||
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
|
||||
}
|
||||
|
||||
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
||||
// Makes the @content apply to the given breakpoint and wider.
|
||||
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
||||
$min: breakpoint-min($name, $breakpoints);
|
||||
@if $min {
|
||||
@media (min-width: $min) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
||||
// Makes the @content apply to the given breakpoint and narrower.
|
||||
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
||||
$max: breakpoint-max($name, $breakpoints);
|
||||
@if $max {
|
||||
@media (max-width: $max) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// Media that spans multiple breakpoint widths.
|
||||
// Makes the @content apply between the min and max breakpoints
|
||||
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
|
||||
$min: breakpoint-min($lower, $breakpoints);
|
||||
$max: breakpoint-max($upper, $breakpoints);
|
||||
|
||||
@if $min != null and $max != null {
|
||||
@media (min-width: $min) and (max-width: $max) {
|
||||
@content;
|
||||
}
|
||||
} @else if $max == null {
|
||||
@include media-breakpoint-up($lower, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
} @else if $min == null {
|
||||
@include media-breakpoint-down($upper, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Media between the breakpoint's minimum and maximum widths.
|
||||
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
||||
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
||||
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
||||
$min: breakpoint-min($name, $breakpoints);
|
||||
$max: breakpoint-max($name, $breakpoints);
|
||||
|
||||
@if $min != null and $max != null {
|
||||
@media (min-width: $min) and (max-width: $max) {
|
||||
@content;
|
||||
}
|
||||
} @else if $max == null {
|
||||
@include media-breakpoint-up($name, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
} @else if $min == null {
|
||||
@include media-breakpoint-down($name, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
12
public/assets/scss/custom/components/_alert.scss
Normal file
12
public/assets/scss/custom/components/_alert.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
//
|
||||
// alert.scss
|
||||
//
|
||||
|
||||
.alert {
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.alert-dismissible .close {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
39
public/assets/scss/custom/components/_avatar.scss
Normal file
39
public/assets/scss/custom/components/_avatar.scss
Normal file
@@ -0,0 +1,39 @@
|
||||
//
|
||||
// avatar.scss
|
||||
//
|
||||
|
||||
.avatar-xs {
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.avatar-sm {
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
}
|
||||
|
||||
.avatar-md {
|
||||
height: 4.5rem;
|
||||
width: 4.5rem;
|
||||
}
|
||||
|
||||
.avatar-lg {
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.avatar-xl {
|
||||
height: 7.5rem;
|
||||
width: 7.5rem;
|
||||
}
|
||||
|
||||
.avatar-title {
|
||||
align-items: center;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
display: flex;
|
||||
font-weight: $font-weight-medium;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
11
public/assets/scss/custom/components/_backgrounds.scss
Normal file
11
public/assets/scss/custom/components/_backgrounds.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// backgrounds.scss
|
||||
//
|
||||
|
||||
|
||||
@each $color,
|
||||
$value in $theme-colors {
|
||||
.bg-soft-#{$color} {
|
||||
background-color: rgba(($value), 0.25) !important;
|
||||
}
|
||||
}
|
||||
23
public/assets/scss/custom/components/_badge.scss
Normal file
23
public/assets/scss/custom/components/_badge.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
//
|
||||
// _badge.scss
|
||||
//
|
||||
|
||||
// Soft badge
|
||||
@mixin badge-variant-soft($bg) {
|
||||
color: $bg;
|
||||
background-color: rgba($bg, 0.18);
|
||||
|
||||
&[href] {
|
||||
@include hover-focus {
|
||||
color: $bg;
|
||||
text-decoration: none;
|
||||
background-color: rgba($bg, 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.badge-soft-#{$color} {
|
||||
@include badge-variant-soft($value);
|
||||
}
|
||||
}
|
||||
18
public/assets/scss/custom/components/_breadcrumb.scss
Normal file
18
public/assets/scss/custom/components/_breadcrumb.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
|
||||
//
|
||||
// breadcrumb.scss
|
||||
//
|
||||
|
||||
|
||||
// Breadcrumb item arrow
|
||||
.breadcrumb-item {
|
||||
> a {
|
||||
color: $gray-700;
|
||||
}
|
||||
+.breadcrumb-item {
|
||||
&::before {
|
||||
font-family: "Material Design Icons";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
17
public/assets/scss/custom/components/_buttons.scss
Normal file
17
public/assets/scss/custom/components/_buttons.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
//
|
||||
// _buttons.scss
|
||||
//
|
||||
|
||||
button,a {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
|
||||
// Rounded Buttons
|
||||
.btn-rounded {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.btn-dark, .btn-secondary{
|
||||
color: $gray-200 !important;
|
||||
}
|
||||
25
public/assets/scss/custom/components/_card.scss
Normal file
25
public/assets/scss/custom/components/_card.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
//
|
||||
// _card.scss
|
||||
//
|
||||
|
||||
.card {
|
||||
margin-bottom: $grid-gutter-width;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
.card-drop {
|
||||
color: $body-color;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-size: 15px;
|
||||
margin: 0 0 7px 0;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
|
||||
.card-title-desc {
|
||||
color: $card-title-desc;
|
||||
margin-bottom: 24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
71
public/assets/scss/custom/components/_demos.scss
Normal file
71
public/assets/scss/custom/components/_demos.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
//
|
||||
// _demos.scss
|
||||
//
|
||||
|
||||
// Demo Only
|
||||
.button-items {
|
||||
margin-right: -8px;
|
||||
margin-bottom: -12px;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 12px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
// Lightbox
|
||||
|
||||
.mfp-popup-form {
|
||||
max-width: 1140px;
|
||||
}
|
||||
|
||||
// Modals
|
||||
|
||||
.bs-example-modal {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// Icon demo ( Demo only )
|
||||
.icon-demo-content {
|
||||
text-align: center;
|
||||
color: $gray-500;
|
||||
|
||||
i{
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
margin-bottom: 16px;
|
||||
color: $gray-500;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.col-lg-4 {
|
||||
margin-top: 24px;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: $primary;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Grid
|
||||
|
||||
.grid-structure {
|
||||
.grid-container {
|
||||
background-color: $gray-100;
|
||||
margin-top: 10px;
|
||||
font-size: .8rem;
|
||||
font-weight: $font-weight-medium;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
}
|
||||
48
public/assets/scss/custom/components/_dropdown.scss
Normal file
48
public/assets/scss/custom/components/_dropdown.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
//
|
||||
// _dropdown.scss
|
||||
//
|
||||
|
||||
.dropdown-menu.show {
|
||||
left: auto !important;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu-right.show {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
|
||||
.dropdown-megamenu.show {
|
||||
right: 20px!important;
|
||||
left: 20px!important;
|
||||
}
|
||||
|
||||
.dropdown-menu[x-placement^=right].show,
|
||||
.dropdown-menu[x-placement^=left].show {
|
||||
left: 0!important;
|
||||
right: auto!important;
|
||||
}
|
||||
|
||||
.dropdown-menu[x-placement^=right].show {
|
||||
margin-right: 0;
|
||||
margin-left: .125rem;
|
||||
}
|
||||
|
||||
.dropdown-menu[x-placement^=left].show {
|
||||
margin-left: 0;
|
||||
margin-right: .125rem;
|
||||
}
|
||||
|
||||
.dropdown-menu[x-placement^=top].show {
|
||||
bottom: 100% !important;
|
||||
top: auto !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.dropdown-item .badge {
|
||||
margin-top: 3px;
|
||||
}
|
||||
20
public/assets/scss/custom/components/_forms.scss
Normal file
20
public/assets/scss/custom/components/_forms.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
//
|
||||
// _forms.scss
|
||||
//
|
||||
|
||||
textarea.form-control {
|
||||
line-height: 1.85;
|
||||
}
|
||||
|
||||
.input-group-text i:before {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
select.form-control {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.custom-file-label::after {
|
||||
content: $custom-file-text;
|
||||
}
|
||||
102
public/assets/scss/custom/components/_helper.scss
Normal file
102
public/assets/scss/custom/components/_helper.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
//
|
||||
// _helper.scss
|
||||
//
|
||||
|
||||
.font-size-11 {
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.font-size-12 {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.font-size-13 {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.font-size-14 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.font-size-15 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.font-size-16 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.font-size-17 {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
.font-size-18 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.font-size-20 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.font-size-22 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
.font-size-24 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
// Font weight help class
|
||||
|
||||
.font-weight-medium {
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
|
||||
.font-weight-semibold {
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
// Social
|
||||
|
||||
.social-list-item {
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
line-height: calc(2rem - 2px);
|
||||
display: block;
|
||||
border: 1px solid $gray-500;
|
||||
border-radius: 50%;
|
||||
color: $gray-500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.w-xs {
|
||||
min-width: 80px;
|
||||
}
|
||||
.w-sm {
|
||||
min-width: 95px;
|
||||
}
|
||||
.w-md {
|
||||
min-width: 110px;
|
||||
}
|
||||
.w-lg {
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.w-xl {
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
|
||||
.ltr-text {
|
||||
display: inline-block;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.primary-font {
|
||||
font-family: "primary-font", "segoe ui", "tahoma" !important;
|
||||
}
|
||||
|
||||
.secondary-font {
|
||||
font-family: "secondary-font", "primary-font", "segoe ui", "tahoma" !important;
|
||||
}
|
||||
12
public/assets/scss/custom/components/_modal.scss
Normal file
12
public/assets/scss/custom/components/_modal.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
//
|
||||
// _modal.scss
|
||||
//
|
||||
|
||||
.modal-header .close {
|
||||
padding-top: 1.15rem;
|
||||
padding-bottom: 1.15rem;
|
||||
}
|
||||
|
||||
.modal-header .close span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
52
public/assets/scss/custom/components/_nav.scss
Normal file
52
public/assets/scss/custom/components/_nav.scss
Normal file
@@ -0,0 +1,52 @@
|
||||
//
|
||||
// _nav.scss
|
||||
//
|
||||
|
||||
.nav-tabs,.nav-pills {
|
||||
> li {
|
||||
> a {
|
||||
color: $gray-700;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-pills {
|
||||
> a {
|
||||
color: $gray-700;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-tabs-custom {
|
||||
border-bottom: 2px solid $gray-300;
|
||||
|
||||
.nav-item {
|
||||
position: relative;
|
||||
color: $dark;
|
||||
.nav-link {
|
||||
border: none;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
background: $primary;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
transition: all 250ms ease 0s;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
&.active{
|
||||
color: $primary;
|
||||
&:after{
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
7
public/assets/scss/custom/components/_pagination.scss
Normal file
7
public/assets/scss/custom/components/_pagination.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
//
|
||||
// _pagination.scss
|
||||
//
|
||||
|
||||
.page-link i {
|
||||
line-height: 1;
|
||||
}
|
||||
11
public/assets/scss/custom/components/_popover.scss
Normal file
11
public/assets/scss/custom/components/_popover.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// _popover.scss
|
||||
//
|
||||
|
||||
.popover {
|
||||
font-family: inherit;
|
||||
|
||||
.popover-body {
|
||||
line-height: 2;
|
||||
}
|
||||
}
|
||||
106
public/assets/scss/custom/components/_preloader.scss
Normal file
106
public/assets/scss/custom/components/_preloader.scss
Normal file
@@ -0,0 +1,106 @@
|
||||
//
|
||||
// preloader.scss
|
||||
//
|
||||
|
||||
#preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: $card-bg;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#status {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
margin: -20px -20px 0 0;
|
||||
}
|
||||
|
||||
.spinner-chase {
|
||||
margin: 0 auto;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
animation: spinner-chase 2.5s infinite linear both;
|
||||
}
|
||||
|
||||
.chase-dot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
animation: chase-dot 2.0s infinite ease-in-out both;
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
background-color: $primary;
|
||||
border-radius: 100%;
|
||||
animation: chase-dot-before 2.0s infinite ease-in-out both;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
animation-delay: -1.1s;
|
||||
&:before{
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
}
|
||||
&:nth-child(2) {
|
||||
animation-delay: -1.0s;
|
||||
&:before{
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
}
|
||||
&:nth-child(3) {
|
||||
animation-delay: -0.9s;
|
||||
&:before{
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
}
|
||||
&:nth-child(4) {
|
||||
animation-delay: -0.8s;
|
||||
&:before{
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
}
|
||||
&:nth-child(5) {
|
||||
animation-delay: -0.7s;
|
||||
&:before{
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
}
|
||||
&:nth-child(6) {
|
||||
animation-delay: -0.6s;
|
||||
&:before{
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-chase {
|
||||
100% {
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes chase-dot {
|
||||
80%, 100% {
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes chase-dot-before {
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
}
|
||||
100%, 0% {
|
||||
transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
26
public/assets/scss/custom/components/_print.scss
Normal file
26
public/assets/scss/custom/components/_print.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
//
|
||||
// print.scss
|
||||
//
|
||||
|
||||
// Used invoice page
|
||||
@media print {
|
||||
.vertical-menu,
|
||||
.right-bar,
|
||||
.page-title-box,
|
||||
.navbar-header,
|
||||
.footer {
|
||||
display: none !important;
|
||||
}
|
||||
.card-body,
|
||||
.main-content,
|
||||
.right-bar,
|
||||
.page-content,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card{
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
35
public/assets/scss/custom/components/_progress.scss
Normal file
35
public/assets/scss/custom/components/_progress.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
//
|
||||
// _progress.scss
|
||||
//
|
||||
|
||||
// Progress height small
|
||||
.progress-sm {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
|
||||
// Progress height medium
|
||||
.progress-md {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
|
||||
// Progress height large
|
||||
.progress-lg {
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.animated-progess{
|
||||
position: relative;
|
||||
.progress-bar {
|
||||
position: relative;
|
||||
border-radius: 6px;
|
||||
animation: animate-positive 2s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animate-positive {
|
||||
0% {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
34
public/assets/scss/custom/components/_reboot.scss
Normal file
34
public/assets/scss/custom/components/_reboot.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
/* =============
|
||||
General
|
||||
============= */
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
// blockquote
|
||||
|
||||
.blockquote {
|
||||
padding: 10px 20px;
|
||||
border-right: 4px solid $gray-300;
|
||||
}
|
||||
|
||||
.blockquote-reverse {
|
||||
border-right: 0;
|
||||
border-left: 4px solid $gray-300;
|
||||
text-align: left;
|
||||
}
|
||||
22
public/assets/scss/custom/components/_table.scss
Normal file
22
public/assets/scss/custom/components/_table.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// _table.scss
|
||||
//
|
||||
|
||||
.table {
|
||||
th {
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
|
||||
//Table centered
|
||||
.table-centered {
|
||||
td,th {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-nowrap {
|
||||
th, td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
7
public/assets/scss/custom/components/_tooltip.scss
Normal file
7
public/assets/scss/custom/components/_tooltip.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
//
|
||||
// _tooltip.scss
|
||||
//
|
||||
|
||||
.tooltip {
|
||||
font-family: inherit;
|
||||
}
|
||||
168
public/assets/scss/custom/components/_waves.scss
Normal file
168
public/assets/scss/custom/components/_waves.scss
Normal file
@@ -0,0 +1,168 @@
|
||||
|
||||
/*!
|
||||
* Waves v0.7.6
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE */
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.waves-effect .waves-ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
opacity: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
-webkit-transition: all 0.5s ease-out;
|
||||
-moz-transition: all 0.5s ease-out;
|
||||
-o-transition: all 0.5s ease-out;
|
||||
transition: all 0.5s ease-out;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-o-transition-property: -o-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transform: scale(0) translate(0, 0);
|
||||
-moz-transform: scale(0) translate(0, 0);
|
||||
-ms-transform: scale(0) translate(0, 0);
|
||||
-o-transform: scale(0) translate(0, 0);
|
||||
transform: scale(0) translate(0, 0);
|
||||
pointer-events: none;
|
||||
}
|
||||
.waves-effect.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
}
|
||||
.waves-effect.waves-classic .waves-ripple {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.waves-effect.waves-classic.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.waves-notransition {
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.waves-button,
|
||||
.waves-circle {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
}
|
||||
.waves-button,
|
||||
.waves-button:hover,
|
||||
.waves-button:visited,
|
||||
.waves-button-input {
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
z-index: 1;
|
||||
}
|
||||
.waves-button {
|
||||
padding: 0.85em 1.1em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
.waves-button-input {
|
||||
margin: 0;
|
||||
padding: 0.85em 1.1em;
|
||||
}
|
||||
.waves-input-wrapper {
|
||||
border-radius: 0.2em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.waves-input-wrapper.waves-button {
|
||||
padding: 0;
|
||||
}
|
||||
.waves-input-wrapper .waves-button-input {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.waves-circle {
|
||||
text-align: center;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
line-height: 2.5em;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.waves-float {
|
||||
-webkit-mask-image: none;
|
||||
-webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
-webkit-transition: all 300ms;
|
||||
-moz-transition: all 300ms;
|
||||
-o-transition: all 300ms;
|
||||
transition: all 300ms;
|
||||
}
|
||||
.waves-float:active {
|
||||
-webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.waves-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.waves-effect.waves-light {
|
||||
.waves-ripple {
|
||||
background-color: rgba($white, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-effect.waves-primary {
|
||||
.waves-ripple {
|
||||
background-color: rgba($primary, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-success {
|
||||
.waves-ripple {
|
||||
background-color: rgba($success, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-info {
|
||||
.waves-ripple {
|
||||
background-color: rgba($info, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-warning {
|
||||
.waves-ripple {
|
||||
background-color: rgba($warning, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-danger {
|
||||
.waves-ripple {
|
||||
background-color: rgba($danger, 0.4);
|
||||
}
|
||||
}
|
||||
129
public/assets/scss/custom/components/_widgets.scss
Normal file
129
public/assets/scss/custom/components/_widgets.scss
Normal file
@@ -0,0 +1,129 @@
|
||||
//
|
||||
// Widgets.scss
|
||||
//
|
||||
|
||||
.mini-stats-wid{
|
||||
.mini-stat-icon{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
&:before, &:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 54px;
|
||||
background-color: rgba($white,.1);
|
||||
right: 16px;
|
||||
transform: rotate(-32deg);
|
||||
top: -5px;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
&::after{
|
||||
right: -12px;
|
||||
width: 12px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
.mini-stat-icon{
|
||||
&::after{
|
||||
right: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// activity widget
|
||||
|
||||
.activity-wid{
|
||||
border-right: 3px dashed $gray-300;
|
||||
margin-right: 16px;
|
||||
|
||||
.activity-list{
|
||||
position: relative;
|
||||
padding: 0 30px 25px 0;
|
||||
.activity-icon{
|
||||
position: absolute;
|
||||
right: -16px;
|
||||
top: -3px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// social source
|
||||
|
||||
.social-source{
|
||||
.social-source-list{
|
||||
padding: 13px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// Inbox widget
|
||||
|
||||
.inbox-wid{
|
||||
.inbox-list-item{
|
||||
a{
|
||||
color: $body-color;
|
||||
display: block;
|
||||
padding: 9px 0px;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
a{
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
a{
|
||||
border-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.review-carousel{
|
||||
.carousel-control-icon{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
color: $primary;
|
||||
background-color: rgba($primary, 0.25);
|
||||
font-size: 20px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.carousel-control-next, .carousel-control-prev{
|
||||
bottom: auto;
|
||||
top: -47px;
|
||||
}
|
||||
|
||||
.carousel-control-prev{
|
||||
right: auto;
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// profile
|
||||
|
||||
.profile-widgets {
|
||||
.online-circle {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100px;
|
||||
right: 75px;
|
||||
}
|
||||
}
|
||||
6
public/assets/scss/custom/fonts/_fonts.scss
Normal file
6
public/assets/scss/custom/fonts/_fonts.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
//
|
||||
// SF UI Text
|
||||
//
|
||||
|
||||
@import url("farsi-fonts-styles/primary-iran-yekan.css");
|
||||
@import url("farsi-fonts-styles/secondary-iran-yekan.css");
|
||||
63
public/assets/scss/custom/pages/_authentication.scss
Normal file
63
public/assets/scss/custom/pages/_authentication.scss
Normal file
@@ -0,0 +1,63 @@
|
||||
|
||||
|
||||
//
|
||||
// authentication.scss
|
||||
//
|
||||
|
||||
|
||||
// authentication home icon
|
||||
.home-btn {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bg-login{
|
||||
background-image: url(../images/login-img.png);
|
||||
padding: 60px 0px;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
position: relative;
|
||||
border-radius: 0px 0px 50% 50%;
|
||||
}
|
||||
|
||||
.bg-login-overlay{
|
||||
position: absolute;
|
||||
background: $bg-gradient;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0px 0px 50% 50%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
|
||||
.account-pages {
|
||||
.logo-admin {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0px auto;
|
||||
width: 74px;
|
||||
height: 74px;
|
||||
line-height: 74px;
|
||||
background: $card-bg;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
// error page
|
||||
|
||||
.error-page{
|
||||
text-transform: uppercase;
|
||||
font-size: 60px;
|
||||
line-height: .7;
|
||||
position: relative;
|
||||
}
|
||||
20
public/assets/scss/custom/pages/_coming-soon.scss
Normal file
20
public/assets/scss/custom/pages/_coming-soon.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
//
|
||||
// coming-soon.scss
|
||||
//
|
||||
|
||||
.counter-number {
|
||||
font-size: 32px;
|
||||
font-weight: $font-weight-semibold;
|
||||
text-align: center;
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: $font-weight-normal;
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.coming-box {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
209
public/assets/scss/custom/pages/_email.scss
Normal file
209
public/assets/scss/custom/pages/_email.scss
Normal file
@@ -0,0 +1,209 @@
|
||||
/* ==============
|
||||
Email
|
||||
===================*/
|
||||
.email-leftbar {
|
||||
width: 236px;
|
||||
float: right;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.email-rightbar {
|
||||
margin-right: 260px;
|
||||
}
|
||||
|
||||
.chat-user-box {
|
||||
p.user-title {
|
||||
color: $dark;
|
||||
font-weight: 500;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.email-leftbar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.email-rightbar {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.mail-list {
|
||||
a {
|
||||
display: block;
|
||||
color: $gray-600;
|
||||
line-height: 24px;
|
||||
padding: 8px 5px;
|
||||
&.active {
|
||||
color: $danger;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.message-list {
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
cursor: default;
|
||||
transition-duration: .3s;
|
||||
|
||||
a{
|
||||
color: $gray-600;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $gray-300;
|
||||
transition-duration: .05s;
|
||||
}
|
||||
|
||||
.col-mail {
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.col-mail-1 {
|
||||
width: 320px;
|
||||
|
||||
.star-toggle,
|
||||
.checkbox-wrapper-mail,
|
||||
.dot {
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dot {
|
||||
border: 4px solid transparent;
|
||||
border-radius: 100px;
|
||||
margin: 22px 26px 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-mail {
|
||||
margin: 15px 20px 0 10px;
|
||||
}
|
||||
|
||||
.star-toggle {
|
||||
margin-top: 18px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 110px;
|
||||
left: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.col-mail-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 320px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
.subject,
|
||||
.date {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.subject {
|
||||
right: 0;
|
||||
left: 200px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.date {
|
||||
left: 0;
|
||||
width: 170px;
|
||||
padding-right: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:hover {
|
||||
box-shadow: inset -3px 0 0 $primary;
|
||||
}
|
||||
|
||||
|
||||
&.unread {
|
||||
background-color: $gray-300;
|
||||
font-weight: 500;
|
||||
color: darken($dark,5%);
|
||||
a{
|
||||
color: darken($dark,5%);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.checkbox-wrapper-mail {
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-shadow: inset 0 0 0 1px $gray-400;
|
||||
border-radius: 1px;
|
||||
|
||||
input {
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
input:checked ~ label {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
margin-bottom: 0;
|
||||
transition-duration: .05s;
|
||||
top: 0;
|
||||
&:before {
|
||||
content: "\F12C";
|
||||
font-family: "Material Design Icons";
|
||||
top: 1px;
|
||||
height: 20px;
|
||||
color: darken($dark,5%);
|
||||
width: 20px;
|
||||
position: absolute;
|
||||
margin-top: -16px;
|
||||
right: 3.5px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.message-list li .col-mail-1 {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
24
public/assets/scss/custom/pages/_extras-pages.scss
Normal file
24
public/assets/scss/custom/pages/_extras-pages.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
//
|
||||
// Extras pages.scss
|
||||
//
|
||||
|
||||
|
||||
// pricing
|
||||
|
||||
|
||||
.plan-box{
|
||||
.plan-btn{
|
||||
position: relative;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: $gray-300;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
top: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
97
public/assets/scss/custom/pages/_timeline.scss
Normal file
97
public/assets/scss/custom/pages/_timeline.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
//
|
||||
// timeline.scss
|
||||
//
|
||||
|
||||
/************** Horizontal timeline **************/
|
||||
|
||||
.timeline-box {
|
||||
padding: 0px !important;
|
||||
position: relative;
|
||||
.item-lable {
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
z-index: 1;
|
||||
p{
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
.timeline-spacing {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 100px;
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
z-index: 1;
|
||||
}
|
||||
.timeline-line {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 3px;
|
||||
border-top: 3px solid $gray-200;
|
||||
}
|
||||
.vertical-line {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
.wrapper-line {
|
||||
width: 2px;
|
||||
height: 50px;
|
||||
background-color: $gray-200;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-count .row:first-child .timeline-box:first-child .timeline-line:before {
|
||||
content: '';
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 100px;
|
||||
background: $gray-200;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
.timeline-count .row:last-child .timeline-box:last-child .timeline-line,
|
||||
.timeline-count .row:first-child .timeline-box:first-child .timeline-line {
|
||||
border-top: 3px solid $gray-200 !important;
|
||||
}
|
||||
|
||||
.timeline-count .row:last-child .timeline-box:last-child:before {
|
||||
content: unset !important;
|
||||
}
|
||||
|
||||
.timeline-count .row:nth-child(odd) .timeline-box:last-child:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-left: 3px solid $gray-200;
|
||||
}
|
||||
|
||||
.timeline-count .row:nth-child(even) .timeline-box:last-child:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-right: 3px solid $gray-200;
|
||||
}
|
||||
|
||||
.timeline-count .row:nth-child(even) {
|
||||
direction: ltr;
|
||||
.timeline-box {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
80
public/assets/scss/custom/plugins/_apexcharts.scss
Normal file
80
public/assets/scss/custom/plugins/_apexcharts.scss
Normal file
@@ -0,0 +1,80 @@
|
||||
|
||||
//
|
||||
// apexcharts.scss
|
||||
//
|
||||
.apex-charts {
|
||||
min-height: 10px !important;
|
||||
text {
|
||||
font-family: $font-family-base !important;
|
||||
fill: $gray-500;
|
||||
}
|
||||
.apexcharts-canvas {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-title,
|
||||
.apexcharts-tooltip-text {
|
||||
font-family: $font-family-base !important;
|
||||
}
|
||||
|
||||
.apexcharts-legend-series {
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
|
||||
.apexcharts-gridline {
|
||||
pointer-events: none;
|
||||
stroke: $apex-grid-color;
|
||||
}
|
||||
|
||||
.apexcharts-legend-text {
|
||||
color: $gray-600 !important;
|
||||
font-family: $font-family-base !important;
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.apexcharts-pie-label {
|
||||
fill: $white !important;
|
||||
}
|
||||
|
||||
.apexcharts-yaxis,
|
||||
.apexcharts-xaxis {
|
||||
text {
|
||||
font-family: $font-family-base !important;
|
||||
fill: $gray-500;
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-canvas {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.apexcharts-legend,
|
||||
.apexcharts-tooltip {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.apexcharts-legend-series {
|
||||
line-height: 1.85 !important;
|
||||
}
|
||||
|
||||
.apexcharts-legend-marker {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 4px;
|
||||
margin-top: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-marker {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 10px;
|
||||
margin-top: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.apexcharts-menu-item {
|
||||
direction: rtl;
|
||||
font-size: 13px !important;
|
||||
padding-top: 5px !important;
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
80
public/assets/scss/custom/plugins/_calendar.scss
Normal file
80
public/assets/scss/custom/plugins/_calendar.scss
Normal file
@@ -0,0 +1,80 @@
|
||||
//
|
||||
// calendar.scss
|
||||
//
|
||||
|
||||
.fc-toolbar {
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.fc-center {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
.fc {
|
||||
th.fc-widget-header {
|
||||
background: $gray-200;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
padding: 10px 0;
|
||||
text-transform: uppercase;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-unthemed{
|
||||
.fc-content,
|
||||
.fc-divider,
|
||||
.fc-list-heading td,
|
||||
.fc-list-view,
|
||||
.fc-popover,
|
||||
.fc-row,
|
||||
tbody,
|
||||
td,
|
||||
th,
|
||||
thead{
|
||||
border-color: $gray-200;
|
||||
}
|
||||
td.fc-today {
|
||||
background: lighten($gray-200, 4%);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-button {
|
||||
background: $card-bg;
|
||||
border-color: $border-color;
|
||||
color: $gray-700;
|
||||
text-transform: capitalize;
|
||||
box-shadow: none;
|
||||
padding: 6px 12px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
.fc-state-disabled {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.fc-event {
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
cursor: move;
|
||||
font-size: 0.8125rem;
|
||||
margin: 5px 7px;
|
||||
padding: 5px 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-event, .fc-event-dot{
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.fc-event .fc-content{
|
||||
color: $white;
|
||||
direction: rtl;
|
||||
}
|
||||
7
public/assets/scss/custom/plugins/_colorpicker.scss
Normal file
7
public/assets/scss/custom/plugins/_colorpicker.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
//
|
||||
// Colorpicker
|
||||
//
|
||||
|
||||
.colorpicker {
|
||||
background-color: $datepicker-background;
|
||||
}
|
||||
209
public/assets/scss/custom/plugins/_custom-scrollbar.scss
Normal file
209
public/assets/scss/custom/plugins/_custom-scrollbar.scss
Normal file
@@ -0,0 +1,209 @@
|
||||
[data-simplebar] {
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.simplebar-wrapper {
|
||||
overflow: hidden;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
max-width: inherit;
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
.simplebar-mask {
|
||||
direction: inherit;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.simplebar-offset {
|
||||
direction: inherit !important;
|
||||
box-sizing: inherit !important;
|
||||
resize: none !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0 !important;
|
||||
bottom: 0;
|
||||
left: 0 !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.simplebar-content-wrapper {
|
||||
direction: inherit;
|
||||
box-sizing: border-box !important;
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
|
||||
width: auto;
|
||||
visibility: visible;
|
||||
overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
|
||||
max-width: 100%; /* Not required for horizontal scroll to trigger */
|
||||
max-height: 100%; /* Needed for vertical scroll to trigger */
|
||||
scrollbar-width: none;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.simplebar-content-wrapper::-webkit-scrollbar,
|
||||
.simplebar-hide-scrollbar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.simplebar-content:before,
|
||||
.simplebar-content:after {
|
||||
content: ' ';
|
||||
display: table;
|
||||
}
|
||||
|
||||
.simplebar-placeholder {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.simplebar-height-auto-observer-wrapper {
|
||||
box-sizing: inherit !important;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
max-width: 1px;
|
||||
position: relative;
|
||||
float: right;
|
||||
max-height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
pointer-events: none;
|
||||
flex-grow: inherit;
|
||||
flex-shrink: 0;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
.simplebar-height-auto-observer {
|
||||
box-sizing: inherit;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 1000%;
|
||||
width: 1000%;
|
||||
min-height: 1px;
|
||||
min-width: 1px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.simplebar-track {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[data-simplebar].simplebar-dragging .simplebar-content {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
[data-simplebar].simplebar-dragging .simplebar-track {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar {
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
width: 4px;
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #a2adb7;
|
||||
border-radius: 7px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar.simplebar-visible:before {
|
||||
/* When hovered, remove all transitions from drag handle */
|
||||
opacity: 0.5;
|
||||
transition: opacity 0s linear;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-vertical {
|
||||
top: 0;
|
||||
width: 11px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
|
||||
top: 2px;
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-horizontal {
|
||||
right: 0;
|
||||
height: 11px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
|
||||
height: 100%;
|
||||
right: 2px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
height: 7px;
|
||||
min-height: 0;
|
||||
min-width: 10px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.hs-dummy-scrollbar-size {
|
||||
direction: ltr;
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.simplebar-hide-scrollbar {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
visibility: hidden;
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.custom-scroll {
|
||||
height: 100%;
|
||||
}
|
||||
185
public/assets/scss/custom/plugins/_datepicker.scss
Normal file
185
public/assets/scss/custom/plugins/_datepicker.scss
Normal file
@@ -0,0 +1,185 @@
|
||||
//
|
||||
// Datepicker
|
||||
//
|
||||
|
||||
.datepicker {
|
||||
border: 1px solid $gray-100;
|
||||
padding: 8px;
|
||||
z-index: 999 !important;
|
||||
right: auto;
|
||||
direction: rtl;
|
||||
|
||||
table {
|
||||
tr {
|
||||
th {
|
||||
font-weight: 500;
|
||||
|
||||
&.next,
|
||||
&.prev {
|
||||
font-family: arial, $font-family-base;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
|
||||
&.active,
|
||||
&.active:hover,
|
||||
.active.disabled,
|
||||
&.active.disabled:hover,
|
||||
&.today,
|
||||
&.today:hover,
|
||||
&.today.disabled,
|
||||
&.today.disabled:hover,
|
||||
&.selected,
|
||||
&.selected:hover,
|
||||
&.selected.disabled,
|
||||
&.selected.disabled:hover {
|
||||
background-color: $primary !important;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
&.day.focused,
|
||||
&.day:hover,
|
||||
span.focused,
|
||||
span:hover {
|
||||
background: $gray-200;
|
||||
}
|
||||
|
||||
&.new,
|
||||
&.old,
|
||||
span.new,
|
||||
span.old {
|
||||
color: $gray-500;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
&.range,
|
||||
&.range.disabled,
|
||||
&.range.disabled:hover,
|
||||
&.range:hover {
|
||||
background-color: $gray-300;
|
||||
}
|
||||
|
||||
span {
|
||||
float: right;
|
||||
|
||||
&.active:hover {
|
||||
background: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.table-condensed {
|
||||
|
||||
>thead>tr>th,
|
||||
>tbody>tr>td {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker-switch:hover,
|
||||
.next:hover,
|
||||
.prev:hover,
|
||||
tfoot tr th:hover,
|
||||
table tr td.day.focused,
|
||||
table tr td.day:hover,
|
||||
table tr td span.focused,
|
||||
table tr td span:hover {
|
||||
background: $datepicker-hover;
|
||||
}
|
||||
|
||||
&.datepicker-dropdown {
|
||||
|
||||
&.datepicker-orient-top {
|
||||
&:before {
|
||||
border-top-color: $gray-100;
|
||||
}
|
||||
&:after {
|
||||
border-top-color: $datepicker-background;
|
||||
}
|
||||
}
|
||||
&.datepicker-orient-bottom {
|
||||
&:before {
|
||||
border-bottom-color: $gray-100;
|
||||
}
|
||||
&:after {
|
||||
border-bottom-color: $datepicker-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-datepicker {
|
||||
color: inherit;
|
||||
background-color: $datepicker-background;
|
||||
border: 1px solid $datepicker-border;
|
||||
|
||||
.ui-state-default {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
td:not(.ui-state-disabled) .ui-state-default:hover {
|
||||
background: $datepicker-hover;
|
||||
}
|
||||
|
||||
.ui-datepicker-today .ui-state-default {
|
||||
background: $datepicker-today;
|
||||
}
|
||||
|
||||
.ui-state-default.ui-state-active {
|
||||
background: $primary !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-header .btn.ui-state-hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
border-bottom: 1px solid $datepicker-border;
|
||||
}
|
||||
|
||||
.ui-datepicker-buttonpane {
|
||||
background: transparent;
|
||||
border-top: 1px solid $datepicker-border;
|
||||
|
||||
.btn {
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
background: $datepicker-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
select {
|
||||
color: inherit;
|
||||
background-color: $datepicker-select;
|
||||
border: 1px solid $datepicker-border;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
td {
|
||||
span, a {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
15
public/assets/scss/custom/plugins/_dragula.scss
Normal file
15
public/assets/scss/custom/plugins/_dragula.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
|
||||
|
||||
/* ==============
|
||||
Druafula
|
||||
===================*/
|
||||
|
||||
|
||||
.task-box{
|
||||
border: 1px solid $gray-300;
|
||||
}
|
||||
|
||||
.gu-transit {
|
||||
border: 1px dashed $gray-600 !important;
|
||||
background-color: $gray-200 !important;
|
||||
}
|
||||
19
public/assets/scss/custom/plugins/_flot.scss
Normal file
19
public/assets/scss/custom/plugins/_flot.scss
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
/* Flot chart */
|
||||
.flot-charts-height {
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
.flotTip {
|
||||
padding: 8px 12px;
|
||||
background-color: rgba($dark, 0.9);
|
||||
z-index: 100;
|
||||
color: $gray-100;
|
||||
box-shadow: $box-shadow;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.legendLabel{
|
||||
color: $gray-500;
|
||||
}
|
||||
107
public/assets/scss/custom/plugins/_form-editors.scss
Normal file
107
public/assets/scss/custom/plugins/_form-editors.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
//
|
||||
// Form editors.scss
|
||||
//
|
||||
|
||||
// Tinymce
|
||||
|
||||
.tox {
|
||||
.tox-menubar, .tox-edit-area__iframe, .tox-statusbar{
|
||||
background-color: $card-bg !important;
|
||||
}
|
||||
.tox-mbtn{
|
||||
color: $gray-700 !important;
|
||||
&:hover:not(:disabled):not(.tox-mbtn--active){
|
||||
background-color: $gray-300 !important;
|
||||
}
|
||||
}
|
||||
.tox-tbtn{
|
||||
&:hover{
|
||||
background-color: $gray-300 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tox-toolbar, .tox-toolbar__overflow, .tox-toolbar__primary{
|
||||
background-color: $card-bg !important;
|
||||
}
|
||||
|
||||
.tox-tbtn{
|
||||
color: $gray-700 !important;
|
||||
svg{
|
||||
fill: $gray-700 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tox-edit-area__iframe{
|
||||
background-color: $card-bg !important;
|
||||
}
|
||||
|
||||
.tox-statusbar a, .tox-statusbar__path-item, .tox-statusbar__wordcount{
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
.tox-editor-header, .tox-menu, .tox-statusbar {
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Summernote
|
||||
|
||||
.note-editor{
|
||||
&.note-frame {
|
||||
border: 1px solid $gray-300;
|
||||
box-shadow: none;
|
||||
margin: 0;
|
||||
|
||||
.note-statusbar {
|
||||
background-color: $gray-300;
|
||||
border-top: 1px solid $gray-200;
|
||||
}
|
||||
|
||||
.note-editing-area{
|
||||
.note-editable, .note-codable {
|
||||
border: none;
|
||||
color: $gray-500;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.note-toolbar{
|
||||
padding: 0px 0px 5px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.note-btn-group{
|
||||
.note-btn{
|
||||
background-color: $gray-300 !important;
|
||||
border-color: $gray-300 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.note-status-output {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.note-editable {
|
||||
|
||||
p {
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.note-popover .popover-content .note-color .dropdown-menu,
|
||||
.card-header.note-toolbar .note-color .dropdown-menu {
|
||||
min-width: 344px;
|
||||
}
|
||||
|
||||
.note-popover{
|
||||
border-color: $gray-300;
|
||||
}
|
||||
|
||||
.note-popover .popover-content,
|
||||
.card-header.note-toolbar{
|
||||
background-color: $gray-300;
|
||||
}
|
||||
|
||||
16
public/assets/scss/custom/plugins/_form-upload.scss
Normal file
16
public/assets/scss/custom/plugins/_form-upload.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
//
|
||||
// Form-Upload
|
||||
//
|
||||
|
||||
/* Dropzone */
|
||||
.dropzone {
|
||||
min-height: 230px;
|
||||
border: 2px dashed $gray-400;
|
||||
background: $card-bg;
|
||||
border-radius: 6px;
|
||||
|
||||
.dz-message {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
162
public/assets/scss/custom/plugins/_form-wizard.scss
Normal file
162
public/assets/scss/custom/plugins/_form-wizard.scss
Normal file
@@ -0,0 +1,162 @@
|
||||
//
|
||||
// Form Wizard
|
||||
//
|
||||
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.wizard{
|
||||
|
||||
ul{
|
||||
list-style: none !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
// step
|
||||
>.steps {
|
||||
|
||||
> ul > li {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.current-info{
|
||||
position: absolute;
|
||||
right: -999em;
|
||||
}
|
||||
|
||||
a, a:active, a:hover {
|
||||
margin: 3px;
|
||||
padding: 15px;
|
||||
display: block;
|
||||
width: auto;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.current {
|
||||
a, a:active, a:hover {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
.number {
|
||||
border: 2px solid $white
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.disabled, .done {
|
||||
a, a:active, a:hover {
|
||||
background-color: lighten($primary,30%);
|
||||
color: $primary;
|
||||
.number {
|
||||
border-color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.number {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $white;
|
||||
width: 38px;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
margin-left: 10px;
|
||||
background-color: rgba($primary, 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
// content
|
||||
>.content {
|
||||
background-color: transparent;
|
||||
margin: 0 5px;
|
||||
border-radius: 0;
|
||||
min-height: 150px;
|
||||
> .title{
|
||||
position: absolute;
|
||||
right: -999em;
|
||||
}
|
||||
>.body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 30px 0 0;
|
||||
position: static
|
||||
}
|
||||
}
|
||||
|
||||
// actions
|
||||
|
||||
>.actions {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
> ul {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
> li{
|
||||
display: block;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
}
|
||||
a, a:active, a:hover {
|
||||
background-color: $primary;
|
||||
border-radius: 4px;
|
||||
padding: 8px 15px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
.disabled {
|
||||
a, a:active, a:hover {
|
||||
opacity: .65;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .steps, > .actions {
|
||||
> ul {
|
||||
> li{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.wizard {
|
||||
> .steps {
|
||||
> ul {
|
||||
> li {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.wizard {
|
||||
> .steps {
|
||||
> ul {
|
||||
> li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
42
public/assets/scss/custom/plugins/_google-map.scss
Normal file
42
public/assets/scss/custom/plugins/_google-map.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
|
||||
//
|
||||
// Google map
|
||||
//
|
||||
|
||||
.gmaps, .gmaps-panaroma {
|
||||
height: 300px;
|
||||
background: $gray-100;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.gmaps-overlay {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
background: $primary;
|
||||
border-radius: 4px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow {
|
||||
right: 50%;
|
||||
margin-right: -16px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
&.above {
|
||||
bottom: -15px;
|
||||
border-right: 16px solid transparent;
|
||||
border-left: 16px solid transparent;
|
||||
border-top: 16px solid $primary;
|
||||
}
|
||||
&.below {
|
||||
top: -15px;
|
||||
border-right: 16px solid transparent;
|
||||
border-left: 16px solid transparent;
|
||||
border-bottom: 16px solid $primary;
|
||||
}
|
||||
|
||||
}
|
||||
8
public/assets/scss/custom/plugins/_icons.scss
Normal file
8
public/assets/scss/custom/plugins/_icons.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
//
|
||||
// icons.scss
|
||||
//
|
||||
|
||||
@import "icons/materialdesignicons";
|
||||
@import "icons/boxicons";
|
||||
@import "icons/fontawesome";
|
||||
@import "icons/dripicons";
|
||||
5
public/assets/scss/custom/plugins/_knob.scss
Normal file
5
public/assets/scss/custom/plugins/_knob.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
|
||||
/* Knob chart */
|
||||
input.knob {
|
||||
font-family: inherit !important;
|
||||
}
|
||||
27
public/assets/scss/custom/plugins/_parsley.scss
Normal file
27
public/assets/scss/custom/plugins/_parsley.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
|
||||
//
|
||||
// Parsley
|
||||
//
|
||||
|
||||
.error {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.parsley-error {
|
||||
border-color: $danger;
|
||||
}
|
||||
|
||||
.parsley-errors-list {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&.filled {
|
||||
display: block;
|
||||
}
|
||||
> li {
|
||||
font-size: 12px;
|
||||
list-style: none;
|
||||
color: $danger;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
42
public/assets/scss/custom/plugins/_range-slider.scss
Normal file
42
public/assets/scss/custom/plugins/_range-slider.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
|
||||
//
|
||||
// Range slider
|
||||
//
|
||||
|
||||
.irs {
|
||||
font-family: inherit;
|
||||
direction: ltr;
|
||||
}
|
||||
.irs--round{
|
||||
.irs-bar, .irs-to, .irs-from, .irs-single {
|
||||
background: $primary !important;
|
||||
font-size: 11px;
|
||||
}
|
||||
.irs-to, .irs-from, .irs-single{
|
||||
&:before{
|
||||
border-top-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.irs-line{
|
||||
background: $gray-300;
|
||||
border-color: $gray-300;
|
||||
}
|
||||
.irs-grid-text{
|
||||
font-size: 11px;
|
||||
color: $gray-400;
|
||||
}
|
||||
.irs-min, .irs-max{
|
||||
color: $gray-400;
|
||||
background: $gray-300;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.irs-handle{
|
||||
border: 2px solid $primary;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
top: 31px;
|
||||
background-color: $card-bg !important;
|
||||
}
|
||||
}
|
||||
16
public/assets/scss/custom/plugins/_rating.scss
Normal file
16
public/assets/scss/custom/plugins/_rating.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
//
|
||||
// Rating
|
||||
//
|
||||
|
||||
.symbol{
|
||||
border-color: $card-bg;
|
||||
}
|
||||
|
||||
.rating-symbol-background, .rating-symbol-foreground {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.rating-symbol-foreground {
|
||||
top: 0px;
|
||||
}
|
||||
141
public/assets/scss/custom/plugins/_responsive-table.scss
Normal file
141
public/assets/scss/custom/plugins/_responsive-table.scss
Normal file
@@ -0,0 +1,141 @@
|
||||
|
||||
//
|
||||
// Responsive Table
|
||||
//
|
||||
|
||||
.table-rep-plugin {
|
||||
.btn-toolbar {
|
||||
display: block;
|
||||
}
|
||||
.table-responsive {
|
||||
border: none !important;
|
||||
}
|
||||
.btn-group{
|
||||
.btn-default {
|
||||
background-color: $secondary;
|
||||
color: $light;
|
||||
border: 1px solid $secondary;
|
||||
&.btn-primary {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
color: $white;
|
||||
box-shadow: 0 0 0 2px rgba($primary, .5);
|
||||
}
|
||||
}
|
||||
&.pull-right {
|
||||
float: left;
|
||||
.dropdown-menu {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
transform: none !important;
|
||||
top: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
th {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.checkbox-row {
|
||||
padding-right: 40px;
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
padding-right: 5px;
|
||||
position: relative;
|
||||
margin-bottom: .25rem;
|
||||
margin-top: .25rem;
|
||||
&::before {
|
||||
-o-transition: 0.3s ease-in-out;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
background-color: $white;
|
||||
border-radius: 3px;
|
||||
border: 1px solid $gray-300;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
margin-right: -20px;
|
||||
position: absolute;
|
||||
transition: 0.3s ease-in-out;
|
||||
width: 17px;
|
||||
outline: none !important;
|
||||
}
|
||||
&::after {
|
||||
color: $gray-200;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
height: 16px;
|
||||
right: 0;
|
||||
margin-right: -20px;
|
||||
padding-right: 3px;
|
||||
padding-top: 1px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
outline: none !important;
|
||||
|
||||
&:disabled + label {
|
||||
opacity: 0.65;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:focus + label {
|
||||
&::before {
|
||||
outline-offset: -2px;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::after {
|
||||
content: "\f00c";
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:disabled + label {
|
||||
&::before {
|
||||
background-color: $gray-100;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-solution {
|
||||
.sticky-table-header{
|
||||
background-color: $primary;
|
||||
table{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.fixed-solution {
|
||||
.sticky-table-header{
|
||||
top: $header-height !important;
|
||||
background-color: $primary;
|
||||
table{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
140
public/assets/scss/custom/plugins/_select2.scss
Normal file
140
public/assets/scss/custom/plugins/_select2.scss
Normal file
@@ -0,0 +1,140 @@
|
||||
|
||||
//
|
||||
// Select 2
|
||||
//
|
||||
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
|
||||
.select2-selection--single {
|
||||
background-color: $input-bg;
|
||||
border: 1px solid $input-border-color;
|
||||
height: 38px;
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-selection__rendered {
|
||||
line-height: 36px;
|
||||
padding-right: 12px;
|
||||
color: $input-color;
|
||||
}
|
||||
|
||||
.select2-selection__arrow {
|
||||
height: 34px;
|
||||
width: 34px;
|
||||
left: 3px;
|
||||
|
||||
b{
|
||||
border-color: $gray-500 transparent transparent transparent;
|
||||
border-width: 6px 6px 0 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--open {
|
||||
.select2-selection--single {
|
||||
|
||||
.select2-selection__arrow {
|
||||
|
||||
b{
|
||||
border-color: transparent transparent $gray-500 transparent !important;
|
||||
border-width: 0 6px 6px 6px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default {
|
||||
|
||||
.select2-results__group{
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
.select2-search--dropdown {
|
||||
padding: 10px;
|
||||
background-color: $dropdown-bg;
|
||||
.select2-search__field {
|
||||
border: 1px solid $input-border-color;
|
||||
background-color: $input-bg;
|
||||
color: $gray-600;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.select2-results__option--highlighted[aria-selected] {
|
||||
background-color: $primary;
|
||||
}
|
||||
.select2-results__option[aria-selected=true] {
|
||||
background-color: $dropdown-link-active-bg;
|
||||
color: $dropdown-link-active-color;
|
||||
&:hover {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-results__option {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
border: $dropdown-border-color;
|
||||
background-color: $dropdown-bg;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
input{
|
||||
border: 1px solid $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container {
|
||||
.select2-selection--multiple {
|
||||
min-height: 38px;
|
||||
background-color: $input-bg;
|
||||
border: 1px solid $input-border-color !important;
|
||||
|
||||
.select2-selection__rendered {
|
||||
padding: 2px 10px;
|
||||
}
|
||||
.select2-search__field {
|
||||
border: 0;
|
||||
color: $input-color;
|
||||
&::placeholder{
|
||||
color: $input-color;
|
||||
}
|
||||
}
|
||||
.select2-selection__choice {
|
||||
background-color: $gray-200;
|
||||
border: 1px solid $gray-300;
|
||||
border-radius: 1px;
|
||||
padding: 0 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default{
|
||||
&.select2-container--focus {
|
||||
.select2-selection--multiple{
|
||||
border-color: $gray-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field {
|
||||
margin-top: 6.5px;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
|
||||
vertical-align: middle;
|
||||
margin-top: 1px;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: -1px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
20
public/assets/scss/custom/plugins/_session-timeout.scss
Normal file
20
public/assets/scss/custom/plugins/_session-timeout.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
//
|
||||
// session-timeout.scss
|
||||
//
|
||||
|
||||
#session-timeout-dialog {
|
||||
.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.countdown-holder {
|
||||
color: $danger;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background-color: $white;
|
||||
color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
22
public/assets/scss/custom/plugins/_sparkline-chart.scss
Normal file
22
public/assets/scss/custom/plugins/_sparkline-chart.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// sparkline.scss
|
||||
//
|
||||
|
||||
.jqstooltip {
|
||||
box-sizing: content-box;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
background-color: $gray-800 !important;
|
||||
box-shadow: $box-shadow-lg;
|
||||
padding: 5px 10px !important;
|
||||
border-radius: 3px;
|
||||
border-color: $gray-900 !important;
|
||||
}
|
||||
|
||||
.jqsfield {
|
||||
color: $gray-200 !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 18px !important;
|
||||
font-family: $font-family-base !important;
|
||||
font-weight: $font-weight-medium !important;
|
||||
}
|
||||
53
public/assets/scss/custom/plugins/_sweatalert2.scss
Normal file
53
public/assets/scss/custom/plugins/_sweatalert2.scss
Normal file
@@ -0,0 +1,53 @@
|
||||
|
||||
//
|
||||
// Sweetalert2
|
||||
//
|
||||
|
||||
.swal2-container {
|
||||
.swal2-title{
|
||||
font-size: 24px;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
|
||||
.swal2-icon{
|
||||
&.swal2-question{
|
||||
border-color: $info;
|
||||
color: $info;
|
||||
}
|
||||
&.swal2-success {
|
||||
[class^=swal2-success-line]{
|
||||
background-color: $success;
|
||||
}
|
||||
|
||||
.swal2-success-ring{
|
||||
border-color: rgba($success, 0.3);
|
||||
}
|
||||
}
|
||||
&.swal2-warning{
|
||||
border-color: $warning;
|
||||
color: $warning;
|
||||
}
|
||||
}
|
||||
|
||||
.swal2-styled{
|
||||
&:focus{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.swal2-content{
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.swal2-progress-steps {
|
||||
.swal2-progress-step{
|
||||
&.swal2-active-progress-step{
|
||||
background: $primary;
|
||||
&~.swal2-progress-step, &~.swal2-progress-step-line{
|
||||
background: rgba($primary, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
120
public/assets/scss/custom/plugins/_switch.scss
Normal file
120
public/assets/scss/custom/plugins/_switch.scss
Normal file
@@ -0,0 +1,120 @@
|
||||
//
|
||||
// Sweetalert2
|
||||
//
|
||||
|
||||
/* CSS Switch */
|
||||
input[switch] {
|
||||
display: none;
|
||||
+ label {
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
width: 56px;
|
||||
height: 24px;
|
||||
background-color: $gray-400;
|
||||
background-image: none;
|
||||
border-radius: 2rem;
|
||||
padding: 0.16667rem;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
font-weight: $font-weight-medium;
|
||||
transition: all 0.1s ease-in-out;
|
||||
&:before {
|
||||
color: $dark;
|
||||
content: attr(data-off-label);
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
line-height: 21px;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
margin: 3px;
|
||||
top: -2px;
|
||||
text-align: center;
|
||||
min-width: 1.66667rem;
|
||||
overflow: hidden;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
background-color: $gray-200;
|
||||
box-shadow: none;
|
||||
border-radius: 2rem;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
top: 2px;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + label {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
input[switch]:checked + label {
|
||||
background-color: $primary;
|
||||
&:before {
|
||||
color: $white;
|
||||
content: attr(data-on-label);
|
||||
left: auto;
|
||||
right: 3px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 33px;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
input[switch="bool"] + label {
|
||||
background-color: $danger;
|
||||
}
|
||||
input[switch="bool"] + label:before,input[switch="bool"]:checked + label:before,
|
||||
input[switch="default"]:checked + label:before{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
input[switch="bool"]:checked + label {
|
||||
background-color: $success;
|
||||
}
|
||||
|
||||
input[switch="default"]:checked + label {
|
||||
background-color: #a2a2a2;
|
||||
}
|
||||
|
||||
input[switch="primary"]:checked + label {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
input[switch="success"]:checked + label {
|
||||
background-color: $success;
|
||||
}
|
||||
|
||||
input[switch="info"]:checked + label {
|
||||
background-color: $info;
|
||||
}
|
||||
|
||||
input[switch="warning"]:checked + label {
|
||||
background-color: $warning;
|
||||
}
|
||||
|
||||
input[switch="danger"]:checked + label {
|
||||
background-color: $danger;
|
||||
}
|
||||
|
||||
input[switch="dark"]:checked + label {
|
||||
background-color: $dark;
|
||||
}
|
||||
|
||||
.square-switch{
|
||||
margin-left: 7px;
|
||||
input[switch]+label, input[switch]+label:after{
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
77
public/assets/scss/custom/plugins/_table-editable.scss
Normal file
77
public/assets/scss/custom/plugins/_table-editable.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
|
||||
//
|
||||
// Table editable
|
||||
//
|
||||
|
||||
|
||||
.table-editable{
|
||||
.editable-input{
|
||||
.form-control{
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
}
|
||||
a.editable{
|
||||
color: $table-color;
|
||||
}
|
||||
.editable-buttons{
|
||||
.btn {
|
||||
&.btn-sm{
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
td{
|
||||
&.focus{
|
||||
box-shadow: inset 0 0 1px 1px $primary !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dt-autofill-list{
|
||||
border: none !important;
|
||||
background-color: $card-bg !important;
|
||||
|
||||
.dt-autofill-question, .dt-autofill-button{
|
||||
border-bottom-color: $gray-300 !important;
|
||||
}
|
||||
|
||||
ul{
|
||||
li{
|
||||
&:hover{
|
||||
background-color: $gray-300 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
display: inline-block;
|
||||
font-family: "Material Design Icons";
|
||||
font-size: inherit;
|
||||
font-weight: 600;
|
||||
font-style: inherit;
|
||||
}
|
||||
|
||||
.glyphicon-ok {
|
||||
&:before {
|
||||
content: "\F12C";
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon-remove {
|
||||
&:before {
|
||||
content: "\F156";
|
||||
}
|
||||
}
|
||||
|
||||
.editable-input {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.editable-buttons {
|
||||
display: inline-block;
|
||||
}
|
||||
12
public/assets/scss/custom/plugins/_vector-maps.scss
Normal file
12
public/assets/scss/custom/plugins/_vector-maps.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
//
|
||||
// vector-maps.scss
|
||||
//
|
||||
|
||||
.jvectormap-label {
|
||||
border: none;
|
||||
background: $gray-800;
|
||||
color: $gray-100;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
3944
public/assets/scss/custom/plugins/icons/_boxicons.scss
Normal file
3944
public/assets/scss/custom/plugins/icons/_boxicons.scss
Normal file
File diff suppressed because it is too large
Load Diff
640
public/assets/scss/custom/plugins/icons/_dripicons.scss
Normal file
640
public/assets/scss/custom/plugins/icons/_dripicons.scss
Normal file
@@ -0,0 +1,640 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@font-face {
|
||||
font-family: "dripicons-v2";
|
||||
src:url("../fonts/dripicons-v2.eot");
|
||||
src:url("../fonts/dripicons-v2.eot?#iefix") format("embedded-opentype"),
|
||||
url("../fonts/dripicons-v2.woff") format("woff"),
|
||||
url("../fonts/dripicons-v2.ttf") format("truetype"),
|
||||
url("../fonts/dripicons-v2.svg#dripicons-v2") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: "dripicons-v2" !important;
|
||||
content: attr(data-icon);
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
[class^="dripicons-"]:before,
|
||||
[class*=" dripicons-"]:before {
|
||||
font-family: "dripicons-v2" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.dripicons-alarm:before {
|
||||
content: "\61";
|
||||
}
|
||||
.dripicons-align-center:before {
|
||||
content: "\62";
|
||||
}
|
||||
.dripicons-align-justify:before {
|
||||
content: "\63";
|
||||
}
|
||||
.dripicons-align-left:before {
|
||||
content: "\64";
|
||||
}
|
||||
.dripicons-align-right:before {
|
||||
content: "\65";
|
||||
}
|
||||
.dripicons-anchor:before {
|
||||
content: "\66";
|
||||
}
|
||||
.dripicons-archive:before {
|
||||
content: "\67";
|
||||
}
|
||||
.dripicons-arrow-down:before {
|
||||
content: "\68";
|
||||
}
|
||||
.dripicons-arrow-left:before {
|
||||
content: "\69";
|
||||
}
|
||||
.dripicons-arrow-right:before {
|
||||
content: "\6a";
|
||||
}
|
||||
.dripicons-arrow-thin-down:before {
|
||||
content: "\6b";
|
||||
}
|
||||
.dripicons-arrow-thin-left:before {
|
||||
content: "\6c";
|
||||
}
|
||||
.dripicons-arrow-thin-right:before {
|
||||
content: "\6d";
|
||||
}
|
||||
.dripicons-arrow-thin-up:before {
|
||||
content: "\6e";
|
||||
}
|
||||
.dripicons-arrow-up:before {
|
||||
content: "\6f";
|
||||
}
|
||||
.dripicons-article:before {
|
||||
content: "\70";
|
||||
}
|
||||
.dripicons-backspace:before {
|
||||
content: "\71";
|
||||
}
|
||||
.dripicons-basket:before {
|
||||
content: "\72";
|
||||
}
|
||||
.dripicons-basketball:before {
|
||||
content: "\73";
|
||||
}
|
||||
.dripicons-battery-empty:before {
|
||||
content: "\74";
|
||||
}
|
||||
.dripicons-battery-full:before {
|
||||
content: "\75";
|
||||
}
|
||||
.dripicons-battery-low:before {
|
||||
content: "\76";
|
||||
}
|
||||
.dripicons-battery-medium:before {
|
||||
content: "\77";
|
||||
}
|
||||
.dripicons-bell:before {
|
||||
content: "\78";
|
||||
}
|
||||
.dripicons-blog:before {
|
||||
content: "\79";
|
||||
}
|
||||
.dripicons-bluetooth:before {
|
||||
content: "\7a";
|
||||
}
|
||||
.dripicons-bold:before {
|
||||
content: "\41";
|
||||
}
|
||||
.dripicons-bookmark:before {
|
||||
content: "\42";
|
||||
}
|
||||
.dripicons-bookmarks:before {
|
||||
content: "\43";
|
||||
}
|
||||
.dripicons-box:before {
|
||||
content: "\44";
|
||||
}
|
||||
.dripicons-briefcase:before {
|
||||
content: "\45";
|
||||
}
|
||||
.dripicons-brightness-low:before {
|
||||
content: "\46";
|
||||
}
|
||||
.dripicons-brightness-max:before {
|
||||
content: "\47";
|
||||
}
|
||||
.dripicons-brightness-medium:before {
|
||||
content: "\48";
|
||||
}
|
||||
.dripicons-broadcast:before {
|
||||
content: "\49";
|
||||
}
|
||||
.dripicons-browser:before {
|
||||
content: "\4a";
|
||||
}
|
||||
.dripicons-browser-upload:before {
|
||||
content: "\4b";
|
||||
}
|
||||
.dripicons-brush:before {
|
||||
content: "\4c";
|
||||
}
|
||||
.dripicons-calendar:before {
|
||||
content: "\4d";
|
||||
}
|
||||
.dripicons-camcorder:before {
|
||||
content: "\4e";
|
||||
}
|
||||
.dripicons-camera:before {
|
||||
content: "\4f";
|
||||
}
|
||||
.dripicons-card:before {
|
||||
content: "\50";
|
||||
}
|
||||
.dripicons-cart:before {
|
||||
content: "\51";
|
||||
}
|
||||
.dripicons-checklist:before {
|
||||
content: "\52";
|
||||
}
|
||||
.dripicons-checkmark:before {
|
||||
content: "\53";
|
||||
}
|
||||
.dripicons-chevron-down:before {
|
||||
content: "\54";
|
||||
}
|
||||
.dripicons-chevron-left:before {
|
||||
content: "\55";
|
||||
}
|
||||
.dripicons-chevron-right:before {
|
||||
content: "\56";
|
||||
}
|
||||
.dripicons-chevron-up:before {
|
||||
content: "\57";
|
||||
}
|
||||
.dripicons-clipboard:before {
|
||||
content: "\58";
|
||||
}
|
||||
.dripicons-clock:before {
|
||||
content: "\59";
|
||||
}
|
||||
.dripicons-clockwise:before {
|
||||
content: "\5a";
|
||||
}
|
||||
.dripicons-cloud:before {
|
||||
content: "\30";
|
||||
}
|
||||
.dripicons-cloud-download:before {
|
||||
content: "\31";
|
||||
}
|
||||
.dripicons-cloud-upload:before {
|
||||
content: "\32";
|
||||
}
|
||||
.dripicons-code:before {
|
||||
content: "\33";
|
||||
}
|
||||
.dripicons-contract:before {
|
||||
content: "\34";
|
||||
}
|
||||
.dripicons-contract-2:before {
|
||||
content: "\35";
|
||||
}
|
||||
.dripicons-conversation:before {
|
||||
content: "\36";
|
||||
}
|
||||
.dripicons-copy:before {
|
||||
content: "\37";
|
||||
}
|
||||
.dripicons-crop:before {
|
||||
content: "\38";
|
||||
}
|
||||
.dripicons-cross:before {
|
||||
content: "\39";
|
||||
}
|
||||
.dripicons-crosshair:before {
|
||||
content: "\21";
|
||||
}
|
||||
.dripicons-cutlery:before {
|
||||
content: "\22";
|
||||
}
|
||||
.dripicons-device-desktop:before {
|
||||
content: "\23";
|
||||
}
|
||||
.dripicons-device-mobile:before {
|
||||
content: "\24";
|
||||
}
|
||||
.dripicons-device-tablet:before {
|
||||
content: "\25";
|
||||
}
|
||||
.dripicons-direction:before {
|
||||
content: "\26";
|
||||
}
|
||||
.dripicons-disc:before {
|
||||
content: "\27";
|
||||
}
|
||||
.dripicons-document:before {
|
||||
content: "\28";
|
||||
}
|
||||
.dripicons-document-delete:before {
|
||||
content: "\29";
|
||||
}
|
||||
.dripicons-document-edit:before {
|
||||
content: "\2a";
|
||||
}
|
||||
.dripicons-document-new:before {
|
||||
content: "\2b";
|
||||
}
|
||||
.dripicons-document-remove:before {
|
||||
content: "\2c";
|
||||
}
|
||||
.dripicons-dot:before {
|
||||
content: "\2d";
|
||||
}
|
||||
.dripicons-dots-2:before {
|
||||
content: "\2e";
|
||||
}
|
||||
.dripicons-dots-3:before {
|
||||
content: "\2f";
|
||||
}
|
||||
.dripicons-download:before {
|
||||
content: "\3a";
|
||||
}
|
||||
.dripicons-duplicate:before {
|
||||
content: "\3b";
|
||||
}
|
||||
.dripicons-enter:before {
|
||||
content: "\3c";
|
||||
}
|
||||
.dripicons-exit:before {
|
||||
content: "\3d";
|
||||
}
|
||||
.dripicons-expand:before {
|
||||
content: "\3e";
|
||||
}
|
||||
.dripicons-expand-2:before {
|
||||
content: "\3f";
|
||||
}
|
||||
.dripicons-experiment:before {
|
||||
content: "\40";
|
||||
}
|
||||
.dripicons-export:before {
|
||||
content: "\5b";
|
||||
}
|
||||
.dripicons-feed:before {
|
||||
content: "\5d";
|
||||
}
|
||||
.dripicons-flag:before {
|
||||
content: "\5e";
|
||||
}
|
||||
.dripicons-flashlight:before {
|
||||
content: "\5f";
|
||||
}
|
||||
.dripicons-folder:before {
|
||||
content: "\60";
|
||||
}
|
||||
.dripicons-folder-open:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.dripicons-forward:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.dripicons-gaming:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.dripicons-gear:before {
|
||||
content: "\7e";
|
||||
}
|
||||
.dripicons-graduation:before {
|
||||
content: "\5c";
|
||||
}
|
||||
.dripicons-graph-bar:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.dripicons-graph-line:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.dripicons-graph-pie:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.dripicons-headset:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.dripicons-heart:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.dripicons-help:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.dripicons-home:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.dripicons-hourglass:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.dripicons-inbox:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.dripicons-information:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.dripicons-italic:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.dripicons-jewel:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.dripicons-lifting:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.dripicons-lightbulb:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.dripicons-link:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.dripicons-link-broken:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.dripicons-list:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.dripicons-loading:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.dripicons-location:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.dripicons-lock:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.dripicons-lock-open:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.dripicons-mail:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.dripicons-map:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.dripicons-media-loop:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.dripicons-media-next:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.dripicons-media-pause:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.dripicons-media-play:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.dripicons-media-previous:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.dripicons-media-record:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.dripicons-media-shuffle:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.dripicons-media-stop:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.dripicons-medical:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.dripicons-menu:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.dripicons-message:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.dripicons-meter:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.dripicons-microphone:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.dripicons-minus:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.dripicons-monitor:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.dripicons-move:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.dripicons-music:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.dripicons-network-1:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.dripicons-network-2:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.dripicons-network-3:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.dripicons-network-4:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.dripicons-network-5:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.dripicons-pamphlet:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.dripicons-paperclip:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.dripicons-pencil:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.dripicons-phone:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.dripicons-photo:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.dripicons-photo-group:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.dripicons-pill:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.dripicons-pin:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.dripicons-plus:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.dripicons-power:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.dripicons-preview:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.dripicons-print:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.dripicons-pulse:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.dripicons-question:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.dripicons-reply:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.dripicons-reply-all:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.dripicons-return:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.dripicons-retweet:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.dripicons-rocket:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.dripicons-scale:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.dripicons-search:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.dripicons-shopping-bag:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.dripicons-skip:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.dripicons-stack:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.dripicons-star:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.dripicons-stopwatch:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.dripicons-store:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.dripicons-suitcase:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.dripicons-swap:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.dripicons-tag:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.dripicons-tag-delete:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.dripicons-tags:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.dripicons-thumbs-down:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.dripicons-thumbs-up:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.dripicons-ticket:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.dripicons-time-reverse:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.dripicons-to-do:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.dripicons-toggles:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.dripicons-trash:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.dripicons-trophy:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.dripicons-upload:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.dripicons-user:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.dripicons-user-group:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.dripicons-user-id:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.dripicons-vibrate:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.dripicons-view-apps:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.dripicons-view-list:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.dripicons-view-list-large:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.dripicons-view-thumb:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.dripicons-volume-full:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.dripicons-volume-low:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.dripicons-volume-medium:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.dripicons-volume-off:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.dripicons-wallet:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.dripicons-warning:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.dripicons-web:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.dripicons-weight:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.dripicons-wifi:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.dripicons-wrong:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.dripicons-zoom-in:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.dripicons-zoom-out:before {
|
||||
content: "\e069";
|
||||
}
|
||||
4330
public/assets/scss/custom/plugins/icons/_fontawesome.scss
Normal file
4330
public/assets/scss/custom/plugins/icons/_fontawesome.scss
Normal file
File diff suppressed because it is too large
Load Diff
19319
public/assets/scss/custom/plugins/icons/_materialdesignicons.scss
Normal file
19319
public/assets/scss/custom/plugins/icons/_materialdesignicons.scss
Normal file
File diff suppressed because it is too large
Load Diff
33
public/assets/scss/custom/structure/_footer.scss
Normal file
33
public/assets/scss/custom/structure/_footer.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
//
|
||||
// _footer.scss
|
||||
//
|
||||
|
||||
.footer {
|
||||
bottom: 0;
|
||||
padding: 20px calc(#{$grid-gutter-width} / 2);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: $footer-color;
|
||||
right: 250px;
|
||||
height: $footer-height;
|
||||
background-color: $footer-bg;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.footer {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Enlarge menu
|
||||
.vertical-collpsed {
|
||||
.footer {
|
||||
right: $sidebar-collapsed-width;
|
||||
}
|
||||
}
|
||||
|
||||
body[data-layout="horizontal"] {
|
||||
.footer {
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
24
public/assets/scss/custom/structure/_general.scss
Normal file
24
public/assets/scss/custom/structure/_general.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
body{
|
||||
font-family: $font-family-base;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: $headings-font-family;
|
||||
line-height: 1.85;
|
||||
}
|
||||
|
||||
p,
|
||||
.line-height-p,
|
||||
address {
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.line-height-h {
|
||||
line-height: 1.85;
|
||||
}
|
||||
|
||||
code {
|
||||
direction: ltr;
|
||||
display: inline-block;
|
||||
}
|
||||
377
public/assets/scss/custom/structure/_horizontal-nav.scss
Normal file
377
public/assets/scss/custom/structure/_horizontal-nav.scss
Normal file
@@ -0,0 +1,377 @@
|
||||
//
|
||||
// _horizontal.scss
|
||||
//
|
||||
|
||||
|
||||
body[data-layout="horizontal"] {
|
||||
|
||||
.navbar-brand-box {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
margin-top: $header-height;
|
||||
padding: 0 $grid-gutter-width $footer-height $grid-gutter-width;
|
||||
}
|
||||
|
||||
.page-title-box{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#page-topbar {
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.topnav {
|
||||
padding: 0 calc(#{$grid-gutter-width} / 2);
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: $header-height;
|
||||
z-index: 100;
|
||||
background: $topnav-bg;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
|
||||
.topnav-menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
.nav-link {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
color: $sidebar-menu-item-color;
|
||||
line-height: 70px;
|
||||
i{
|
||||
font-size: 15px;
|
||||
}
|
||||
&:focus, &:hover{
|
||||
color: $sidebar-menu-item-active-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item{
|
||||
color: $sidebar-menu-item-color;
|
||||
&.active, &:hover{
|
||||
color: $sidebar-menu-item-active-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item{
|
||||
.nav-link.active{
|
||||
color: $sidebar-menu-item-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown{
|
||||
&.active{
|
||||
>a {
|
||||
color: $sidebar-menu-item-active-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
|
||||
body[data-layout="horizontal"] {
|
||||
.container-fluid,
|
||||
.navbar-header {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.topnav {
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
.nav-link {
|
||||
padding: 0 1.1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: .5rem 1.5rem;
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
&.mega-dropdown{
|
||||
.mega-dropdown-menu{
|
||||
right: 0px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
margin-top: 0;
|
||||
border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;
|
||||
|
||||
.arrow-down {
|
||||
&::after {
|
||||
left: 15px;
|
||||
transform: rotate(135deg) translateY(-50%);
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 0 !important;
|
||||
right: 100%;
|
||||
display: none
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
>.dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {
|
||||
display: block
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow-down {
|
||||
display: inline-block;
|
||||
|
||||
&:after {
|
||||
border-color: initial;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 1px 0;
|
||||
content: "";
|
||||
height: .4em;
|
||||
display: inline-block;
|
||||
left: 5px;
|
||||
top: 50%;
|
||||
margin-right: 7px;
|
||||
transform: rotate(45deg) translateY(-50%);
|
||||
transform-origin: top;
|
||||
transition: all .3s ease-out;
|
||||
width: .4em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.topnav-menu {
|
||||
.navbar-nav {
|
||||
li {
|
||||
&:last-of-type {
|
||||
.dropdown {
|
||||
.dropdown-menu {
|
||||
left: 100%;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
|
||||
.topnav {
|
||||
max-height: 360px;
|
||||
overflow-y: auto;
|
||||
padding: 0;
|
||||
.navbar-nav {
|
||||
.nav-link {
|
||||
padding: 0.75rem 1.1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
.dropdown-menu {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.dropdown-mega-menu-xl,
|
||||
.dropdown-mega-menu-lg{
|
||||
width: auto;
|
||||
|
||||
.row{
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
line-height: 1.8;
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arrow-down {
|
||||
&::after {
|
||||
left: 15px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
body[data-layout="horizontal"][data-topbar="light"] {
|
||||
.topnav{
|
||||
background-color: $primary;
|
||||
.navbar-nav {
|
||||
|
||||
.nav-link {
|
||||
color: rgba($white, 0.5);
|
||||
|
||||
&:focus, &:hover{
|
||||
color: rgba($white, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown{
|
||||
&.active{
|
||||
>a {
|
||||
color: rgba($white, 0.9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Colored Topbar
|
||||
|
||||
body[data-layout="horizontal"][data-topbar="colored"],
|
||||
body[data-layout="horizontal"][data-topbar="dark"] {
|
||||
#page-topbar{
|
||||
background-color: $primary;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.logo-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo-light {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.app-search {
|
||||
|
||||
.form-control {
|
||||
background-color: rgba($topbar-search-bg,0.07);
|
||||
color: $white;
|
||||
}
|
||||
span,
|
||||
input.form-control::-webkit-input-placeholder {
|
||||
color: rgba($white,0.5);
|
||||
}
|
||||
}
|
||||
.header-item {
|
||||
color: $header-dark-item-color;
|
||||
|
||||
&:hover {
|
||||
color: $header-dark-item-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
.dropdown.show {
|
||||
.header-item{
|
||||
background-color: rgba($white,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-effect .waves-ripple {
|
||||
background: rgba($white, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.noti-icon {
|
||||
i {
|
||||
color: $header-dark-item-color;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.topnav{
|
||||
.navbar-nav {
|
||||
|
||||
.nav-link {
|
||||
color: rgba($white, 0.5);
|
||||
|
||||
&:focus, &:hover{
|
||||
color: rgba($white, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown{
|
||||
&.active{
|
||||
>a {
|
||||
color: rgba($white, 0.9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body[data-layout="horizontal"][data-topbar="dark"] {
|
||||
#page-topbar {
|
||||
background-color: $header-dark-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// light Topbar
|
||||
|
||||
body[data-layout="horizontal"] {
|
||||
|
||||
.logo-light {
|
||||
display: $display-none;
|
||||
}
|
||||
|
||||
.logo-dark {
|
||||
display: $display-block;
|
||||
}
|
||||
}
|
||||
|
||||
203
public/assets/scss/custom/structure/_layouts.scss
Normal file
203
public/assets/scss/custom/structure/_layouts.scss
Normal file
@@ -0,0 +1,203 @@
|
||||
//
|
||||
// _layouts.scss
|
||||
//
|
||||
|
||||
body[data-layout-size="boxed"] {
|
||||
|
||||
.container-fluid{
|
||||
max-width: 100% !important;
|
||||
}
|
||||
background-color: $boxed-body-bg;
|
||||
#layout-wrapper {
|
||||
background-color: $body-bg;
|
||||
max-width: $boxed-layout-width;
|
||||
margin: 0 auto;
|
||||
box-shadow: $box-shadow;
|
||||
&::before{
|
||||
max-width: 1300px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#page-topbar {
|
||||
max-width: $boxed-layout-width;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin: 0 auto;
|
||||
max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});
|
||||
}
|
||||
|
||||
&.vertical-collpsed {
|
||||
.footer {
|
||||
max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Horizontal Boxed Layout
|
||||
|
||||
body[data-layout="horizontal"][data-layout-size="boxed"]{
|
||||
.footer{
|
||||
max-width:1300px;
|
||||
}
|
||||
.container-fluid, .navbar-header {
|
||||
max-width: $boxed-layout-width;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Detached layout
|
||||
|
||||
body[data-layout="detached"]{
|
||||
@include media-breakpoint-up(lg) {
|
||||
.container-fluid{
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
#page-topbar{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.toggle-btn{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-brand-box{
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.vertical-menu{
|
||||
border-radius: 7px;
|
||||
position: relative;
|
||||
margin-top: 35px;
|
||||
|
||||
.user-img{
|
||||
img{
|
||||
padding: 6px;
|
||||
border: 2px dashed $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-menu{
|
||||
padding-bottom: 90px
|
||||
}
|
||||
|
||||
|
||||
.page-content{
|
||||
margin-top: 16px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.main-content{
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.page-title-box{
|
||||
padding-bottom: $grid-gutter-width;
|
||||
.page-title{
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.container-fluid{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page-content{
|
||||
padding: calc(#{$header-height} + 0px) $grid-gutter-width $footer-height $grid-gutter-width;
|
||||
}
|
||||
}
|
||||
|
||||
#layout-wrapper{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 165px;
|
||||
background: $bg-gradient;
|
||||
box-shadow: -1px 0 7px 0 rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
&::after {
|
||||
background: url("../images/bg-effect.png") center;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background-size: cover;
|
||||
opacity: 0.03;
|
||||
}
|
||||
}
|
||||
|
||||
.main-content{
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.navbar-brand-box{
|
||||
float: right;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.navbar-header{
|
||||
padding: 0px;
|
||||
|
||||
.card-img-overlay{
|
||||
background-color: rgba($black, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.footer{
|
||||
right: 0;
|
||||
.container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.page-title-box{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
.page-title{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.breadcrumb-item{
|
||||
>a {
|
||||
color: rgba($white, 0.8);
|
||||
}
|
||||
&.active, +.breadcrumb-item::before{
|
||||
color: rgba($white, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
|
||||
body[data-topbar=colored] #page-topbar {
|
||||
background: $bg-gradient;
|
||||
}
|
||||
}
|
||||
22
public/assets/scss/custom/structure/_page-head.scss
Normal file
22
public/assets/scss/custom/structure/_page-head.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// Page-title
|
||||
//
|
||||
|
||||
.page-title-box {
|
||||
|
||||
|
||||
.breadcrumb {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
font-weight: $font-weight-bold;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
62
public/assets/scss/custom/structure/_right-sidebar.scss
Normal file
62
public/assets/scss/custom/structure/_right-sidebar.scss
Normal file
@@ -0,0 +1,62 @@
|
||||
//
|
||||
// right-sidebar.scss
|
||||
//
|
||||
|
||||
.right-bar {
|
||||
background-color: $card-bg;
|
||||
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
|
||||
display: block;
|
||||
position: fixed;
|
||||
transition: all 200ms ease-out;
|
||||
width: $rightbar-width;
|
||||
z-index: 9999;
|
||||
float: left !important;
|
||||
left: -($rightbar-width + 10px);
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
.right-bar-toggle {
|
||||
background-color: lighten($dark, 7%);
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
color: $gray-200;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($dark, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Rightbar overlay
|
||||
.rightbar-overlay {
|
||||
background-color: rgba($dark, 0.55);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 9998;
|
||||
transition: all .2s ease-out;
|
||||
}
|
||||
|
||||
.right-bar-enabled {
|
||||
.right-bar {
|
||||
left: 0;
|
||||
}
|
||||
.rightbar-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.right-bar {
|
||||
overflow: auto;
|
||||
.slimscroll-menu {
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
285
public/assets/scss/custom/structure/_topbar.scss
Normal file
285
public/assets/scss/custom/structure/_topbar.scss
Normal file
@@ -0,0 +1,285 @@
|
||||
//
|
||||
// _header.scss
|
||||
//
|
||||
|
||||
#page-topbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1002;
|
||||
background-color: $header-bg;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.075);
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
display: flex;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
height: $header-height;
|
||||
padding: 0 0 0 calc(#{$grid-gutter-width} / 2);
|
||||
|
||||
.dropdown.show {
|
||||
.header-item {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand-box {
|
||||
padding: 0 1.5rem;
|
||||
text-align: center;
|
||||
width: $navbar-brand-box-width;
|
||||
}
|
||||
|
||||
.logo {
|
||||
line-height: 70px;
|
||||
|
||||
.logo-sm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Search */
|
||||
|
||||
.app-search {
|
||||
padding: calc(#{$header-height - 38px} / 2) 0;
|
||||
|
||||
.form-control {
|
||||
border: none;
|
||||
height: 38px;
|
||||
padding-right: 40px;
|
||||
padding-left: 20px;
|
||||
background-color: $topbar-search-bg;
|
||||
box-shadow: none;
|
||||
border-radius: 7px;
|
||||
}
|
||||
span {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
font-size: 16px;
|
||||
line-height: 39px;
|
||||
right: 13px;
|
||||
top: 0;
|
||||
color: $gray-600;
|
||||
}
|
||||
}
|
||||
|
||||
// Mega menu
|
||||
|
||||
.megamenu-list {
|
||||
li{
|
||||
position: relative;
|
||||
padding: 5px 0px;
|
||||
line-height: 1.6;
|
||||
a{
|
||||
color: $dropdown-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar-brand-box {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
span.logo-lg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.logo-sm {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
padding: calc(#{$header-height} + #{$grid-gutter-width / 2}) $grid-gutter-width $footer-height $grid-gutter-width;
|
||||
}
|
||||
|
||||
.header-item {
|
||||
height: $header-height;
|
||||
box-shadow: none !important;
|
||||
color: $header-item-color;
|
||||
border: 0;
|
||||
border-radius: 0px;
|
||||
|
||||
&:hover {
|
||||
color: $header-item-color;
|
||||
}
|
||||
}
|
||||
|
||||
.header-profile-user {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
background-color: $gray-300;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.noti-icon {
|
||||
i {
|
||||
font-size: 22px;
|
||||
color: $header-item-color;
|
||||
}
|
||||
|
||||
.badge {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-item {
|
||||
.media {
|
||||
padding: 0.75rem 1rem;
|
||||
|
||||
&:hover {
|
||||
background-color: $gray-300;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dropdown with Icons
|
||||
.dropdown-icon-item {
|
||||
display: block;
|
||||
border-radius: 3px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
padding: 15px 0 9px;
|
||||
display: block;
|
||||
border: 1px solid transparent;
|
||||
color: $gray-600;
|
||||
|
||||
img {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
// Full Screen
|
||||
.fullscreen-enable {
|
||||
[data-toggle="fullscreen"] {
|
||||
.mdi-fullscreen::before {
|
||||
content: "\F294";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body[data-topbar="dark"],
|
||||
body[data-topbar="colored"] {
|
||||
#page-topbar {
|
||||
background-color: $header-dark-bg;
|
||||
}
|
||||
.navbar-header {
|
||||
.dropdown.show {
|
||||
.header-item {
|
||||
background-color: rgba($white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-effect .waves-ripple {
|
||||
background: rgba($white, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.logo-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo-light {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header-item {
|
||||
color: $header-dark-item-color;
|
||||
|
||||
&:hover {
|
||||
color: $header-dark-item-color;
|
||||
}
|
||||
}
|
||||
|
||||
.header-profile-user {
|
||||
background-color: rgba($white, 0.25);
|
||||
}
|
||||
|
||||
.noti-icon {
|
||||
i {
|
||||
color: $header-dark-item-color;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo-light {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.app-search {
|
||||
|
||||
.form-control {
|
||||
background-color: rgba($topbar-search-bg,0.07);
|
||||
color: $white;
|
||||
}
|
||||
span,
|
||||
input.form-control::-webkit-input-placeholder {
|
||||
color: rgba($white,0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body[data-topbar="colored"] {
|
||||
#page-topbar{
|
||||
background: $header-bg;
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
.dropdown.show {
|
||||
.header-item {
|
||||
background-color: rgba($white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-effect .waves-ripple {
|
||||
background: rgba($white, 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.navbar-header {
|
||||
.dropdown {
|
||||
position: static;
|
||||
|
||||
.dropdown-menu {
|
||||
right: 10px !important;
|
||||
left: 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 380px) {
|
||||
.navbar-brand-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
625
public/assets/scss/custom/structure/_vertical.scss
Normal file
625
public/assets/scss/custom/structure/_vertical.scss
Normal file
@@ -0,0 +1,625 @@
|
||||
//
|
||||
// _menu.scss
|
||||
//
|
||||
|
||||
.metismenu {
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mm-collapse {
|
||||
display: none;
|
||||
|
||||
&:not(.mm-show) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.mm-show {
|
||||
display: block
|
||||
}
|
||||
}
|
||||
|
||||
.mm-collapsing {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: .35s;
|
||||
transition-property: height, visibility;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.vertical-menu {
|
||||
min-width: $sidebar-width;
|
||||
max-width: $sidebar-width;
|
||||
z-index: 1001;
|
||||
background: $sidebar-bg;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
position: fixed;
|
||||
top: $header-height;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-right: $sidebar-width;
|
||||
overflow: hidden;
|
||||
|
||||
.content {
|
||||
padding: 0 15px 10px 15px;
|
||||
margin-top: $header-height;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#sidebar-menu {
|
||||
padding: 0 0 30px 0;
|
||||
|
||||
.mm-active {
|
||||
>.has-arrow {
|
||||
&:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow {
|
||||
&:after {
|
||||
content: "\F140";
|
||||
font-family: 'Material Design Icons';
|
||||
display: block;
|
||||
float: left;
|
||||
transition: transform .2s;
|
||||
font-size: 1rem;
|
||||
margin-top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
display: block;
|
||||
padding: .625rem 1.5rem;
|
||||
color: $sidebar-menu-item-color;
|
||||
position: relative;
|
||||
font-size: 14.4px;
|
||||
transition: all .4s;
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
min-width: 1.75rem;
|
||||
padding-top: .0625em;
|
||||
padding-bottom: .0625em;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.40625rem;
|
||||
vertical-align: middle;
|
||||
color: $sidebar-menu-item-icon-color;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-menu-item-hover-color;
|
||||
|
||||
i {
|
||||
color: $sidebar-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
ul.sub-menu {
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
padding: .475rem 3.5rem .475rem 1.5rem;
|
||||
font-size: 14px;
|
||||
color: $sidebar-menu-sub-item-color;
|
||||
}
|
||||
|
||||
ul.sub-menu {
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: .4rem 4.5rem .4rem 1.5rem;
|
||||
font-size: 13.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.menu-title {
|
||||
padding: 12px 20px !important;
|
||||
letter-spacing: .05em;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
color: $sidebar-menu-item-icon-color;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
.mm-active {
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
.active {
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
|
||||
i {
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
}
|
||||
}
|
||||
> i {
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.vertical-menu {
|
||||
display: none;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
body.sidebar-enable {
|
||||
.vertical-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Enlarge menu
|
||||
@media (min-width: 992px) {
|
||||
.vertical-collpsed {
|
||||
|
||||
.main-content {
|
||||
margin-right: $sidebar-collapsed-width;
|
||||
}
|
||||
|
||||
.navbar-brand-box {
|
||||
width: $sidebar-collapsed-width !important;
|
||||
}
|
||||
|
||||
.logo {
|
||||
span.logo-lg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.logo-sm {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Side menu
|
||||
.vertical-menu {
|
||||
|
||||
.user-wid{
|
||||
display: none;
|
||||
}
|
||||
position: absolute;
|
||||
max-width: $sidebar-collapsed-width !important;
|
||||
min-width: $sidebar-collapsed-width !important;
|
||||
z-index: 5;
|
||||
|
||||
.simplebar-mask,
|
||||
.simplebar-content-wrapper {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.simplebar-offset {
|
||||
bottom: 0 !important;
|
||||
}
|
||||
|
||||
// Sidebar Menu
|
||||
#sidebar-menu {
|
||||
|
||||
.menu-title,
|
||||
.badge,
|
||||
.collapse.in {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav.collapse {
|
||||
height: inherit !important;
|
||||
}
|
||||
|
||||
.has-arrow {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
> ul {
|
||||
> li {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
|
||||
> a {
|
||||
padding: 15px 20px;
|
||||
min-height: 55px;
|
||||
transition: none;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $sidebar-menu-item-hover-color;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 1.45rem;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: none;
|
||||
padding-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> a {
|
||||
position: relative;
|
||||
width: calc(190px + #{$sidebar-collapsed-width});
|
||||
color: $primary;
|
||||
background-color: darken($sidebar-bg, 4%);
|
||||
transition: none;
|
||||
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
>ul {
|
||||
display: block;
|
||||
right: $sidebar-collapsed-width;
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
height: auto !important;
|
||||
box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, .1);
|
||||
|
||||
ul {
|
||||
box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, .1);
|
||||
}
|
||||
|
||||
a {
|
||||
box-shadow: none;
|
||||
padding: 8px 20px;
|
||||
position: relative;
|
||||
width: 190px;
|
||||
z-index: 6;
|
||||
color: $sidebar-menu-sub-item-color;
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 5px 0;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
background-color: $sidebar-bg;
|
||||
|
||||
li {
|
||||
&:hover {
|
||||
>ul {
|
||||
display: block;
|
||||
right: 190px;
|
||||
height: auto !important;
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
}
|
||||
}
|
||||
|
||||
>a {
|
||||
span.pull-right {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 12px;
|
||||
transform: rotate(-270deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.active {
|
||||
a {
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body[data-sidebar="dark"] {
|
||||
.vertical-menu {
|
||||
background: $sidebar-dark-bg;
|
||||
}
|
||||
|
||||
#sidebar-menu {
|
||||
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
color: $sidebar-dark-menu-item-color;
|
||||
|
||||
i {
|
||||
color: $sidebar-dark-menu-item-icon-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
|
||||
i {
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.sub-menu {
|
||||
li {
|
||||
|
||||
a {
|
||||
color: $sidebar-dark-menu-sub-item-color;
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Enlarge menu
|
||||
&.vertical-collpsed {
|
||||
min-height: 1200px;
|
||||
// Side menu
|
||||
.vertical-menu {
|
||||
|
||||
// Sidebar Menu
|
||||
#sidebar-menu {
|
||||
|
||||
> ul {
|
||||
> li {
|
||||
|
||||
&:hover {
|
||||
> a {
|
||||
background: lighten($sidebar-dark-bg, 2%);
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
i{
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
>ul {
|
||||
a{
|
||||
color: $sidebar-dark-menu-sub-item-color;
|
||||
&:hover{
|
||||
color: $sidebar-dark-menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
background-color: $sidebar-dark-bg;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ul{
|
||||
|
||||
li{
|
||||
&.mm-active .active{
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
i{
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
.mm-active {
|
||||
color: $sidebar-dark-menu-item-active-color !important;
|
||||
> i {
|
||||
color: $sidebar-dark-menu-item-active-color !important;
|
||||
}
|
||||
.active {
|
||||
color: $sidebar-dark-menu-item-active-color !important;
|
||||
|
||||
i {
|
||||
color: $sidebar-dark-menu-item-active-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-title {
|
||||
color: $sidebar-dark-menu-item-icon-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body[data-layout="horizontal"] {
|
||||
.main-content {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Compact Sidebar
|
||||
|
||||
body[data-sidebar-size="small"] {
|
||||
@media (min-width: 992px) {
|
||||
.navbar-brand-box{
|
||||
width: $sidebar-width-sm;
|
||||
}
|
||||
}
|
||||
.vertical-menu{
|
||||
min-width: $sidebar-width-sm;
|
||||
max-width: $sidebar-width-sm;
|
||||
text-align: center;
|
||||
}
|
||||
.main-content {
|
||||
margin-right: $sidebar-width-sm;
|
||||
}
|
||||
.footer {
|
||||
right: $sidebar-width-sm;
|
||||
}
|
||||
.has-arrow:after,
|
||||
.badge {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#sidebar-menu {
|
||||
ul li {
|
||||
a{
|
||||
i{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
ul.sub-menu {
|
||||
li a{
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.vertical-collpsed {
|
||||
.main-content {
|
||||
margin-right: $sidebar-collapsed-width;
|
||||
}
|
||||
.vertical-menu {
|
||||
#sidebar-menu{
|
||||
text-align: right;
|
||||
>ul{
|
||||
>li{
|
||||
>a {
|
||||
i{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
right: $sidebar-collapsed-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// colored sidebar
|
||||
|
||||
body[data-sidebar="colored"] {
|
||||
.vertical-menu{
|
||||
background-color: $primary;
|
||||
}
|
||||
.navbar-brand-box{
|
||||
background-color: $primary;
|
||||
.logo-dark{
|
||||
display: none;
|
||||
}
|
||||
.logo-light{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-active {
|
||||
color: $white !important;
|
||||
> i, .active {
|
||||
color: $white !important;
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-menu {
|
||||
ul {
|
||||
li {
|
||||
&.menu-title{
|
||||
color: rgba($white, 0.6);
|
||||
}
|
||||
|
||||
a{
|
||||
color: rgba($white, 0.5);
|
||||
i{
|
||||
color: rgba($white, 0.5);
|
||||
}
|
||||
&.waves-effect {
|
||||
.waves-ripple {
|
||||
background: rgba($white, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.sub-menu {
|
||||
li {
|
||||
a{
|
||||
color: rgba($white,.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical-collpsed {
|
||||
.vertical-menu {
|
||||
#sidebar-menu{
|
||||
>ul{
|
||||
>li{
|
||||
&:hover>a{
|
||||
background-color: lighten($primary, 2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
li{
|
||||
&.mm-active {
|
||||
.active{
|
||||
color: $sidebar-menu-item-active-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
21
public/assets/scss/icons.scss
Normal file
21
public/assets/scss/icons.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Version: 1.0.0
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Icons Css File
|
||||
*/
|
||||
|
||||
// Plugins
|
||||
@import "custom/plugins/icons";
|
||||
|
||||
.mdi, .fa, .fab, .fas, .far, [data-icon], [class^="dripicons-"], [class*=" dripicons-"] {
|
||||
&, &:before {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.bx {
|
||||
vertical-align: middle;
|
||||
}
|
||||
Reference in New Issue
Block a user