start copy from cimac web
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,84 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: App dark Css
|
||||
*/
|
||||
|
||||
//Core files
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables-dark";
|
||||
@import "../../../plugins/bootstrap/mixins";
|
||||
|
||||
|
||||
// Structure
|
||||
@import "structure/leftbar";
|
||||
@import "structure/topbar";
|
||||
@import "structure/footer";
|
||||
@import "structure/horizontal-nav";
|
||||
@import "structure/dark-sidenav";
|
||||
@import "structure/leftbar-tab";
|
||||
|
||||
|
||||
// Components
|
||||
@import "components/reboot";
|
||||
@import "components/waves";
|
||||
@import "components/card";
|
||||
@import "components/badge";
|
||||
@import "components/buttons";
|
||||
@import "components/dropdown";
|
||||
@import "components/tables";
|
||||
@import "components/progress";
|
||||
@import "components/alert";
|
||||
@import "components/forms";
|
||||
@import "components/modals";
|
||||
@import "components/switch";
|
||||
@import "components/form-advanced";
|
||||
@import "components/form-validation";
|
||||
@import "components/form-wizard";
|
||||
@import "components/form-editor";
|
||||
|
||||
|
||||
|
||||
// Plugins
|
||||
@import "plugins/custom-scrollbar";
|
||||
@import "plugins/maps";
|
||||
@import "plugins/charts";
|
||||
@import "plugins/calendar";
|
||||
@import "plugins/rangeslider";
|
||||
@import "plugins/sweet-alert";
|
||||
@import "plugins/nastable";
|
||||
|
||||
// Pages
|
||||
@import "pages/avatar";
|
||||
@import "pages/general";
|
||||
@import "pages/background-color";
|
||||
@import "pages/analytics";
|
||||
@import "pages/crm";
|
||||
@import "pages/helpdesk";
|
||||
@import "pages/ecommerce";
|
||||
@import "pages/timeline";
|
||||
@import "pages/email";
|
||||
@import "pages/chat";
|
||||
@import "pages/profile";
|
||||
@import "pages/invoice";
|
||||
@import "pages/projects";
|
||||
@import "pages/files";
|
||||
@import "pages/check-radio";
|
||||
@import "pages/gallery";
|
||||
@import "pages/pricing";
|
||||
@import "pages/account-pages";
|
||||
|
||||
|
||||
// RTL
|
||||
|
||||
@import "rtl/bootstrap-rtl";
|
||||
@import "rtl/components-rtl";
|
||||
@import "rtl/structure-rtl";
|
||||
@import "rtl/reboot-rtl";
|
||||
@import "rtl/text-rtl";
|
||||
@import "rtl/float-rtl";
|
||||
@import "rtl/spacing-rtl";
|
||||
@import "rtl/plugins-rtl";
|
||||
@import "rtl/general-rtl";
|
||||
@@ -0,0 +1,70 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: App dark Css
|
||||
*/
|
||||
|
||||
//Core files
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables-dark";
|
||||
@import "../../../plugins/bootstrap/mixins";
|
||||
|
||||
|
||||
// Structure
|
||||
@import "structure/leftbar";
|
||||
@import "structure/topbar";
|
||||
@import "structure/footer";
|
||||
@import "structure/horizontal-nav";
|
||||
@import "structure/dark-sidenav";
|
||||
@import "structure/leftbar-tab";
|
||||
|
||||
// Components
|
||||
@import "components/reboot";
|
||||
@import "components/waves";
|
||||
@import "components/card";
|
||||
@import "components/badge";
|
||||
@import "components/buttons";
|
||||
@import "components/dropdown";
|
||||
@import "components/tables";
|
||||
@import "components/progress";
|
||||
@import "components/alert";
|
||||
@import "components/forms";
|
||||
@import "components/modals";
|
||||
@import "components/switch";
|
||||
@import "components/form-advanced";
|
||||
@import "components/form-validation";
|
||||
@import "components/form-wizard";
|
||||
@import "components/form-editor";
|
||||
|
||||
|
||||
|
||||
// Plugins
|
||||
@import "plugins/custom-scrollbar";
|
||||
@import "plugins/maps";
|
||||
@import "plugins/charts";
|
||||
@import "plugins/calendar";
|
||||
@import "plugins/rangeslider";
|
||||
@import "plugins/sweet-alert";
|
||||
@import "plugins/nastable";
|
||||
|
||||
// Pages
|
||||
@import "pages/avatar";
|
||||
@import "pages/general";
|
||||
@import "pages/background-color";
|
||||
@import "pages/analytics";
|
||||
@import "pages/crm";
|
||||
@import "pages/helpdesk";
|
||||
@import "pages/ecommerce";
|
||||
@import "pages/timeline";
|
||||
@import "pages/email";
|
||||
@import "pages/chat";
|
||||
@import "pages/profile";
|
||||
@import "pages/invoice";
|
||||
@import "pages/projects";
|
||||
@import "pages/files";
|
||||
@import "pages/check-radio";
|
||||
@import "pages/gallery";
|
||||
@import "pages/pricing";
|
||||
@import "pages/account-pages";
|
||||
@@ -0,0 +1,83 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: App Css
|
||||
*/
|
||||
|
||||
//Core files
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables";
|
||||
@import "../../../plugins/bootstrap/mixins";
|
||||
|
||||
|
||||
// Structure
|
||||
@import "structure/leftbar";
|
||||
@import "structure/topbar";
|
||||
@import "structure/footer";
|
||||
@import "structure/horizontal-nav";
|
||||
@import "structure/dark-sidenav";
|
||||
@import "structure/leftbar-tab";
|
||||
|
||||
// Components
|
||||
@import "components/reboot";
|
||||
@import "components/waves";
|
||||
@import "components/card";
|
||||
@import "components/badge";
|
||||
@import "components/buttons";
|
||||
@import "components/dropdown";
|
||||
@import "components/tables";
|
||||
@import "components/progress";
|
||||
@import "components/alert";
|
||||
@import "components/forms";
|
||||
@import "components/modals";
|
||||
@import "components/switch";
|
||||
@import "components/form-advanced";
|
||||
@import "components/form-validation";
|
||||
@import "components/form-wizard";
|
||||
@import "components/form-editor";
|
||||
|
||||
|
||||
|
||||
// Plugins
|
||||
@import "plugins/custom-scrollbar";
|
||||
@import "plugins/maps";
|
||||
@import "plugins/charts";
|
||||
@import "plugins/calendar";
|
||||
@import "plugins/rangeslider";
|
||||
@import "plugins/sweet-alert";
|
||||
@import "plugins/nastable";
|
||||
|
||||
// Pages
|
||||
@import "pages/avatar";
|
||||
@import "pages/general";
|
||||
@import "pages/background-color";
|
||||
@import "pages/analytics";
|
||||
@import "pages/crm";
|
||||
@import "pages/helpdesk";
|
||||
@import "pages/ecommerce";
|
||||
@import "pages/timeline";
|
||||
@import "pages/email";
|
||||
@import "pages/chat";
|
||||
@import "pages/profile";
|
||||
@import "pages/invoice";
|
||||
@import "pages/projects";
|
||||
@import "pages/files";
|
||||
@import "pages/check-radio";
|
||||
@import "pages/gallery";
|
||||
@import "pages/pricing";
|
||||
@import "pages/account-pages";
|
||||
|
||||
|
||||
// RTL
|
||||
|
||||
@import "rtl/bootstrap-rtl";
|
||||
@import "rtl/components-rtl";
|
||||
@import "rtl/structure-rtl";
|
||||
@import "rtl/reboot-rtl";
|
||||
@import "rtl/text-rtl";
|
||||
@import "rtl/float-rtl";
|
||||
@import "rtl/spacing-rtl";
|
||||
@import "rtl/plugins-rtl";
|
||||
@import "rtl/general-rtl";
|
||||
@@ -0,0 +1,70 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: App Css
|
||||
*/
|
||||
|
||||
//Core files
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables";
|
||||
@import "../../../plugins/bootstrap/mixins";
|
||||
|
||||
|
||||
// Structure
|
||||
@import "structure/leftbar";
|
||||
@import "structure/topbar";
|
||||
@import "structure/footer";
|
||||
@import "structure/horizontal-nav";
|
||||
@import "structure/dark-sidenav";
|
||||
@import "structure/leftbar-tab";
|
||||
|
||||
// Components
|
||||
@import "components/reboot";
|
||||
@import "components/waves";
|
||||
@import "components/card";
|
||||
@import "components/badge";
|
||||
@import "components/buttons";
|
||||
@import "components/dropdown";
|
||||
@import "components/tables";
|
||||
@import "components/progress";
|
||||
@import "components/alert";
|
||||
@import "components/forms";
|
||||
@import "components/modals";
|
||||
@import "components/switch";
|
||||
@import "components/form-advanced";
|
||||
@import "components/form-validation";
|
||||
@import "components/form-wizard";
|
||||
@import "components/form-editor";
|
||||
|
||||
|
||||
|
||||
// Plugins
|
||||
@import "plugins/custom-scrollbar";
|
||||
@import "plugins/maps";
|
||||
@import "plugins/charts";
|
||||
@import "plugins/calendar";
|
||||
@import "plugins/rangeslider";
|
||||
@import "plugins/sweet-alert";
|
||||
@import "plugins/nastable";
|
||||
|
||||
// Pages
|
||||
@import "pages/avatar";
|
||||
@import "pages/general";
|
||||
@import "pages/background-color";
|
||||
@import "pages/analytics";
|
||||
@import "pages/crm";
|
||||
@import "pages/helpdesk";
|
||||
@import "pages/ecommerce";
|
||||
@import "pages/timeline";
|
||||
@import "pages/email";
|
||||
@import "pages/chat";
|
||||
@import "pages/profile";
|
||||
@import "pages/invoice";
|
||||
@import "pages/projects";
|
||||
@import "pages/files";
|
||||
@import "pages/check-radio";
|
||||
@import "pages/gallery";
|
||||
@import "pages/pricing";
|
||||
@import "pages/account-pages";
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
/*
|
||||
Template Name: Mannat - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
*/
|
||||
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables-dark";
|
||||
@import "../../../plugins/bootstrap/bootstrap";
|
||||
|
||||
|
||||
// Components
|
||||
@import "components/card";
|
||||
@import "components/type";
|
||||
Vendored
+14
@@ -0,0 +1,14 @@
|
||||
/*
|
||||
Template Name: Mannat - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
*/
|
||||
|
||||
@import "../../../plugins/bootstrap/functions";
|
||||
@import "../../../plugins/bootstrap/variables";
|
||||
@import "variables";
|
||||
@import "../../../plugins/bootstrap/bootstrap";
|
||||
|
||||
|
||||
// Components
|
||||
@import "components/card";
|
||||
@import "components/type";
|
||||
@@ -0,0 +1,119 @@
|
||||
//
|
||||
// _alert.scss
|
||||
//
|
||||
|
||||
|
||||
.b-round{
|
||||
border-radius: 40px;
|
||||
}
|
||||
.alert {
|
||||
position: relative;
|
||||
border: 0;
|
||||
|
||||
&.icon-custom-alert{
|
||||
display: flex;
|
||||
}
|
||||
.alert-icon{
|
||||
font-size: 24px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.alert-text{
|
||||
flex-grow: 1;
|
||||
align-self: center;
|
||||
}
|
||||
.alert-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.alert-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// Alert Outline
|
||||
|
||||
&.alert-outline-success{
|
||||
border:1px solid $success;
|
||||
background-color: transparent;
|
||||
color: $success;
|
||||
}
|
||||
&.alert-outline-danger{
|
||||
border:1px solid $danger;
|
||||
background-color: transparent;
|
||||
color: $danger;
|
||||
}
|
||||
&.alert-outline-primary{
|
||||
border:1px solid $primary;
|
||||
background-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
&.alert-outline-warning{
|
||||
border:1px solid $warning;
|
||||
background-color: transparent;
|
||||
color: $warning;
|
||||
}
|
||||
&.alert-outline-info{
|
||||
border:1px solid $info;
|
||||
background-color: transparent;
|
||||
color: $info;
|
||||
}
|
||||
&.alert-outline-pink{
|
||||
border:1px solid $pink;
|
||||
background-color: transparent;
|
||||
color: $pink;
|
||||
}
|
||||
&.alert-outline-purple{
|
||||
border:1px solid $purple;
|
||||
background-color: transparent;
|
||||
color: $purple;
|
||||
}
|
||||
&.alert-outline-blue{
|
||||
border:1px solid $blue;
|
||||
background-color: transparent;
|
||||
color: $blue;
|
||||
}
|
||||
&.alert-outline-secondary{
|
||||
border:1px solid $secondary;
|
||||
background-color: transparent;
|
||||
color: $secondary;
|
||||
}
|
||||
&.alert-outline-dark{
|
||||
border:1px solid $dark;
|
||||
background-color: transparent;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
//Alert Shadow
|
||||
|
||||
&.alert-primary-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($primary, 0.06), 0 1px 0 0 rgba($primary, 0.02);
|
||||
}
|
||||
&.alert-success-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($success, 0.06), 0 1px 0 0 rgba($success, 0.02);
|
||||
}
|
||||
&.alert-info-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($info, 0.06), 0 1px 0 0 rgba($info, 0.02);
|
||||
}
|
||||
&.alert-warning-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($warning, 0.06), 0 1px 0 0 rgba($warning, 0.02);
|
||||
}
|
||||
&.alert-danger-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($danger, 0.06), 0 1px 0 0 rgba($danger, 0.02);
|
||||
}
|
||||
&.alert-dark-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($dark, 0.06), 0 1px 0 0 rgba($dark, 0.02);
|
||||
}
|
||||
&.alert-pink-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($pink, 0.06), 0 1px 0 0 rgba($pink, 0.02);
|
||||
}
|
||||
&.alert-purple-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($purple, 0.06), 0 1px 0 0 rgba($purple, 0.02);
|
||||
}
|
||||
&.alert-blue-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($blue, 0.06), 0 1px 0 0 rgba($blue, 0.02);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// _badge.scss
|
||||
//
|
||||
.badge-success,
|
||||
.badge-orange{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,484 @@
|
||||
//
|
||||
// _buttons.scss
|
||||
//
|
||||
|
||||
|
||||
|
||||
.btn-round {
|
||||
border-radius: 30px;
|
||||
}
|
||||
.btn-circle{
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-square{
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-skew{
|
||||
transform: skew(-15deg);
|
||||
span{
|
||||
display: inline-block;
|
||||
transform: skew(15deg);
|
||||
}
|
||||
}
|
||||
.accordion{
|
||||
.btn:focus{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn.btn-outline-dashed {
|
||||
outline: 1px dashed $white !important;
|
||||
outline-offset: -5px;
|
||||
-moz-outline-radius: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.button-list,
|
||||
.button-items {
|
||||
margin-bottom: -8px;
|
||||
.btn{
|
||||
margin: 0 5px 8px 0;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
transition: .3s ease-out;
|
||||
box-shadow: 0 7px 14px 0 rgba($gray-300,.5);
|
||||
&:hover{
|
||||
box-shadow: 0 1px 2px 0 rgba($gray-300, 0.5);
|
||||
}
|
||||
}
|
||||
.btn-primary{
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-secondary{
|
||||
box-shadow: 0 7px 14px 0 rgba($secondary,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-success{
|
||||
box-shadow: 0 7px 14px 0 rgba($success,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-warning{
|
||||
box-shadow: 0 7px 14px 0 rgba($warning,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-info{
|
||||
box-shadow: 0 7px 14px 0 rgba($info,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-danger{
|
||||
box-shadow: 0 7px 14px 0 rgba($danger,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-pink{
|
||||
box-shadow: 0 7px 14px 0 rgba($pink,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-purple{
|
||||
box-shadow: 0 7px 14px 0 rgba($purple,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-blue{
|
||||
box-shadow: 0 7px 14px 0 rgba($blue,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-dark{
|
||||
color: $gray-100;
|
||||
box-shadow: 0 7px 14px 0 rgba($dark,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
.btn-gray{
|
||||
box-shadow: 0 7px 14px 0 rgba($gray,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-light{
|
||||
box-shadow: 0 7px 14px 0 rgba($gray-400,.6);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-outline-light {
|
||||
color: $gray-600;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: $gray-300;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
color: $gray-900;
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*soft buttons*/
|
||||
|
||||
.btn-soft-primary{
|
||||
background-color: rgba($primary,0.1);
|
||||
color: $primary;
|
||||
&:hover{
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($primary,0.2);
|
||||
background-color: rgba($primary,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.btn-soft-secondary{
|
||||
background-color: rgba($secondary,0.15);
|
||||
color: $secondary;
|
||||
&:hover{
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($secondary,0.2);
|
||||
background-color: rgba($secondary,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-success{
|
||||
background-color: rgba($success,0.1);
|
||||
color: $success;
|
||||
&:hover{
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($success,0.2);
|
||||
background-color: rgba($success,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-warning{
|
||||
background-color: rgba($warning,0.18);
|
||||
color: $warning;
|
||||
&:hover{
|
||||
background-color: $warning;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($warning,0.2);
|
||||
background-color: rgba($warning,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-danger{
|
||||
background-color: rgba($danger,0.1);
|
||||
color: $danger;
|
||||
&:hover{
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($danger,0.2);
|
||||
background-color: rgba($danger,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-info{
|
||||
background-color: rgba($info,0.1);
|
||||
color: $info;
|
||||
&:hover{
|
||||
background-color: $info;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($info,0.2);
|
||||
background-color: rgba($info,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-dark{
|
||||
background-color: rgba($dark,0.1);
|
||||
color: $dark;
|
||||
&:hover{
|
||||
background-color: $dark;
|
||||
color: $gray-100;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($dark,0.2);
|
||||
background-color: rgba($dark,0.8);
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-pink{
|
||||
background-color: rgba($pink,0.1);
|
||||
color: $pink;
|
||||
&:hover{
|
||||
background-color: $pink;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($pink,0.2);
|
||||
background-color: rgba($pink,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.btn-soft-purple{
|
||||
background-color: rgba($purple,0.1);
|
||||
color: $purple;
|
||||
&:hover{
|
||||
background-color: $purple;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($purple,0.2);
|
||||
background-color: rgba($purple,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-blue{
|
||||
background-color: rgba($blue,0.1);
|
||||
color: $blue;
|
||||
&:hover{
|
||||
background-color: $blue;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($blue,0.2);
|
||||
background-color: rgba($blue,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*btn-gradient-primary*/
|
||||
|
||||
.btn-gradient-primary{
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-primary:hover, .btn-gradient-primary:focus, .btn-gradient-primary:active, .btn-gradient-primary.active,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary:focus, .btn-gradient-primary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-primary,.btn-gradient-primary.active,
|
||||
.btn-gradient-primary:active, .show>.btn-gradient-primary.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-primary.dropdown-toggle:focus,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-success*/
|
||||
|
||||
.btn-gradient-success{
|
||||
background: linear-gradient(14deg, $success 0%, rgba($success, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($success,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-success:hover, .btn-gradient-success:focus, .btn-gradient-success:active, .btn-gradient-success.active,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success:focus, .btn-gradient-success:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-success,.btn-gradient-success.active,
|
||||
.btn-gradient-success:active, .show>.btn-gradient-success.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $success 0%, rgba($success, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-success:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-success.dropdown-toggle:focus,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-secondary*/
|
||||
|
||||
.btn-gradient-secondary{
|
||||
background: linear-gradient(14deg, $secondary 0%, rgba($secondary, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($secondary,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-secondary:hover, .btn-gradient-secondary:focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary:focus, .btn-gradient-secondary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-secondary,.btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary:active, .show>.btn-gradient-secondary.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $secondary 0%, rgba($secondary, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-secondary.dropdown-toggle:focus,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-danger*/
|
||||
|
||||
.btn-gradient-danger{
|
||||
background: linear-gradient(14deg, $danger 0%, rgba($danger, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($danger,.5);
|
||||
border:none;
|
||||
}
|
||||
.btn-gradient-danger:hover, .btn-gradient-danger:focus, .btn-gradient-danger:active, .btn-gradient-danger.active,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger:focus, .btn-gradient-danger:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-danger,.btn-gradient-danger.active,
|
||||
.btn-gradient-danger:active, .show>.btn-gradient-danger.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $danger 0%, rgba($danger, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-danger.dropdown-toggle:focus,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-warning*/
|
||||
|
||||
.btn-gradient-warning{
|
||||
background: linear-gradient(14deg, $warning 0%, rgba($warning, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($warning,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-warning:hover, .btn-gradient-warning:focus, .btn-gradient-warning:active, .btn-gradient-warning.active,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning:focus, .btn-gradient-warning:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-warning,.btn-gradient-warning.active,
|
||||
.btn-gradient-warning:active, .show>.btn-gradient-warning.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $warning 0%, rgba($warning, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-warning.dropdown-toggle:focus,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
}
|
||||
/*btn-gradient-info*/
|
||||
|
||||
.btn-gradient-info{
|
||||
background: linear-gradient(14deg, $info 0%, rgba($info, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($info,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-info:hover, .btn-gradient-info:focus, .btn-gradient-info:active, .btn-gradient-info.active,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info:focus, .btn-gradient-info:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-info,.btn-gradient-info.active,
|
||||
.btn-gradient-info:active, .show>.btn-gradient-info.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $info 0%, rgba($info, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-info:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-info.dropdown-toggle:focus,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-dark*/
|
||||
|
||||
.btn-gradient-dark{
|
||||
background: linear-gradient(14deg, $dark 0%, rgba($dark, .7));
|
||||
color:$gray-100;
|
||||
box-shadow: 0 7px 14px 0 rgba($dark,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-dark:hover, .btn-gradient-dark:focus, .btn-gradient-dark:active, .btn-gradient-dark.active,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark:focus, .btn-gradient-dark:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-dark,.btn-gradient-dark.active,
|
||||
.btn-gradient-dark:active, .show>.btn-gradient-dark.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $dark 0%, rgba($dark, .7));
|
||||
color: $gray-100;
|
||||
}
|
||||
.btn-gradient-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-dark.dropdown-toggle:focus,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*btn-gradient-pink*/
|
||||
|
||||
.btn-gradient-pink{
|
||||
background: linear-gradient(14deg, $pink 0%, rgba($pink, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($pink,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-pink:hover, .btn-gradient-pink:focus, .btn-gradient-pink:active, .btn-gradient-pink.active,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:active, .btn-gradient-pink:focus, .btn-gradient-pink:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-pink,.btn-gradient-pink.active,
|
||||
.btn-gradient-pink:active, .show>.btn-gradient-pink.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $pink 0%, rgba($pink, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-pink.dropdown-toggle:focus,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-purple*/
|
||||
|
||||
.btn-gradient-purple{
|
||||
background: linear-gradient(14deg, $purple 0%, rgba($purple, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($purple,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-purple:hover, .btn-gradient-purple:focus, .btn-gradient-purple:active, .btn-gradient-purple.active,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:active, .btn-gradient-purple:focus, .btn-gradient-purple:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-purple,.btn-gradient-purple.active,
|
||||
.btn-gradient-purple:active, .show>.btn-gradient-purple.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $purple 0%, rgba($purple, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-purple.dropdown-toggle:focus,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// _card.scss
|
||||
//
|
||||
|
||||
.card {
|
||||
box-shadow: $box-shadow;
|
||||
margin-bottom: 24px;
|
||||
background-color: $card-bg;
|
||||
.card-header{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,60 @@
|
||||
//
|
||||
// _dropdown.scss
|
||||
//
|
||||
|
||||
.dropdown-menu{
|
||||
box-shadow: 0 3px 12px $drop-shadow-color;
|
||||
margin: 0;
|
||||
.dropdown-item:hover,
|
||||
.dropdown-item:focus{
|
||||
background-color: $gray-200;
|
||||
color: $gray-900;
|
||||
}
|
||||
}
|
||||
.dropdown-lg{
|
||||
width: $dropdown-lg-width;
|
||||
}
|
||||
|
||||
.ui-widget-content{
|
||||
padding: 4px 0;
|
||||
font-size: $font-size-base;
|
||||
box-shadow: 0 3px 12px rgba($gray-300,.4);
|
||||
border-color: $dropdown-border-color;
|
||||
background-color: $dropdown-bg;
|
||||
margin: 0;
|
||||
.ui-menu-item {
|
||||
padding: 6px 24px;
|
||||
color: $gray-700;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active,
|
||||
&:active{
|
||||
color: $gray-800;
|
||||
text-decoration: none;
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget.ui-widget-content{
|
||||
border: 1px solid rgba($gray-200,.4);
|
||||
z-index: 1111;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: none;
|
||||
color: $gray-800;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ui-menu .ui-state-focus,
|
||||
.ui-menu .ui-state-active {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,210 @@
|
||||
/* ==============
|
||||
Form-Advanced
|
||||
===================*/
|
||||
|
||||
/* Datepicker */
|
||||
.datepicker {
|
||||
border: 1px solid $gray-200;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover,.datepicker table tr td.today, .datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected:hover {
|
||||
background-color: $primary !important;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
.drp-buttons {
|
||||
.btn {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
td.active,
|
||||
td.active:hover {
|
||||
background-color: rgba($primary, 0.1);
|
||||
border-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.daterangepicker td.active, .daterangepicker
|
||||
|
||||
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap-touchSpin */
|
||||
.bootstrap-touchspin .input-group-btn-vertical .btn {
|
||||
padding: 9px 12px;
|
||||
}
|
||||
.bootstrap-touchspin .input-group-btn-vertical i {
|
||||
top: 4px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
/* Prism */
|
||||
:not(pre) > code[class*="language-"], pre[class*="language-"] {
|
||||
background: $light;
|
||||
}
|
||||
|
||||
/* Rating */
|
||||
.badge:empty {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.select2-container--default{
|
||||
.select2-selection--single {
|
||||
border: 1px solid $border_2;
|
||||
height: 38px;
|
||||
background-color: $card-bg;
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
.select2-selection__rendered {
|
||||
color: $body-color;
|
||||
line-height: 38px;
|
||||
}
|
||||
.select2-selection__arrow {
|
||||
height: 38px;
|
||||
right: 8px;
|
||||
}
|
||||
}
|
||||
.select2-selection--multiple {
|
||||
background-color: $card-bg;
|
||||
.select2-selection__choice {
|
||||
margin-top: 7px;
|
||||
background-color: $info;
|
||||
border: 1px solid $border_2;
|
||||
color: $white;
|
||||
}
|
||||
.select2-selection__choice__remove{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.select2-search--dropdown {
|
||||
.select2-search__field{
|
||||
background-color: $card-bg;
|
||||
border: 1px solid $border_2;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--focus {
|
||||
.select2-selection--multiple{
|
||||
border: 1px solid $border_2;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container {
|
||||
.select2-selection--multiple {
|
||||
min-height: 38px;
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
.select2-search--inline {
|
||||
.select2-search__field {
|
||||
margin-top: 8px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
background-color: $card-bg;
|
||||
border: 1px solid $border;
|
||||
}
|
||||
|
||||
|
||||
/*---datetimepicker---*/
|
||||
.dtp-btn-cancel {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.addon-color-picker .btn {
|
||||
padding: 8px;
|
||||
line-height: 0;
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
/*--colorpicker--*/
|
||||
.asColorPicker-clear {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 45px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.asColorPicker-trigger {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.asColorPicker-dropdown {
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
.asColorPicker-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.input-title{
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
//Bootstrap Material Datetimepicker
|
||||
|
||||
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
|
||||
background: $dtp;
|
||||
}
|
||||
.dtp table.dtp-picker-days tr > td > a.selected {
|
||||
background: rgba($primary, 0.1);
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.dtp div.dtp-date, .dtp div.dtp-time {
|
||||
background: lighten($dtp, 3%);
|
||||
color: $primary;
|
||||
}
|
||||
.dtp div.dtp-actual-year,
|
||||
.dtp div.dtp-actual-month{
|
||||
color: $gray-100;
|
||||
font-size: 14px;
|
||||
padding: 8px 0 ;
|
||||
}
|
||||
|
||||
.dtp > .dtp-content{
|
||||
max-height: 555px;
|
||||
}
|
||||
.dtp table.dtp-picker-days tr > th{
|
||||
color: lighten($dtp, 15%);
|
||||
}
|
||||
|
||||
.dtp table.dtp-picker-days tr > td > a,
|
||||
.dtp .dtp-picker-time > a{
|
||||
color: lighten($dtp, 45%);
|
||||
font-size: 12px;
|
||||
}
|
||||
.dtp div.dtp-actual-num{
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
|
||||
.dtp .p10 > a { color: $dtp; text-decoration: none; }
|
||||
@@ -0,0 +1,47 @@
|
||||
|
||||
// Form editor
|
||||
.mce-panel{
|
||||
border: 1px solid $gray-200 !important;
|
||||
background-color: $editor-layout !important;
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
.mce-label{
|
||||
text-shadow: none !important;
|
||||
color: $gray-500 !important;
|
||||
}
|
||||
.mce-tinymce{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.mce-btn {
|
||||
background: transparent !important;
|
||||
}
|
||||
.mce-flow-layout,
|
||||
.mce-top-part::before{
|
||||
box-shadow: none !important;
|
||||
background-color: $gray-200 !important;
|
||||
}
|
||||
.mce-caret{
|
||||
border-top: 4px solid $gray-700 !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menubar .mce-caret {
|
||||
border-top-color: $gray-700 !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menubar .mce-menubtn button span,
|
||||
.mce-btn .mce-txt,
|
||||
.mce-ico{
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
|
||||
.mce-btn.mce-disabled button,
|
||||
.mce-btn.mce-disabled:hover button{
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menu-item.mce-disabled,
|
||||
.mce-menu-item.mce-disabled:hover,
|
||||
.mce-menu-item:hover,
|
||||
.mce-menu-item:focus{
|
||||
background: $gray-100 !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
//
|
||||
// Form Validation
|
||||
//
|
||||
|
||||
.error {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.parsley-error {
|
||||
border-color: $danger;
|
||||
}
|
||||
.parsley-errors-list {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.parsley-errors-list.filled {
|
||||
display: block;
|
||||
}
|
||||
.parsley-errors-list > li {
|
||||
font-size: 12px;
|
||||
list-style: none;
|
||||
color: $danger;
|
||||
margin-top: 5px;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.wizard > .content > .body input{
|
||||
border: 1px solid $border_2;
|
||||
&:focus{
|
||||
border-color: rgba($primary, 0.5);
|
||||
}
|
||||
}
|
||||
.wizard.vertical > .steps{
|
||||
width: auto;
|
||||
}
|
||||
.wizard > .steps > ul > li {
|
||||
width: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.wizard>.steps a,
|
||||
.wizard>.steps a:active,
|
||||
.wizard>.steps a:hover {
|
||||
margin: 3px;
|
||||
padding: 0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.wizard>.steps .current a,
|
||||
.wizard>.steps .current a:active,
|
||||
.wizard>.steps .current a:hover {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
padding: 2px 20px 2px 2px;
|
||||
box-shadow: 0px 3px 10px 0 rgba($primary, 0.4);
|
||||
}
|
||||
|
||||
.wizard>.steps .disabled a,
|
||||
.wizard>.steps .disabled a:active,
|
||||
.wizard>.steps .disabled a:hover,
|
||||
.wizard>.steps .done a,
|
||||
.wizard>.steps .done a:active,
|
||||
.wizard>.steps .done a:hover {
|
||||
background-color: rgba($primary,0.1);
|
||||
color: $gray-400;
|
||||
padding: 0 20px 0 0;
|
||||
box-shadow: 0px 0px 0px 2.25px rgba($primary,0.5);
|
||||
}
|
||||
|
||||
.wizard>.steps .current a .number,
|
||||
.wizard>.steps .current a:active .number,
|
||||
.wizard>.steps .current a:hover .number {
|
||||
border: 2px solid $white;
|
||||
}
|
||||
|
||||
.wizard>.steps .disabled a .number,
|
||||
.wizard>.steps .disabled a:active .number,
|
||||
.wizard>.steps .disabled a:hover .number,
|
||||
.wizard>.steps .done a .number,
|
||||
.wizard>.steps .done a:active .number,
|
||||
.wizard>.steps .done a:hover .number {
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
.wizard>.content {
|
||||
background-color: transparent;
|
||||
margin: 0 5px;
|
||||
border-radius: 0;
|
||||
min-height: 150px
|
||||
}
|
||||
#form-horizontal fieldset{
|
||||
margin-top:20px;
|
||||
}
|
||||
.wizard>.content>.body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 15px 0 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.wizard>.steps .number {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $white;
|
||||
width: 38px;
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
background-color: rgba($primary, 0.15);
|
||||
}
|
||||
.wizard > .actions,
|
||||
.wizard.vertical > .actions{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.wizard>.actions .disabled a,
|
||||
.wizard>.actions .disabled a:active,
|
||||
.wizard>.actions .disabled a:hover {
|
||||
opacity: .65;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.wizard>.actions a,
|
||||
.wizard>.actions a:active,
|
||||
.wizard>.actions a:hover {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
border-radius: 4px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.wizard > .steps > ul > li {
|
||||
width: 50%;
|
||||
}
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 520px) {
|
||||
.wizard > .steps > ul > li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
//
|
||||
// Forms
|
||||
//
|
||||
|
||||
label {
|
||||
font-weight: 400;
|
||||
color: $label;
|
||||
font-size: 13px;
|
||||
}
|
||||
.custom-control-label{
|
||||
padding-top: 2px;
|
||||
}
|
||||
.form-control {
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-text{
|
||||
font-size: $font-size-base;
|
||||
background-color: $gray-200;
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
.custom-file-input,
|
||||
.custom-file-label{
|
||||
height: calc(2.3rem + 1px);
|
||||
line-height: 26px;
|
||||
}
|
||||
.custom-file-label::after{
|
||||
height: calc(1.5em + 15px);
|
||||
line-height: 24px;
|
||||
}
|
||||
.form-group{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.custom-select:focus{
|
||||
border-color: rgba($primary, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-control-input:checked~.custom-control-indicator {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.custom-control-input:focus~.custom-control-indicator {
|
||||
-webkit-box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
}
|
||||
|
||||
.has-success {
|
||||
.form-control {
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-warning {
|
||||
.form-control {
|
||||
border-color: $warning;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error {
|
||||
.form-control {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-addon {
|
||||
border-radius: 2px;
|
||||
border: 1px solid $light;
|
||||
}
|
||||
.col-form-label{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form-control.is-valid:focus,
|
||||
.custom-select.is-valid:focus,
|
||||
.was-validated .custom-select:valid:focus {
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-select.is-invalid:focus,
|
||||
.was-validated .custom-select:invalid:focus {
|
||||
border-color: $danger;
|
||||
box-shadow:none;
|
||||
}
|
||||
.custom-select{
|
||||
font-size: 13px;
|
||||
height: 38px;
|
||||
}
|
||||
.custom-file-input.is-invalid:focus~.custom-file-label,
|
||||
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
|
||||
.form-control.is-invalid:focus,
|
||||
.was-validated .form-control:invalid:focus {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-file-input:focus~.custom-file-label{
|
||||
border-color: rgba($primary, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
dt {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.demo-container {
|
||||
box-sizing: border-box;
|
||||
width: 850px;
|
||||
height: 450px;
|
||||
padding: 20px 15px 15px 15px;
|
||||
margin: 15px auto 30px auto;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
background: linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
|
||||
-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.demo-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dropify-wrapper{
|
||||
background-color: $card-bg;
|
||||
border: 2px dashed $border_2;
|
||||
.dropify-message {
|
||||
p{
|
||||
color: $gray-500;
|
||||
}
|
||||
span.file-icon{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-size: 30px 30px;
|
||||
background-image: linear-gradient(-45deg,$gray-200 25%,transparent 25%,transparent 50%,$gray-200 50%,$gray-200 75%,transparent 75%,transparent);
|
||||
}
|
||||
.dropify-preview{
|
||||
background-color: $card-bg;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
//
|
||||
// Modals
|
||||
//
|
||||
|
||||
.modal-demo {
|
||||
background-color: $card-bg;
|
||||
width: 600px;
|
||||
border-radius: 4px;
|
||||
display: none;
|
||||
position: relative;
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 25px;
|
||||
color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content{
|
||||
background-color: $gray-100;
|
||||
.modal-header,.modal-footer{
|
||||
border-color: $gray-300;
|
||||
background-color:$gray-300;
|
||||
.modal-title{
|
||||
color: $gray-900;
|
||||
align-self: center;
|
||||
font-weight: 600;
|
||||
margin-top: 0;
|
||||
}
|
||||
.close{
|
||||
color: $gray-800;
|
||||
}
|
||||
}
|
||||
.modal-body p,h4{
|
||||
color: $gray-600;
|
||||
}
|
||||
.modal-title.custom-title{
|
||||
color: lighten($gray-500, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
#custom-modal{
|
||||
.close{
|
||||
color: $gray-800;
|
||||
}
|
||||
}
|
||||
.custom-modal-title {
|
||||
padding: 15px 25px 15px 25px;
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
background-color: $gray-200;
|
||||
color: $gray-800;
|
||||
text-align: left;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.custom-modal-text {
|
||||
padding: 20px;
|
||||
color: $gray-500;
|
||||
}
|
||||
|
||||
.custombox-modal-flash .close,
|
||||
.custombox-modal-rotatedown .close {
|
||||
top: 20px;
|
||||
z-index: 9999;
|
||||
|
||||
}
|
||||
|
||||
#session-timeout-dialog .modal-header {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,81 @@
|
||||
//
|
||||
// progress.scss
|
||||
//
|
||||
|
||||
.progress{
|
||||
box-shadow: $progress-shadow;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Progressbar Vertical */
|
||||
|
||||
.progress-vertical {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
width: 10px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-vertical .progress-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom .progress-bar {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm,
|
||||
.progress-vertical-bottom.progress-sm {
|
||||
width: 5px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm .progress-bar,
|
||||
.progress-vertical-bottom.progress-sm .progress-bar {
|
||||
font-size: 8px;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md,
|
||||
.progress-vertical-bottom.progress-md {
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md .progress-bar,
|
||||
.progress-vertical-bottom.progress-md .progress-bar {
|
||||
font-size: 10.8px;
|
||||
line-height: 14.4px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg,
|
||||
.progress-vertical-bottom.progress-lg {
|
||||
width: 20px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg .progress-bar,
|
||||
.progress-vertical-bottom.progress-lg .progress-bar {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.progress-icon-spin{
|
||||
font-size: 36px;
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
/* =============
|
||||
General
|
||||
============= */
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0;
|
||||
overflow-x: hidden !important;
|
||||
font-size: $font-size-base;
|
||||
background-color: $body-bg;
|
||||
color: $body-color;
|
||||
min-height: 100vh;
|
||||
letter-spacing: 0.1px;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $gray-700;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
font-family: $font-primary;
|
||||
color: $gray-700;
|
||||
&:hover,&:active,&:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
line-height: 1.6;
|
||||
font-family: $font-secondary;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.font-weight-semibold{
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
.nav{
|
||||
&.nav-pills{
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,172 @@
|
||||
//
|
||||
// Switch
|
||||
//
|
||||
|
||||
|
||||
.custom-switch {
|
||||
&.switch-primary{
|
||||
// .custom-control-input:checked~.custom-control-label::after {
|
||||
// background-color: $white;
|
||||
// transform: translateX(.75rem);
|
||||
// }
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $primary;
|
||||
background-color: $primary;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($primary,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Secondary
|
||||
|
||||
&.switch-secondary{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $secondary;
|
||||
background-color: $secondary;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($secondary,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Switch Success
|
||||
|
||||
&.switch-success{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $success;
|
||||
background-color: $success;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($success,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Switch Warning
|
||||
|
||||
&.switch-warning{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $warning;
|
||||
background-color: $warning;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($warning,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Info
|
||||
|
||||
&.switch-info{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $info;
|
||||
background-color: $info;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($info,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Danger
|
||||
|
||||
&.switch-danger{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $danger;
|
||||
background-color: $danger;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($danger,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Dark
|
||||
|
||||
&.switch-dark{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $dark;
|
||||
background-color: $dark;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($dark,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Purple
|
||||
|
||||
&.switch-purple{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $purple;
|
||||
background-color: $purple;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($purple,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Pink
|
||||
|
||||
&.switch-pink{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $pink;
|
||||
background-color: $pink;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($pink,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Blue
|
||||
|
||||
&.switch-blue{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $blue;
|
||||
background-color: $blue;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($blue,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
//
|
||||
// _tables.scss
|
||||
//
|
||||
|
||||
|
||||
.table {
|
||||
th{
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
td {
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.border-dashed{
|
||||
th {
|
||||
font-weight: 500;
|
||||
border-top: 1px dashed $table-border-color;
|
||||
}
|
||||
td{
|
||||
border-top: 1px dashed $table-border-color;
|
||||
}
|
||||
thead {
|
||||
th {
|
||||
border-bottom: 2px dashed $table-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.table-bordered{
|
||||
thead{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
.thead-light {
|
||||
th{
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
&.table-dark {
|
||||
color: $gray-100;
|
||||
th{
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*===Datatable===*/
|
||||
.table{
|
||||
td {
|
||||
vertical-align: middle;
|
||||
&.highlight {
|
||||
font-weight: bold;
|
||||
color: $info;
|
||||
}
|
||||
&.details-control {
|
||||
background: url('../images/open.png') no-repeat center center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
tr.shown td.details-control {
|
||||
background: url('../images/close.png') no-repeat center center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*== Table Responsive ==*/
|
||||
|
||||
.table-rep-plugin {
|
||||
.btn-toolbar {
|
||||
display: block;
|
||||
}
|
||||
.btn-default {
|
||||
border: none;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
margin-right: 5px;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary, 0.5);
|
||||
transition: .3s ease-out;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $white;
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
}
|
||||
.btn-default.btn-primary:active,
|
||||
.btn-default.btn-primary:hover,
|
||||
.btn-default.btn-primary:focus {
|
||||
border: none !important;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
tbody th {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sticky Header */
|
||||
.fixed-solution .sticky-table-header {
|
||||
top: 70px !important;
|
||||
background-color: $gray-100;
|
||||
border-top: 1px solid $border_2;
|
||||
border-bottom: 1px solid $border_2;
|
||||
}
|
||||
|
||||
.table-responsive[data-pattern="priority-columns"]{
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
//
|
||||
// _type.scss
|
||||
//
|
||||
|
||||
.font-12{
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.font-14{
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.font-15{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.font-16{
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.font-18{
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.font-20{
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.font-22{
|
||||
font-size: 22px !important;
|
||||
}
|
||||
.font-24{
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.font-30{
|
||||
font-size: 30px !important;
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/*
|
||||
Template Name: Mannat - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Email: mannat.themes@gmail.com
|
||||
File: Icons
|
||||
*/
|
||||
|
||||
@import "plugins/fontawesome";
|
||||
@import "plugins/line-awesome";
|
||||
@import "plugins/materialdesignicons";
|
||||
@import "plugins/dripicons";
|
||||
@import "plugins/feather";
|
||||
@import "plugins/themify-icons";
|
||||
@import "plugins/typicons";
|
||||
@@ -0,0 +1,141 @@
|
||||
//
|
||||
// Account Pages
|
||||
//
|
||||
|
||||
.account-body{
|
||||
background-color: $card-bg;
|
||||
.auth-page{
|
||||
max-width: 460px;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.auth-card{
|
||||
border-radius: 20px;
|
||||
.auth-logo-box{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: -25px;
|
||||
text-align: center;
|
||||
.auth-logo{
|
||||
border-radius: 50%;
|
||||
background-color: $white;
|
||||
padding: 4px;
|
||||
box-shadow: 0px 0px 0px 2.25px $gray-200;
|
||||
}
|
||||
}
|
||||
.auth-logo-text{
|
||||
font-family: $font-secondary;
|
||||
h4{
|
||||
font-weight: 600;
|
||||
color: $gray-700;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.auth-form{
|
||||
.form-control{
|
||||
border-radius: 30px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.auth-form-icon{
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-color: $gray-200;
|
||||
text-align: center;
|
||||
line-height: 34px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
z-index: 100;
|
||||
top: 3px;
|
||||
color: $info;
|
||||
}
|
||||
}
|
||||
&.accountbg {
|
||||
background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(252,222,222,1) 55%);
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
.account-title{
|
||||
width: 500px;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
h1{
|
||||
font-size: 60px;
|
||||
font-weight: 700;
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.account-social {
|
||||
h6{
|
||||
color: darken($gray-500, 10%);
|
||||
}
|
||||
h6:after {
|
||||
display: inline-block;
|
||||
margin: 0 6px 4px 6px;
|
||||
height: 2px;
|
||||
content: " ";
|
||||
text-shadow: none;
|
||||
background-color: #fdc3c3;
|
||||
width: 110px;
|
||||
}
|
||||
h6:before {
|
||||
display: inline-block;
|
||||
margin: 0 6px 4px 6px;
|
||||
height: 2px;
|
||||
content: " ";
|
||||
text-shadow: none;
|
||||
background-color: #fdc3c3;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
a{
|
||||
i {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
z-index: 5;
|
||||
&.facebook{
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
&.twitter{
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
}
|
||||
&.google{
|
||||
background-color: $pink;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
&:hover .facebook{
|
||||
color: $white;
|
||||
background-color: lighten($primary, 5%);
|
||||
}
|
||||
&:hover .twitter{
|
||||
color: $white;
|
||||
background-color: lighten($secondary, 5%);
|
||||
}
|
||||
&:hover .google{
|
||||
color: $white;
|
||||
background-color: lighten($pink, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.auth-card{
|
||||
margin-top: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
//
|
||||
// Analytics
|
||||
//
|
||||
|
||||
|
||||
.dash-chart {
|
||||
position: relative;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.browser_users{
|
||||
table{
|
||||
td{
|
||||
i{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.impressions-data{
|
||||
h2{
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Report
|
||||
|
||||
|
||||
.rep-map{
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.chart-report-card{
|
||||
background-color: lighten($gray-300, 4%);
|
||||
}
|
||||
|
||||
.chart-report-card,
|
||||
.report-card{
|
||||
.report-main-icon{
|
||||
font-size: 28px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
border-radius: 50%;
|
||||
}
|
||||
h3{
|
||||
color: $dark;
|
||||
font-weight: 600;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
.url-list{
|
||||
li{
|
||||
i{
|
||||
font-size: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.traffic-card{
|
||||
margin: 20px 0;
|
||||
h3{
|
||||
font-size: 28px;
|
||||
color: $gray-700;
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
//
|
||||
// _avatar.scss
|
||||
//
|
||||
|
||||
.avatar-md{
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.media{
|
||||
font-family: $font-secondary;
|
||||
}
|
||||
|
||||
.img-group{
|
||||
display: inline-block;
|
||||
.avatar-badge{
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 0 2px $card-bg;
|
||||
z-index: 2;
|
||||
}
|
||||
.user-avatar+.user-avatar-group {
|
||||
margin-left: -12px;
|
||||
}
|
||||
.user-avatar {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
&:focus,&:hover{
|
||||
z-index: 2;
|
||||
}
|
||||
.online {
|
||||
background: $success;
|
||||
}
|
||||
.offline{
|
||||
background: $gray;
|
||||
}
|
||||
img{
|
||||
box-shadow: 0 0 0 2px $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
.avatar-box{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
.avatar-title {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: $gray-100;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,193 @@
|
||||
//
|
||||
// Background-color
|
||||
//
|
||||
.bg-black{
|
||||
background-color: $black !important;
|
||||
color: $white;
|
||||
}
|
||||
.bg-card{
|
||||
background-color: $card-bg !important;
|
||||
}
|
||||
// bg-soft
|
||||
|
||||
.bg-soft-primary{
|
||||
background-color: rgba($primary, 0.08) !important;
|
||||
color: $primary !important;
|
||||
}
|
||||
|
||||
.bg-soft-secondary{
|
||||
background-color: rgba($secondary, 0.08) !important;
|
||||
color: $secondary !important;
|
||||
}
|
||||
|
||||
.bg-soft-success{
|
||||
background-color: rgba($success, 0.08) !important;
|
||||
color: $success !important;
|
||||
}
|
||||
|
||||
.bg-soft-warning{
|
||||
background-color: rgba($warning, 0.08) !important;
|
||||
color: $warning !important;
|
||||
}
|
||||
|
||||
.bg-soft-info{
|
||||
background-color: rgba($info, 0.08) !important;
|
||||
color: $info !important;
|
||||
}
|
||||
|
||||
.bg-soft-danger{
|
||||
background-color: rgba($danger, 0.08) !important;
|
||||
color: $danger !important;
|
||||
}
|
||||
|
||||
.bg-soft-pink{
|
||||
background-color: rgba($pink, 0.08) !important;
|
||||
color: $pink !important;
|
||||
}
|
||||
|
||||
.bg-soft-purple{
|
||||
background-color: rgba($purple, 0.08) !important;
|
||||
color: $purple !important;
|
||||
}
|
||||
|
||||
.bg-soft-blue{
|
||||
background-color: rgba($blue, 0.08) !important;
|
||||
color: $blue !important;
|
||||
}
|
||||
|
||||
.bg-soft-dark{
|
||||
background-color: rgba($dark, 0.08) !important;
|
||||
color: $dark !important;
|
||||
}
|
||||
|
||||
// bg-gradient
|
||||
|
||||
.bg-primary-gradient{
|
||||
background: linear-gradient(14deg, #4d79f6 36%, #39add0 100%);
|
||||
}
|
||||
.bg-secondary-gradient{
|
||||
background: linear-gradient(14deg, #42cef1 36%, #63ddfb 100%);
|
||||
}
|
||||
.bg-success-gradient{
|
||||
background: linear-gradient(14deg, #22d4b3 36%, #71e6d1 100%);
|
||||
}
|
||||
.bg-info-gradient{
|
||||
background: linear-gradient(14deg, #4b545d 36%, #67737b 100%);
|
||||
}
|
||||
.bg-warning-gradient{
|
||||
background: linear-gradient(14deg, #efc039 36%, #f1cb60 100%);
|
||||
}
|
||||
.bg-danger-gradient{
|
||||
background: linear-gradient(14deg, #fb7589 36%, #ff9595 100%);
|
||||
}
|
||||
.bg-pink-gradient{
|
||||
background: linear-gradient(14deg, #FE5D9E 36%, #8E73FE 100%);
|
||||
}
|
||||
.bg-purple-gradient{
|
||||
background: linear-gradient(14deg, #6d81f5 36%, #8498f3 100%);
|
||||
}
|
||||
.bg-blue-gradient{
|
||||
background: linear-gradient(14deg, #11368a 36%, #326eca 100%);
|
||||
}
|
||||
.bg-dark-gradient{
|
||||
background: linear-gradient(14deg, #12100e 36%, #2b4162 100%);
|
||||
}
|
||||
.bg-light-gradient{
|
||||
background: linear-gradient(14deg, #c3cbdc 36%, #edf1f4 100%);
|
||||
}
|
||||
.bg-custom-gradient{
|
||||
background: linear-gradient(14deg, #521c85 36%, #4400ff 100%);
|
||||
}
|
||||
|
||||
// Badge
|
||||
.badge{
|
||||
box-shadow:none;
|
||||
font-size: 11px !important;
|
||||
&.badge-soft-primary{
|
||||
background-color: rgba($primary, 0.15) !important;
|
||||
color: $primary !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($primary,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-secondary{
|
||||
background-color: rgba($secondary, 0.15) !important;
|
||||
color: $secondary !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($secondary,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-success{
|
||||
background-color: rgba($success, 0.15) !important;
|
||||
color: $success !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($success,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-warning{
|
||||
background-color: rgba($warning, 0.15) !important;
|
||||
color: $warning !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($warning,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-info{
|
||||
background-color: rgba($info, 0.15) !important;
|
||||
color: $info !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($info,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-danger{
|
||||
background-color: rgba($danger, 0.15) !important;
|
||||
color: $danger !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($danger,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-pink{
|
||||
background-color: rgba($pink, 0.15) !important;
|
||||
color: $pink !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($pink,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-purple{
|
||||
background-color: rgba($purple, 0.15) !important;
|
||||
color: $purple !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($purple,0.05);
|
||||
}
|
||||
|
||||
&.badge-soft-dark{
|
||||
background-color: rgba($dark, 0.15) !important;
|
||||
color: $dark !important;
|
||||
box-shadow: 0px 0px 13px 0px rgba($dark,0.05);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// shadow
|
||||
|
||||
.shadow-primary{
|
||||
box-shadow: 0 6px 20px 0 rgba($primary, .5) !important
|
||||
}
|
||||
.shadow-secondary{
|
||||
box-shadow: 0 6px 20px 0 rgba($secondary, .5) !important
|
||||
}
|
||||
.shadow-success{
|
||||
box-shadow: 0 6px 20px 0 rgba($success, .5) !important
|
||||
}
|
||||
.shadow-warning{
|
||||
box-shadow: 0 6px 20px 0 rgba($warning, .5) !important
|
||||
}
|
||||
.shadow-info{
|
||||
box-shadow: 0 6px 20px 0 rgba($info, .5) !important
|
||||
}
|
||||
.shadow-danger{
|
||||
box-shadow: 0 6px 20px 0 rgba($danger, .5) !important
|
||||
}
|
||||
.shadow-pink{
|
||||
box-shadow: 0 6px 20px 0 rgba($pink, .5) !important
|
||||
}
|
||||
.shadow-purple{
|
||||
box-shadow: 0 6px 20px 0 rgba($purple, .5) !important
|
||||
}
|
||||
.shadow-orange{
|
||||
box-shadow: 0 6px 20px 0 rgba($orange, .5) !important
|
||||
}
|
||||
.shadow-dark{
|
||||
box-shadow: 0 6px 20px 0 rgba($dark, .5) !important
|
||||
}
|
||||
@@ -0,0 +1,315 @@
|
||||
//
|
||||
// Chat
|
||||
//
|
||||
.chat-box-left {
|
||||
float: left;
|
||||
width: 340px;
|
||||
height: 820px;
|
||||
background-color: $card-bg;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
.nav-pills{
|
||||
background-color: $gray-100;
|
||||
.nav-link{
|
||||
color: $gray-700;
|
||||
&.active{
|
||||
color:$white;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-search{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.chat-list{
|
||||
height: 664px !important;
|
||||
.media + .media {
|
||||
border: 1px solid $gray-200;
|
||||
margin-bottom: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.media{
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color: rgba($gray-200, .5);
|
||||
}
|
||||
&.new-message{
|
||||
border: 1px solid $gray-300;
|
||||
background-color: $gray-200;
|
||||
margin-bottom: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.media-left {
|
||||
position: relative;
|
||||
align-self: center;
|
||||
.round-10 {
|
||||
border: 2px solid $gray-100;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 5px;
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
}
|
||||
.media-body {
|
||||
margin-left: 15px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
h6 {
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
color: $gray-700;
|
||||
font-size: 13px;
|
||||
}
|
||||
> div:last-child {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
flex-direction: column;
|
||||
min-width: 50px;
|
||||
text-align: right;
|
||||
span:nth-child(2) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
border-radius: 50%;
|
||||
font-size: 10px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
span{
|
||||
font-size: 12px;
|
||||
color: $gray-700;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chat-box-right{
|
||||
width: auto;
|
||||
background-color: $white;
|
||||
display: block;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
height: 820px;
|
||||
margin-left: 361px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.chat-header {
|
||||
border-bottom: 1px solid $gray-200;
|
||||
padding: 20px;
|
||||
background-color: $card-bg;
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: 15px;
|
||||
align-self: center;
|
||||
h6 {
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
color: $gray-500;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
position: relative;
|
||||
top: -34px;
|
||||
float: right;
|
||||
a{
|
||||
color: $gray-400;
|
||||
font-size: 16px;
|
||||
margin-left: 12px;
|
||||
&:hover{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.chat-body{
|
||||
padding: 20px;
|
||||
background-image: url('../images/pattern.png');
|
||||
background-repeat: repeat;
|
||||
background-attachment: fixed;
|
||||
height: 650px;
|
||||
background-color: $body-bg;
|
||||
.chat-detail{
|
||||
min-height: 610px;
|
||||
.reverse{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.media{
|
||||
.media-img{
|
||||
z-index: 5;
|
||||
}
|
||||
.media-body{
|
||||
margin-left: 14px;
|
||||
.chat-msg{
|
||||
max-width: 80%;
|
||||
margin-bottom: 5px;
|
||||
margin-left: -61px;
|
||||
&:first-child p{
|
||||
padding-left: 60px;
|
||||
}
|
||||
p {
|
||||
padding: 14px;
|
||||
background-color: $gray-200;
|
||||
color: $gray-700;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
&.reverse {
|
||||
margin-right: 0;
|
||||
margin-left: 14px;
|
||||
.chat-msg{
|
||||
max-width: 80%;
|
||||
margin-bottom: 5px;
|
||||
margin-right: -48px;
|
||||
&:first-child p{
|
||||
padding-right: 60px;
|
||||
}
|
||||
p {
|
||||
padding: 14px;
|
||||
background-color: $purple;
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-footer {
|
||||
border-top: 1px solid $gray-200;
|
||||
background-color: $card-bg;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: 10px;
|
||||
align-self: center;
|
||||
h6 {
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
color: $gray-700;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
position: relative;
|
||||
top: 8px;
|
||||
float: right;
|
||||
a{
|
||||
color: $gray-400;
|
||||
font-size: 16px;
|
||||
margin-left: 12px;
|
||||
&:hover{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
input{
|
||||
&.form-control{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.chat-admin{
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
border: 2px solid $gray-700;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1680px) {
|
||||
.chat-box-left{
|
||||
width: 310px;
|
||||
float: left;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: auto;
|
||||
margin-left: 330px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 767px) and (max-width: 1023.98px) {
|
||||
.chat-box-left{
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 660px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 568px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,660 @@
|
||||
//
|
||||
// Check Box Radio Button
|
||||
//
|
||||
|
||||
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
|
||||
border-color: $white;
|
||||
}
|
||||
.radio .custom-control-label::after{
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
|
||||
.checkbox {
|
||||
//padding-left: 20px;
|
||||
label {
|
||||
display: inline-block;
|
||||
padding-left: 8px;
|
||||
position: relative;
|
||||
font-weight: normal;
|
||||
|
||||
&::before {
|
||||
-o-transition: 0.3s ease-in-out;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
background-color: $card-bg;
|
||||
border-radius: 3px;
|
||||
border: 2px solid $text-muted;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
margin-left: -18px;
|
||||
position: absolute;
|
||||
transition: 0.3s ease-in-out;
|
||||
width: 18px;
|
||||
outline: none !important;
|
||||
}
|
||||
&::after {
|
||||
color: $light;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
height: 18px;
|
||||
left: 0;
|
||||
margin-left: -18px;
|
||||
padding-left: 3px;
|
||||
padding-top: 2px;
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
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: "";
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 7px;
|
||||
display: table;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
border: 2px solid $dark;
|
||||
border-top-width: 0;
|
||||
border-left-width: 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:disabled + label {
|
||||
&::before {
|
||||
background-color: $light;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox.checkbox-circle {
|
||||
label {
|
||||
&::before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox.checkbox-inline {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.checkbox.checkbox-single {
|
||||
input {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: absolute;
|
||||
}
|
||||
label {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
|
||||
&:before {
|
||||
margin-left: 0;
|
||||
}
|
||||
&:after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.checkbox-primary {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-danger {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-info {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $info;
|
||||
border-color: $info;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-warning {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $warning;
|
||||
border-color: $warning;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-success {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $success;
|
||||
border-color: $success;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-purple {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $purple;
|
||||
border-color: $purple;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-pink {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $pink;
|
||||
border-color: $pink;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-dark {
|
||||
input[type="checkbox"]:checked + label {
|
||||
&::before {
|
||||
background-color: $dark;
|
||||
border-color: $dark;
|
||||
}
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Radios */
|
||||
|
||||
.radio {
|
||||
//padding-left: 20px;
|
||||
label {
|
||||
display: inline-block;
|
||||
padding-left: 8px;
|
||||
position: relative;
|
||||
font-weight: normal;
|
||||
|
||||
&::before {
|
||||
-o-transition: border 0.5s ease-in-out;
|
||||
-webkit-transition: border 0.5s ease-in-out;
|
||||
background-color: $white;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $text-muted;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
margin-left: -18px;
|
||||
position: absolute;
|
||||
transition: border 0.5s ease-in-out;
|
||||
width: 18px;
|
||||
outline: none !important;
|
||||
}
|
||||
&::after {
|
||||
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
-ms-transform: scale(0, 0);
|
||||
-o-transform: scale(0, 0);
|
||||
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
-webkit-transform: scale(0, 0);
|
||||
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
background-color: $dark;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
height: 10px;
|
||||
left: 6px;
|
||||
margin-left: -20px;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
transform: scale(0, 0);
|
||||
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||
width: 10px;
|
||||
}
|
||||
}
|
||||
input[type="radio"] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
outline: none !important;
|
||||
&:disabled + label {
|
||||
opacity: 0.65;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:focus + label {
|
||||
&::before {
|
||||
outline-offset: -2px;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline: thin dotted;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::after {
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
}
|
||||
input[type="radio"]:disabled + label {
|
||||
&::before {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio.radio-inline {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.radio.radio-single {
|
||||
label {
|
||||
height: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.radio-primary {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-danger {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $danger;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $danger;
|
||||
}
|
||||
&::after {
|
||||
background-color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-info {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $info;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $info;
|
||||
}
|
||||
&::after {
|
||||
background-color: $info;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-warning {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $warning;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $warning;
|
||||
}
|
||||
&::after {
|
||||
background-color: $warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-success {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $success;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $success;
|
||||
}
|
||||
&::after {
|
||||
background-color: $success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-purple {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $purple;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $purple;
|
||||
}
|
||||
&::after {
|
||||
background-color: $purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio-pink {
|
||||
input[type="radio"] + label {
|
||||
&::after {
|
||||
background-color: $pink;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
border-color: $pink;
|
||||
}
|
||||
&::after {
|
||||
background-color: $pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.radio2 {
|
||||
label {
|
||||
display: inline-block;
|
||||
padding-left: 8px;
|
||||
position: relative;
|
||||
font-weight: normal;
|
||||
margin-bottom: 10px;
|
||||
&::before {
|
||||
background-color: $white;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
top: -1px;
|
||||
left: -2px;
|
||||
margin-left: -18px;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
outline: none !important;
|
||||
}
|
||||
&::after {
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
height: 8px;
|
||||
left: 4px;
|
||||
margin-left: -20px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
transform: scale(0, 0);
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
input[type="radio"] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
outline: none !important;
|
||||
&:disabled+label {
|
||||
opacity: 0.65;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:focus+label {
|
||||
&::before {
|
||||
outline-offset: -2px;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline: thin dotted;
|
||||
border-color: $primary;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::after {
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked + label::before {
|
||||
border-color: $primary;
|
||||
}
|
||||
input[type="radio"]:disabled+label {
|
||||
&::before {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&.radio-primary2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $primary;
|
||||
}
|
||||
&::after {
|
||||
border-color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-secondary2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $secondary;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $secondary;
|
||||
}
|
||||
&::after {
|
||||
border-color: $secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-success2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $success;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $success;
|
||||
}
|
||||
&::after {
|
||||
border-color: $success;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-danger2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $danger;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $danger;
|
||||
}
|
||||
&::after {
|
||||
border-color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-warning2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $warning;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $warning;
|
||||
}
|
||||
&::after {
|
||||
border-color: $warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-info2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $info;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $info;
|
||||
}
|
||||
&::after {
|
||||
border-color: $info;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-dark2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $dark;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $dark;
|
||||
}
|
||||
&::after {
|
||||
border-color: $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-purple2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $purple;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $purple;
|
||||
}
|
||||
&::after {
|
||||
border-color: $purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.radio-pink2 {
|
||||
input[type="radio"]+label {
|
||||
&::before {
|
||||
background-color: $pink;
|
||||
}
|
||||
&::after {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
&::before {
|
||||
border-color: $pink;
|
||||
}
|
||||
&::after {
|
||||
border-color: $pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
//
|
||||
// CRM
|
||||
//
|
||||
|
||||
|
||||
.crm-dash-map{
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.crm-dash-activity{
|
||||
min-height: 425px;
|
||||
}
|
||||
.dash-data-card,
|
||||
.crm-data-card{
|
||||
.icon-info {
|
||||
i {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
font-size: 26px;
|
||||
z-index: 5;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
h3{
|
||||
font-weight: 600;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.welcome-img{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.flot-chart {
|
||||
height: 300px;
|
||||
}
|
||||
@@ -0,0 +1,535 @@
|
||||
//
|
||||
// Ecommerce
|
||||
//
|
||||
|
||||
// Dashboard
|
||||
|
||||
.dashboard-map {
|
||||
height: 270px;
|
||||
}
|
||||
.renenue-chart{
|
||||
position: relative;
|
||||
height: 350px;
|
||||
}
|
||||
.card-eco{
|
||||
.card-eco-title{
|
||||
border: 2px solid $white;
|
||||
border-radius: 8px;
|
||||
padding: 2px 8px;
|
||||
position: relative;
|
||||
top: -30px;
|
||||
&.eco-title-success{
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
box-shadow: 0px 0px 0px 1px $success
|
||||
}
|
||||
&.eco-title-danger{
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
box-shadow: 0px 0px 0px 1px $danger
|
||||
}
|
||||
&.eco-title-secondary{
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
box-shadow: 0px 0px 0px 1px $secondary
|
||||
}
|
||||
&.eco-title-purple{
|
||||
background-color: $purple;
|
||||
color: $white;
|
||||
box-shadow: 0px 0px 0px 1px $purple
|
||||
}
|
||||
&.eco-title-warning{
|
||||
background-color: $warning;
|
||||
color: $white;
|
||||
box-shadow: 0px 0px 0px 1px $warning
|
||||
}
|
||||
}
|
||||
.bg-pattern{
|
||||
position: absolute;
|
||||
background-image: url('../images/1.png');
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.3;
|
||||
z-index: 0;
|
||||
width: 140px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.card-eco-icon{
|
||||
font-size: 40px;
|
||||
color: $gray-500;
|
||||
|
||||
&.bg-icon-purple{
|
||||
background-color: $purple;
|
||||
box-shadow: 0px 5px 5px 0.25px rgba($purple, 0.5);
|
||||
}
|
||||
&.bg-icon-pink{
|
||||
background-color: $pink;
|
||||
box-shadow: 0px 5px 5px 0.25px rgba($pink, 0.5);
|
||||
}
|
||||
&.bg-icon-secondary{
|
||||
background-color: $secondary;
|
||||
box-shadow: 0px 5px 5px 0.25px rgba($secondary, 0.5);
|
||||
}
|
||||
&.bg-icon-warning{
|
||||
background-color: $warning;
|
||||
box-shadow: 0px 5px 5px 0.25px rgba($warning, 0.5);
|
||||
}
|
||||
}
|
||||
h3{
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.re-customers-detail{
|
||||
h3{
|
||||
color: $gray-700;
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.order-list {
|
||||
table {
|
||||
td {
|
||||
img {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.e-co-product{
|
||||
background-color: lighten($gray-300, 4%);
|
||||
a{
|
||||
text-align: center !important;
|
||||
padding-top: 30px;
|
||||
img{
|
||||
height: 230px;
|
||||
}
|
||||
}
|
||||
.ribbon-box {
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
padding-top: 30px;
|
||||
.ribbon {
|
||||
position: absolute;
|
||||
color: $white;
|
||||
}
|
||||
.ribbon-label{
|
||||
clear: none;
|
||||
padding: 0 5px;
|
||||
height: 66px;
|
||||
width: 66px;
|
||||
line-height: 66px;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.product-info{
|
||||
background-color: $white;
|
||||
.product-title{
|
||||
font-size: 15px;
|
||||
color: $gray-600;
|
||||
font-weight: 500;
|
||||
}
|
||||
.product-price{
|
||||
color: $gray-700;
|
||||
font-weight: 600;
|
||||
padding: 5px 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 24px;
|
||||
span{
|
||||
color: $gray-500;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.product-review{
|
||||
li{
|
||||
margin: 0;
|
||||
i{
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wishlist,
|
||||
.quickview{
|
||||
border-radius: 50px;
|
||||
padding: 4px 10px;
|
||||
opacity: 0;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
.wishlist,
|
||||
.quickview{
|
||||
opacity: 1;
|
||||
}
|
||||
box-shadow: 0px 0px 13px 0px rgba($gray-200, 0.1);
|
||||
}
|
||||
}
|
||||
.offer-box{
|
||||
background-image: url('../images/products/offer.jpg');
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
.offer-content{
|
||||
padding: 30px;
|
||||
h3{
|
||||
font-weight: 600;
|
||||
font-size: 30px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ribbon{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: 6px;
|
||||
left: -5px;
|
||||
color: $white;
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 31px;
|
||||
left: 0;
|
||||
content: "";
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
&.ribbon-pink {
|
||||
background-color: $pink;
|
||||
&:before {
|
||||
border-top-color: $pink;
|
||||
border-right-color: $pink;
|
||||
}
|
||||
}
|
||||
&.ribbon-secondary {
|
||||
background-color: $secondary;
|
||||
&:before {
|
||||
border-top-color: $secondary;
|
||||
border-right-color: $secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
hr.thick {
|
||||
border: 0;
|
||||
height: 3px;
|
||||
max-width: 150px;
|
||||
background-image: linear-gradient(to right,$primary,$purple);
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
//
|
||||
// Product Detail
|
||||
//
|
||||
|
||||
|
||||
.single-pro-detail{
|
||||
.custom-border{
|
||||
width: 60px;
|
||||
height: 2px;
|
||||
background-color: $dark;
|
||||
}
|
||||
.pro-title{
|
||||
color: $gray-700;
|
||||
font-size: 24px;
|
||||
}
|
||||
.product-review{
|
||||
li{
|
||||
margin: 0;
|
||||
i{
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pro-price{
|
||||
color: $gray-700;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0;
|
||||
span{
|
||||
font-size: 14px;
|
||||
color: $gray-500;
|
||||
}
|
||||
}
|
||||
.quantity{
|
||||
input {
|
||||
width: 14%;
|
||||
display: inline-flex;
|
||||
height: calc(24px + 12px + 5px);
|
||||
}
|
||||
}
|
||||
.pro-features{
|
||||
li{
|
||||
line-height: 26px;
|
||||
color: $text-muted;
|
||||
&::before{
|
||||
content: "\f00c" !important;
|
||||
font-family: 'Font Awesome 5 Free' !important;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
color: $success !important;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-check-inline{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.pro-order-box{
|
||||
padding: 20px;
|
||||
border: 1px solid $gray-200;
|
||||
border-radius: 3px;
|
||||
background-color: lighten($gray-100, 5%);
|
||||
box-shadow: 0px 0px 13px 0px rgba($gray-200,0.05);
|
||||
i{
|
||||
font-size: 42px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.review-box{
|
||||
background-color: $gray-100;
|
||||
padding: 20px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
h1{
|
||||
font-size: 48px;
|
||||
color: $danger;
|
||||
}
|
||||
.product-review{
|
||||
li{
|
||||
margin-right: 0;
|
||||
i{
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reviewer{
|
||||
padding-bottom: 12px;
|
||||
margin-top: 8px;
|
||||
border-bottom: 2px dotted $gray-200;
|
||||
.product-review{
|
||||
li{
|
||||
margin-right: 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Cart
|
||||
|
||||
.total-payment,
|
||||
.shopping-cart{
|
||||
.table,
|
||||
table{
|
||||
thead {
|
||||
tr {
|
||||
th{
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody{
|
||||
td{
|
||||
padding: 20px 10px;
|
||||
border-top: 0;
|
||||
border-bottom: 1px solid $gray-200;
|
||||
.product-name{
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
tr:last-child td{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.total-payment{
|
||||
border:1px solid $gray-200;
|
||||
background-color: lighten($gray-100, 3%);
|
||||
border-radius: 3px;
|
||||
.payment-title{
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.cart-promo{
|
||||
padding: 90px;
|
||||
background-image: url(../images/products/bg-cart.png);
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
|
||||
.jp-card .jp-card-front,
|
||||
.jp-card .jp-card-back{
|
||||
background: $dark !important;
|
||||
}
|
||||
|
||||
.balence-nav{
|
||||
.nav{
|
||||
background-color: $card-bg;
|
||||
.nav-link{
|
||||
padding: 8px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
margin-right: 5px;
|
||||
width: 70px;
|
||||
height: 50px;
|
||||
&.active{
|
||||
color: $primary;
|
||||
background: lighten($gray-100, 5%);
|
||||
box-shadow: 0px 0px 13px 0px rgba($gray-500, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.billing-nav{
|
||||
.nav{
|
||||
&.nav-pills{
|
||||
background-color: $card-bg;
|
||||
}
|
||||
.nav-link{
|
||||
padding: 8px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
margin-right: 5px;
|
||||
width: 105px;
|
||||
height: 60px;
|
||||
&.active{
|
||||
color: $primary;
|
||||
background: lighten($gray-100, 5%);
|
||||
box-shadow: 0px 0px 13px 0px rgba($gray-500, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lightpick{
|
||||
box-shadow: none;
|
||||
font-family: $font-secondary;
|
||||
background-color: $card-bg;
|
||||
border: 1px solid $border;
|
||||
z-index: 99;
|
||||
&.lightpick--inlined{
|
||||
display: block;
|
||||
}
|
||||
.lightpick__month{
|
||||
width: 100%;
|
||||
background-color: $card-bg;
|
||||
}
|
||||
.lightpick__day{
|
||||
color: $gray-500;
|
||||
}
|
||||
.lightpick__previous-action,
|
||||
.lightpick__next-action,
|
||||
.lightpick__close-action{
|
||||
background-color: $gray-200;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.lightpick__month-title-bar{
|
||||
margin-bottom: 22px;
|
||||
.lightpick__month-title > .lightpick__select-months{
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.lightpick__day-of-the-week{
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
}
|
||||
.lightpick__day.is-start-date,
|
||||
.lightpick__day.is-end-date,
|
||||
.lightpick__day.is-start-date:hover,
|
||||
.lightpick__day.is-end-date:hover,
|
||||
.lightpick__day:not(.is-disabled):hover,
|
||||
.lightpick__day.is-today{
|
||||
color: $primary;
|
||||
background-color: $gray-200;
|
||||
background-image: none;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.lightpick__day.is-today{
|
||||
border: 3px solid lighten($gray-100, 2%);
|
||||
box-shadow: 0px 0px 0px 1.25px $gray-200;
|
||||
font-weight: 600;
|
||||
}
|
||||
.lightpick__month-title > .lightpick__select{
|
||||
color: $gray-700;
|
||||
}
|
||||
.lightpick__toolbar{
|
||||
.lightpick__previous-action,
|
||||
.lightpick__next-action{
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.transaction-history{
|
||||
li{
|
||||
border-bottom: 1px solid $gray-200;
|
||||
padding: 12px 0;
|
||||
}
|
||||
li:last-of-type{
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.transaction-icon{
|
||||
align-self: center;
|
||||
margin-right: 12px;
|
||||
i{
|
||||
font-size: 20px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: inline-block;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
background-color: rgba($primary,0.15);
|
||||
color: $primary;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.transaction-data{
|
||||
h3{
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
//
|
||||
// Email
|
||||
//
|
||||
|
||||
.email-leftbar {
|
||||
width: 220px;
|
||||
float: left;
|
||||
.mail-list {
|
||||
a {
|
||||
display: block;
|
||||
color: $gray-700;
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
padding: 5px;
|
||||
}
|
||||
a:hover,
|
||||
a.active {
|
||||
color: $primary;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.chat-user-box {
|
||||
p.user-title {
|
||||
font-size: 13px;
|
||||
color: $dark;
|
||||
font-weight: 500;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.email-rightbar {
|
||||
margin-left: 240px;
|
||||
}
|
||||
|
||||
.message-list {
|
||||
display: block;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
transition-duration: .3s;
|
||||
|
||||
a{
|
||||
color: $gray-600;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $gray-200;
|
||||
transition-duration: .05s;
|
||||
}
|
||||
|
||||
.col-mail {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.col-mail-1 {
|
||||
width: 320px;
|
||||
|
||||
.star-toggle,
|
||||
.checkbox-wrapper-mail,
|
||||
.dot {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.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 10px 0 20px;
|
||||
}
|
||||
|
||||
.star-toggle {
|
||||
margin-top: 18px;
|
||||
font-size: 16px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 110px;
|
||||
right: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 14px 0 0;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.col-mail-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 320px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
.subject,
|
||||
.date {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.subject {
|
||||
left: 0;
|
||||
right: 200px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.date {
|
||||
right: 0;
|
||||
width: 170px;
|
||||
padding-left: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
li.active,
|
||||
li.active:hover {
|
||||
box-shadow: inset 3px 0 0 $primary;
|
||||
}
|
||||
|
||||
li.unread {
|
||||
background-color: $gray-200;
|
||||
a{
|
||||
color: darken($dark,5%);
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
margin-bottom: 0;
|
||||
transition-duration: .05s;
|
||||
top: 0;
|
||||
&:before {
|
||||
content: "\F12C";
|
||||
font-family: "Material Design Icons";
|
||||
top: 0;
|
||||
height: 20px;
|
||||
color: darken($dark,5%);
|
||||
width: 20px;
|
||||
position: absolute;
|
||||
margin-top: -16px;
|
||||
left: 4px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.email-leftbar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.email-rightbar {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.note-editor{
|
||||
&.note-frame {
|
||||
border: 1px solid $border_2;
|
||||
.note-editing-area {
|
||||
.note-editable {
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
color: $gray-700;
|
||||
background-color: $card-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.note-editor.note-frame .note-statusbar .note-resizebar{
|
||||
background-color: $body-bg;
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
//
|
||||
// Files
|
||||
//
|
||||
|
||||
.files-nav{
|
||||
.nav{
|
||||
.nav-link{
|
||||
padding: 10px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
span{
|
||||
font-size: 22px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.active{
|
||||
background-color: rgba($primary,0.05);
|
||||
color: $white;
|
||||
h5{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file-box-content{
|
||||
margin-bottom: -16px;
|
||||
.file-box{
|
||||
border: 1px solid $gray-200;
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
width: 160px;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 16px;
|
||||
background-color: $card-bg;
|
||||
.download-icon-link{
|
||||
color: $text-muted;
|
||||
.file-download-icon{
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
top: -10px;
|
||||
left: 110px;
|
||||
}
|
||||
&:hover{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.file-category{
|
||||
width: 100%;
|
||||
.file-category-block{
|
||||
text-align: center;
|
||||
margin-right: 20px;
|
||||
.file-category-folder{
|
||||
border-bottom:2px solid transparent;
|
||||
padding: 10px 20px !important;
|
||||
border-radius: 18px;
|
||||
&.active{
|
||||
border-bottom:2px solid;
|
||||
}
|
||||
i{
|
||||
display: block;
|
||||
font-size: 38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.category-icon{
|
||||
i{
|
||||
font-size: 200px;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
//
|
||||
// Gallery
|
||||
//
|
||||
|
||||
|
||||
.container-filter {
|
||||
margin-top: 0;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
margin-bottom: 30px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
a {
|
||||
display: block;
|
||||
color: $primary !important;
|
||||
border: 1px solid $primary;
|
||||
padding: 0px 15px;
|
||||
margin: 5px 5px;
|
||||
font-size: 12px;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: 2px;
|
||||
cursor: pointer;
|
||||
line-height: 35px;
|
||||
border-radius: 3px;
|
||||
&.active {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white !important;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary, 0.5);
|
||||
border: none;
|
||||
}
|
||||
&:hover {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6))!important;
|
||||
color: $white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.item-box {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
a {
|
||||
display: inline-block;
|
||||
}
|
||||
&:hover {
|
||||
.item-mask {
|
||||
opacity: 0.8;
|
||||
visibility: visible;
|
||||
.item-caption {
|
||||
bottom: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.item-container {
|
||||
transform: scale(1.1);
|
||||
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.item-container {
|
||||
transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
width: 100%;
|
||||
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
|
||||
-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
|
||||
-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
|
||||
-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
|
||||
}
|
||||
|
||||
.item-mask {
|
||||
/* background: none repeat scroll 0 0 rgba(238, 25, 66, 0.61); */
|
||||
position: absolute;
|
||||
transition: all 0.5s ease-in-out 0s;
|
||||
-moz-transition: all 0.5s ease-in-out 0s;
|
||||
-webkit-transition: all 0.5s ease-in-out 0s;
|
||||
-o-transition: all 0.5s ease-in-out 0s;
|
||||
top: 0;
|
||||
left: 0px;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: repeating-radial-gradient(closest-side at 25px 35px, $primary 15%, $dark 40%);
|
||||
p {
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
letter-spacing: 1.5px;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.item-caption {
|
||||
position: absolute;
|
||||
bottom: -60px;
|
||||
left: 0px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
text-align: left;
|
||||
transition: all 0.5s ease-in-out 0s;
|
||||
-moz-transition: all 0.5s ease-in-out 0s;
|
||||
-webkit-transition: all 0.5s ease-in-out 0s;
|
||||
-o-transition: all 0.5s ease-in-out 0s;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.row.container-grid {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,247 @@
|
||||
//
|
||||
// General
|
||||
|
||||
|
||||
.slimScrollDiv {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.icon-dual {
|
||||
color: $primary;
|
||||
fill: rgba($primary,.12);
|
||||
}
|
||||
|
||||
|
||||
// Thumb sizes+
|
||||
.thumb-xxs {
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.thumb-xs {
|
||||
height: 32px !important;
|
||||
width: 32px !important;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.thumb-sm {
|
||||
height: 36px !important;
|
||||
width: 36px !important;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.thumb-md {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.thumb-lg {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.thumb-xl {
|
||||
height: 78px;
|
||||
width: 78px;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.badge{
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
/* Page titles */
|
||||
|
||||
.title-text,
|
||||
.header-title {
|
||||
margin-bottom: 8px;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: 0.02em;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
margin-top: 0;
|
||||
color: $header-title;
|
||||
text-shadow: 0 0 1px rgba($gray-200, 0.1);
|
||||
font-family: $font-secondary;
|
||||
}
|
||||
.page-title-box {
|
||||
padding: 25px 0;
|
||||
.page-title {
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0;
|
||||
padding: 2px 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dash-info-carousel{
|
||||
.carousel-item{
|
||||
h2{
|
||||
font-weight: 500;
|
||||
color: $gray-700;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: $gray-100;
|
||||
border-radius:50%;
|
||||
opacity: 1;
|
||||
&:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev {
|
||||
left: auto;
|
||||
right: 38px;
|
||||
top:0;
|
||||
.carousel-control-prev-icon {
|
||||
background-image: none;
|
||||
}
|
||||
&:after {
|
||||
content: '\55';
|
||||
font-family: "dripicons-v2" !important;
|
||||
font-size: .875rem;
|
||||
color: $gray-700;
|
||||
line-height: 1.875rem;
|
||||
margin-right: 0.48rem;
|
||||
}
|
||||
}
|
||||
.carousel-control-next {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top:0;
|
||||
.carousel-control-next-icon {
|
||||
background-image: none;
|
||||
}
|
||||
&:after {
|
||||
content: '\56';
|
||||
font-family: "dripicons-v2" !important;
|
||||
font-size: .875rem;
|
||||
color: $gray-700;
|
||||
line-height: 1.875rem;
|
||||
margin-right: 0.48rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Prism
|
||||
:not(pre) > code[class*="language-"], pre[class*="language-"] {
|
||||
background: $light;
|
||||
}
|
||||
|
||||
// Popover
|
||||
.popover{
|
||||
border-color: $gray-300;
|
||||
.popover-header{
|
||||
margin-top: 0;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-pills .nav-item.show .nav-link,
|
||||
.nav-pills .nav-link.active {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color: $white;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
}
|
||||
.eco-revene-history{
|
||||
.nav{
|
||||
.nav-item{
|
||||
.nav-link.active{
|
||||
color: $dark;
|
||||
background-color: $light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .tooltip.tooltip-custom .tooltip-inner, .tooltip.tooltip-sky .tooltip-inner {
|
||||
// background: $tooltip-custom;
|
||||
// color: $gray-600;
|
||||
// }
|
||||
|
||||
// .tooltip.tooltip-custom.bs-tooltip-top .arrow::before,
|
||||
// .tooltip.tooltip-sky.bs-tooltip-top .arrow::before {
|
||||
// border-top-color: $light;
|
||||
// }
|
||||
|
||||
|
||||
.accordion>.card>.card-header{
|
||||
background-color: lighten($gray-100, 5%);
|
||||
}
|
||||
.custom-accordion{
|
||||
background-color: $primary !important;
|
||||
a:first-child{
|
||||
color: $white !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.icon-demo-content {
|
||||
text-align: center;
|
||||
|
||||
i{
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
margin: 0 auto 5px;
|
||||
color: $gray-600;
|
||||
}
|
||||
|
||||
.col-sm-6 {
|
||||
margin-bottom: 40px;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
path:nth-of-type(1) {
|
||||
fill:$primary;
|
||||
}
|
||||
path:nth-of-type(2) {
|
||||
fill:$text-muted;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.br-theme-bars-square .br-widget a{
|
||||
background-color: $card-bg;
|
||||
}
|
||||
.br-theme-fontawesome-stars-o .br-widget a:after,
|
||||
.br-theme-css-stars .br-widget a:after,
|
||||
.br-theme-fontawesome-stars .br-widget a:after{
|
||||
color: $gray-300;
|
||||
}
|
||||
|
||||
|
||||
code[class*="language-"], pre[class*="language-"]{
|
||||
text-shadow: none;
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css
|
||||
.token.string,
|
||||
.style .token.string{
|
||||
color: $success;
|
||||
background: rgba($gray-500,.5);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
//
|
||||
// helpdesk
|
||||
//
|
||||
|
||||
.happiness-score{
|
||||
position: absolute;
|
||||
bottom: 63%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.help-activity-height{
|
||||
height: 400px !important;
|
||||
}
|
||||
.timer-data{
|
||||
.icon-info {
|
||||
i {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
font-size: 26px;
|
||||
z-index: 5;
|
||||
}
|
||||
}
|
||||
h3{
|
||||
font-weight: 600;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// Invoice
|
||||
//
|
||||
|
||||
|
||||
|
||||
.invoice-head{
|
||||
border-bottom: 4px double $gray-400;
|
||||
.logo-lg.logo-light{
|
||||
display: none;
|
||||
}
|
||||
.contact-detail{
|
||||
li{
|
||||
border-left: 2px solid $gray-400;
|
||||
i{
|
||||
font-size: 24px;
|
||||
color: $info;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
//
|
||||
// Pricing
|
||||
//
|
||||
|
||||
|
||||
.pricingTable1{
|
||||
.title1{
|
||||
font-weight: 700;
|
||||
color: $gray-700;
|
||||
font-size: 20px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.amount{
|
||||
display: block;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
color: $gray-700;
|
||||
}
|
||||
.pricing-content-2{
|
||||
margin: 0 0 30px 0;
|
||||
border-bottom:1px solid $gray-200;
|
||||
}
|
||||
.pricingTable-signup:hover{
|
||||
background: linear-gradient(14deg, rgba($primary, 0.6) 0%, $primary);
|
||||
box-shadow: 0 1px 2px 0 rgba($gray-400, 0.5);
|
||||
color: $white;
|
||||
}
|
||||
.pricing-content-2 li{
|
||||
color: $gray-700;
|
||||
line-height: 40px;
|
||||
&::before{
|
||||
content: "\f00c" !important;
|
||||
font-family: 'Font Awesome 5 Free' !important;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
background-color: rgba($secondary, 0.1);
|
||||
color: $secondary !important;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.pricingTable-signup{
|
||||
display: block;
|
||||
padding: 14px 26px;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
border-radius: 52px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: $white;
|
||||
letter-spacing: 0.32px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
transition: all 300ms linear 0ms;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.pricingTable1 .a-animate-blink {
|
||||
-webkit-animation: a-animate-blink 1s step-start 0s infinite;
|
||||
-moz-animation: a-animate-blink 1s step-start 0s infinite;
|
||||
-ms-animation: a-animate-blink 1s step-start 0s infinite;
|
||||
-o-animation: a-animate-blink 1s step-start 0s infinite;
|
||||
animation: a-animate-blink 1s step-start 0s infinite;
|
||||
animation-fill-mode: initial;
|
||||
}
|
||||
|
||||
@-webkit-keyframes a-animate-blink {
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes a-animate-blink {
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes a-animate-blink {
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes a-animate-blink {
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,229 @@
|
||||
//
|
||||
// Profile
|
||||
//
|
||||
|
||||
.met-pro-bg{
|
||||
background-image: url('../images/pattern2.png');
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.met-profile {
|
||||
.met-profile-main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
.met-profile-main-pic {
|
||||
position: relative;
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
margin-right: 24px;
|
||||
|
||||
.fro-profile_main-pic-change {
|
||||
cursor: pointer;
|
||||
background-color: $primary;
|
||||
border-radius: 50%;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
box-shadow: 0px 0px 20px 0px rgba($gray-100,0.05);
|
||||
i{
|
||||
transition: all 0.3s;
|
||||
color: $white;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.met-profile_user-detail{
|
||||
.met-user-name{
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: $white;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.met-user-name-post{
|
||||
color: $text-muted;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.personal-detail{
|
||||
li{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.education-activity{
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.met-basic-detail{
|
||||
h3{
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
p{
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.own-detail{
|
||||
padding: 20px;
|
||||
width: 145px;
|
||||
height: 145px;
|
||||
text-align: center;
|
||||
border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%;
|
||||
box-shadow: 0px 0px 3px 1.25px $gray-300;
|
||||
h1{
|
||||
font-weight: 600;
|
||||
color: $white;
|
||||
margin-top: 0;
|
||||
}
|
||||
h5{
|
||||
color: darken($white, 5%);
|
||||
}
|
||||
&.own-detail-project{
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
left: -60px;
|
||||
}
|
||||
&.own-detail-happy{
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
left: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.own-detail{
|
||||
display: none;
|
||||
}
|
||||
#settings_detail .dropify-wrapper{
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#settings_detail {
|
||||
.dropify-wrapper{
|
||||
width: 16%;
|
||||
height: 164px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-nav{
|
||||
.nav{
|
||||
.nav-link{
|
||||
padding: 10px;
|
||||
color: $gray-700;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
&.active{
|
||||
background-color: rgba($primary,0.05);
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile-card {
|
||||
.profile-socials {
|
||||
a {
|
||||
i {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pro-title{
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: $gray-700;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.socials-data{
|
||||
h3{
|
||||
color: $gray-700;
|
||||
font-family: $font-primary;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.action-btn{
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* section skills */
|
||||
.skill-detail{
|
||||
color: $text-muted;
|
||||
font-family: $font-secondary;
|
||||
font-size: 14px;
|
||||
}
|
||||
.skills {
|
||||
.skill-box {
|
||||
margin-bottom: 30px;
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.skill-title {
|
||||
margin-bottom: 10px;
|
||||
color: $gray-700;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.progress-line {
|
||||
background: $gray-100;
|
||||
height: 7px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
border: 2px solid $card-bg;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 1px 0.25px $primary;
|
||||
|
||||
}
|
||||
.progress-line > span {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background: $primary;
|
||||
}
|
||||
.progress-line > span > .percent-tooltip {
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: -30px;
|
||||
margin-bottom: 10px;
|
||||
color: $gray-700;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile-activity-height{
|
||||
height: 440px !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,387 @@
|
||||
//
|
||||
// Project
|
||||
//
|
||||
|
||||
|
||||
//Dashboard
|
||||
|
||||
|
||||
.project-dash-activity{
|
||||
min-height: 535px;
|
||||
}
|
||||
|
||||
.project-budget-chart {
|
||||
height: 273px;
|
||||
}
|
||||
|
||||
.weather-btn-icon i {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border-radius: 50%;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
margin: 0 -4px 0 14px;
|
||||
}
|
||||
|
||||
.icon-info{
|
||||
i{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
font-size: 26px;
|
||||
z-index: 5;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-info-carousel{
|
||||
.carousel-item{
|
||||
h2{
|
||||
font-weight: 500;
|
||||
color: $gray-700;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: $gray-100;
|
||||
border-radius:50%;
|
||||
opacity: 1;
|
||||
&:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev {
|
||||
left: auto;
|
||||
right: 38px;
|
||||
top:0;
|
||||
.carousel-control-prev-icon {
|
||||
background-image: none;
|
||||
}
|
||||
&:after {
|
||||
content: '\55';
|
||||
font-family: "dripicons-v2" !important;
|
||||
font-size: .875rem;
|
||||
color: $gray-700;
|
||||
line-height: 1.875rem;
|
||||
margin-right: 0.48rem;
|
||||
}
|
||||
}
|
||||
.carousel-control-next {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top:0;
|
||||
.carousel-control-next-icon {
|
||||
background-image: none;
|
||||
}
|
||||
&:after {
|
||||
content: '\56';
|
||||
font-family: "dripicons-v2" !important;
|
||||
font-size: .875rem;
|
||||
color: $gray-700;
|
||||
line-height: 1.875rem;
|
||||
margin-right: 0.48rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.c-progress-steps {
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
font-family: $font-primary;
|
||||
li {
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: $gray-400;
|
||||
padding: 16px 0 0 36px;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
&.done {
|
||||
color: $info;
|
||||
span{
|
||||
background-color: rgba($info, .09);
|
||||
}
|
||||
&:before {
|
||||
color: $info;
|
||||
content: "\f058";
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $info;
|
||||
}
|
||||
}
|
||||
&.current {
|
||||
color: $primary;
|
||||
font-weight: 500;
|
||||
|
||||
&:before {
|
||||
color: $primary;
|
||||
content: "\f192";
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
font-family: 'Font Awesome 5 Free' !important;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
background-color: $white;
|
||||
content: "\f111";
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $gray-300;
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
top: calc(50% - 8px);
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
display: table;
|
||||
list-style-type: none;
|
||||
margin: 20px auto;
|
||||
padding: 0;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
padding-bottom: 34px;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
border-left-width: 0;
|
||||
border-bottom-width: 4px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: $gray-300;
|
||||
&.done {
|
||||
border-bottom-color: $info;
|
||||
}
|
||||
&.current {
|
||||
color: $white;
|
||||
border-bottom-color: $primary;
|
||||
span{
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
}
|
||||
&:before {
|
||||
color: $primary;
|
||||
content: "\f192";
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
bottom: -15px;
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
}
|
||||
span{
|
||||
background-color: rgba($info, .1);
|
||||
border-radius: 3px;
|
||||
padding: 6px;
|
||||
box-shadow: 0px 0px 5px 0.25px lighten($gray-300, 6%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.workload-chart{
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
|
||||
/*== todo list ==*/
|
||||
|
||||
.todo-list{
|
||||
height: 200px !important;
|
||||
.todo-box{
|
||||
i{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 10;
|
||||
font-size: 16px;
|
||||
margin-top: 6px;
|
||||
color: $gray-400;
|
||||
}
|
||||
.todo-task{
|
||||
padding: 4px 0;
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.ckbox {
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
display: block;
|
||||
line-height: 25px;
|
||||
|
||||
span {
|
||||
padding-left: 16px;
|
||||
color: $table-color;
|
||||
&:before {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: transparent;
|
||||
border: 2px solid $gray-300;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
}
|
||||
&:after {
|
||||
top: 1px;
|
||||
left: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: "\F12C";
|
||||
font: normal normal normal 24px/1 "Material Design Icons";
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: $gray-600;
|
||||
background-color: transparent;
|
||||
line-height: 20px;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
input[type='checkbox'] {
|
||||
opacity: 0;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
input[type='checkbox']:checked + span:after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
input:checked + span {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-control{
|
||||
color: $dark;
|
||||
background: $gray-300;
|
||||
border: 1px solid transparent;
|
||||
&:focus {
|
||||
border-color: transparent;
|
||||
background: $gray-300;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Clients
|
||||
|
||||
.client-card{
|
||||
.client-name{
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
// Calendar
|
||||
|
||||
.calendar-event{
|
||||
.event-name{
|
||||
h3{
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Invoie
|
||||
|
||||
.project-invoice{
|
||||
.table{
|
||||
tr{
|
||||
td{
|
||||
h5{
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Team
|
||||
|
||||
.team-card {
|
||||
.user-img{
|
||||
height: 80px;
|
||||
}
|
||||
.online-circle {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 118px;
|
||||
left: 44px;
|
||||
}
|
||||
.team-leader{
|
||||
font-size: 16px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
.language-skill li {
|
||||
span{
|
||||
margin-bottom: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 4px 8px;
|
||||
background-color: $gray-200;
|
||||
color: $dark;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
// Projects-card
|
||||
|
||||
.project-card{
|
||||
font-family: $font-secondary;
|
||||
.project-title{
|
||||
font-size: 20px;
|
||||
color: $gray-700;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
// Task Box
|
||||
|
||||
.task-box{
|
||||
.task-priority-icon{
|
||||
i{
|
||||
border: 5px solid $body-bg;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// bar chart shadow
|
||||
|
||||
.drop-shadow-bar{
|
||||
filter: drop-shadow(6px 6px 8px rgba($gray-400, 0.65));
|
||||
}
|
||||
@@ -0,0 +1,272 @@
|
||||
//
|
||||
// Timeline
|
||||
//
|
||||
.activity-scroll{
|
||||
min-height: 620px;
|
||||
}
|
||||
|
||||
.activity-height{
|
||||
height: 400px !important;
|
||||
}
|
||||
|
||||
.activity{
|
||||
.activity-info {
|
||||
display: flex;
|
||||
margin:5px 0;
|
||||
position: relative;
|
||||
min-height: 70px;
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 48px;
|
||||
left: 20px;
|
||||
border-left: 2px dotted $gray-300;
|
||||
}
|
||||
.icon-info-activity i{
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
color: $text-muted;
|
||||
box-shadow: 0px 0px 2px 0.25px;
|
||||
font-size: 22px;
|
||||
border: 2px solid lighten($gray-100, 10%);
|
||||
margin-left: 2px;
|
||||
}
|
||||
.activity-info-text {
|
||||
margin-left: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ==============
|
||||
Timeline
|
||||
===================*/
|
||||
|
||||
|
||||
.main-timeline{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.main-timeline:before{
|
||||
content: "";
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
background: $light;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
}
|
||||
.main-timeline .timeline{
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
}
|
||||
.main-timeline .timeline:before,
|
||||
.main-timeline .timeline:after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.main-timeline .timeline:first-child:before,
|
||||
.main-timeline .timeline:last-child:before{
|
||||
content: "";
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $light;
|
||||
background: $card-bg;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -3px;
|
||||
}
|
||||
.main-timeline .timeline:last-child:before{
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
.main-timeline .timeline-icon{
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background: $card-bg;
|
||||
border: 2px solid $light;
|
||||
box-sizing: content-box;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: -4px;
|
||||
}
|
||||
.main-timeline .timeline-icon:before{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: $secondary;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
.main-timeline .year{
|
||||
display: inline-block;
|
||||
padding: 8px 20px;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: $white;
|
||||
background: $secondary;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 35%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.main-timeline .year:before{
|
||||
content: "";
|
||||
border-right: 18px solid $secondary;
|
||||
border-top: 18px solid transparent;
|
||||
border-bottom: 18px solid transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content{
|
||||
width: 46.5%;
|
||||
padding: 20px;
|
||||
margin: 0 20px 0 0;
|
||||
background: $light;
|
||||
position: relative;
|
||||
}
|
||||
.main-timeline .timeline-content:after{
|
||||
content: "";
|
||||
border-left: 20px solid $light;
|
||||
border-top: 20px solid transparent;
|
||||
border-bottom: 20px solid transparent;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: -20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.main-timeline .title{
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: $gray-800;
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
.main-timeline .post{
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
color: $gray-700;
|
||||
}
|
||||
.main-timeline .description{
|
||||
font-size: 14px;
|
||||
color: $gray-700;
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
clear: both;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n){ padding: 0 0 0 30px; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
right: auto;
|
||||
left: 35%;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border: 18px solid transparent;
|
||||
border-right: none;
|
||||
border-left: 18px solid $secondary;
|
||||
left: auto;
|
||||
right: -18px;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
float: right;
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border-left: none;
|
||||
border-right: 20px solid $light;
|
||||
right: auto;
|
||||
left: -20px;
|
||||
}
|
||||
@media only screen and (max-width: 1200px){
|
||||
.main-timeline .year{ right: 30%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: 30%; }
|
||||
}
|
||||
@media only screen and (max-width: 990px){
|
||||
.main-timeline .year{ right: 25%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: 25%; }
|
||||
}
|
||||
@media only screen and (max-width: 767px){
|
||||
.main-timeline:before{ left: 10px; }
|
||||
.main-timeline .timeline{
|
||||
padding: 0 0 0 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main-timeline .timeline:last-child{ margin-bottom: 0; }
|
||||
.main-timeline .timeline:first-child:before,
|
||||
.main-timeline .timeline:last-child:before{ display: none; }
|
||||
.main-timeline .timeline-icon{
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 0;
|
||||
}
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 0 0 32px 30px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
transform: none;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border-left: none;
|
||||
border-right: 18px solid $secondary;
|
||||
right: auto;
|
||||
left: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content{ padding: 20px; }
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
width: auto;
|
||||
float: none;
|
||||
margin: 0 0 0 30px;
|
||||
}
|
||||
.main-timeline .timeline-content:after,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border: none;
|
||||
border-bottom: 20px solid $light;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px){
|
||||
.main-timeline .title{
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{ margin-left: 20px; }
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 10px; }
|
||||
.main-timeline .post{ margin: 5px 0; }
|
||||
}
|
||||
@@ -0,0 +1,190 @@
|
||||
//
|
||||
// Calendar
|
||||
//
|
||||
|
||||
.calendar {
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.none-border {
|
||||
.modal-footer {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-toolbar {
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.fc-state-active,
|
||||
.ui-state-active,
|
||||
button:focus,
|
||||
button:hover,
|
||||
.ui-state-hover{
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-day {
|
||||
background: $card-bg;
|
||||
}
|
||||
|
||||
|
||||
.fc-widget-header {
|
||||
background-color: $gray-200;
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
.fc-widget-content {
|
||||
border: 1px solid $gray-400;
|
||||
}
|
||||
|
||||
.fc {
|
||||
th.fc-widget-header {
|
||||
font-size: 13px;
|
||||
line-height: 10px;
|
||||
padding: 15px 0;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
button {
|
||||
height: auto;
|
||||
padding: 6px 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-unthemed{
|
||||
.fc-content,
|
||||
.fc-divider,
|
||||
.fc-popover,
|
||||
.fc-row,
|
||||
tbody,
|
||||
td,
|
||||
th,
|
||||
thead{
|
||||
border-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fc-button {
|
||||
background: transparent;
|
||||
border: 1px solid $gray-200;
|
||||
color: $gray-600;
|
||||
font-family: inherit;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.fc-state-active,
|
||||
.fc-state-down {
|
||||
box-shadow: none;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
border-color: none;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.fc-text-arrow {
|
||||
font-family: arial;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.fc-state-hover {
|
||||
background: $gray-500;
|
||||
}
|
||||
|
||||
.fc-state-highlight {
|
||||
background: $gray-300;
|
||||
}
|
||||
|
||||
.fc-cell-overlay {
|
||||
background: $gray-300;
|
||||
}
|
||||
.fc-unthemed td.fc-today{
|
||||
background: rgba($primary,.08) !important;
|
||||
}
|
||||
|
||||
.fc .fc-row .fc-content-skeleton td{
|
||||
background: transparent !important;
|
||||
}
|
||||
.fc-day-top .fc-mon{
|
||||
.fc-today {
|
||||
background: rgba($primary,.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fc-event {
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
cursor: move;
|
||||
font-size: 13px;
|
||||
margin: 5px;
|
||||
padding: 7px 5px;
|
||||
text-align: center;
|
||||
background-color: rgba($primary, 0.18);
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.external-event {
|
||||
color: $white;
|
||||
cursor: move;
|
||||
margin: 10px 0;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.fc-basic-view {
|
||||
td.fc-week-number {
|
||||
span {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
td.fc-day-number {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
tr:first-child>td>.fc-day-grid-event {
|
||||
border-left: 5px solid;
|
||||
}
|
||||
.fc-button{
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.fc-button:hover,
|
||||
.fc-state-default:hover{
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color: $white;
|
||||
border-color: $card-bg;
|
||||
}
|
||||
.fc-day.fc-widget-content.fc-other-month.fc-past,
|
||||
.fc-day.fc-widget-content.fc-other-month.fc-future{
|
||||
background-image: linear-gradient(-45deg, $gray-200 25%, transparent 25%, transparent 50%, $card-bg 50%, $gray-300 75%, transparent 75%, transparent);
|
||||
background-size: 10px 10px;
|
||||
}
|
||||
|
||||
.fc-button-primary:disabled,
|
||||
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color: $white;
|
||||
border-color: $card-bg;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fc-button-primary:not(:disabled):active:focus,
|
||||
.fc-button-primary:not(:disabled).fc-button-active:focus,
|
||||
.fc-button-primary:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-popover .fc-header,
|
||||
.fc-unthemed .fc-list-heading td {
|
||||
background: $gray-200;
|
||||
}
|
||||
@media (max-width: 767.98px){
|
||||
.fc-toolbar{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,384 @@
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
.chart-demo{
|
||||
height: 370px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
/* Sparkline chart */
|
||||
.jqstooltip {
|
||||
box-sizing: content-box;
|
||||
background-color: $white !important;
|
||||
padding: 5px 10px !important;
|
||||
border-radius: 3px;
|
||||
border-color: $white !important;
|
||||
box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
.jqsfield {
|
||||
font-size: 12px !important;
|
||||
line-height: 18px !important;
|
||||
color: $dark !important;
|
||||
}
|
||||
|
||||
.chart {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.chart.chart-widget-pie {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.percent {
|
||||
display: inline-block;
|
||||
line-height: 110px;
|
||||
z-index: 2;
|
||||
|
||||
&:after {
|
||||
content: '%';
|
||||
margin-left: 0.1em;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Morris chart */
|
||||
.morris-chart {
|
||||
text {
|
||||
font-family: $font-secondary !important;
|
||||
color: $gray-500;
|
||||
}
|
||||
}
|
||||
|
||||
.morris-hover.morris-default-style {
|
||||
border-radius: 5px;
|
||||
padding: 10px 12px;
|
||||
background: $light;
|
||||
border: none;
|
||||
font-family: $font-secondary;
|
||||
box-shadow: 0 5px 25px 5px rgba($dark,.14);
|
||||
|
||||
.morris-hover-point {
|
||||
line-height: 28px;
|
||||
}
|
||||
.morris-hover-row-label {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
padding: 4px 20px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
margin: -10px -12px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Flot chart */
|
||||
#flotTip {
|
||||
padding: 8px 12px;
|
||||
background-color: $card-bg;
|
||||
z-index: 100;
|
||||
color: $dark;
|
||||
box-shadow: 0 5px 25px 5px rgba($dark,.14);
|
||||
border-radius: 1px;
|
||||
}
|
||||
.flot-chart{
|
||||
.flot-y-axis,
|
||||
.flot-x-axis {
|
||||
.flot-tick-label {
|
||||
transform: translateY(2px);
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
font-family: $font-secondary;
|
||||
letter-spacing: .5px;
|
||||
fill: $gray-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Chartist chart */
|
||||
.ct-golden-section:before {
|
||||
float: none;
|
||||
}
|
||||
.ct-chart {
|
||||
height: 300px;
|
||||
}
|
||||
.ct-grid {
|
||||
stroke: rgba($dark,.09);
|
||||
stroke-width: 2px;
|
||||
stroke-dasharray: 3px;
|
||||
}
|
||||
.ct-chart .ct-label {
|
||||
fill: $text-muted;
|
||||
color: $text-muted;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.ct-chart.simple-pie-chart-chartist .ct-label {
|
||||
color: $white;
|
||||
fill: $white;
|
||||
font-size: 16px;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-a .ct-slice-donut,
|
||||
.ct-chart .ct-series.ct-series-b .ct-bar{
|
||||
stroke: $gray-300;
|
||||
}
|
||||
|
||||
.ct-chart .ct-series.ct-series-b .ct-line,
|
||||
.ct-chart .ct-series.ct-series-b .ct-point {
|
||||
stroke: $gray-400;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-c .ct-slice-donut{
|
||||
stroke: $secondary;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-a .ct-line,
|
||||
.ct-chart .ct-series.ct-series-a .ct-point,
|
||||
.ct-chart .ct-series.ct-series-b .ct-slice-donut,
|
||||
.ct-chart .ct-series.ct-series-a .ct-bar{
|
||||
stroke: $primary;
|
||||
}
|
||||
|
||||
.ct-chart .ct-series.ct-series-c .ct-point,
|
||||
.ct-chart .ct-series.ct-series-c .ct-line{
|
||||
stroke: $warning;
|
||||
}
|
||||
|
||||
.ct-chart .ct-series.ct-series-c .ct-bar{
|
||||
stroke: $gray-100;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-e .ct-slice-donut,
|
||||
.ct-chart .ct-series.ct-series-d .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-d .ct-line,
|
||||
.ct-chart .ct-series.ct-series-d .ct-point {
|
||||
stroke: $success;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-d .ct-slice-donut{
|
||||
stroke: $warning;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-e .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-e .ct-line,
|
||||
.ct-chart .ct-series.ct-series-e .ct-point{
|
||||
stroke: $pink;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ct-chart .ct-series.ct-series-f .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-f .ct-line,
|
||||
.ct-chart .ct-series.ct-series-f .ct-point {
|
||||
stroke: $purple;
|
||||
}
|
||||
|
||||
.ct-chart .ct-series.ct-series-g .ct-bar,
|
||||
.ct-chart .ct-series.ct-series-g .ct-line,
|
||||
.ct-chart .ct-series.ct-series-g .ct-point {
|
||||
stroke: darken($danger, 10%);
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area,
|
||||
.ct-series-a .ct-slice-pie{
|
||||
fill: $primary;
|
||||
}
|
||||
|
||||
.ct-series-b .ct-area,
|
||||
.ct-series-b .ct-slice-pie {
|
||||
fill: $secondary;
|
||||
}
|
||||
|
||||
.ct-series-c .ct-area,
|
||||
.ct-series-c .ct-slice-pie {
|
||||
fill: $gray-300;
|
||||
}
|
||||
|
||||
|
||||
.chartist-tooltip {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
min-width: 10px;
|
||||
padding: 2px 10px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
background-clip: padding-box;
|
||||
background: $dark;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s linear;
|
||||
-moz-transition: opacity .2s linear;
|
||||
-o-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
.chartist-tooltip.tooltip-show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#donut-chart #donut-chart-container .legend {
|
||||
position: relative;
|
||||
margin-right: -50px;
|
||||
top: -50px;
|
||||
}
|
||||
// /*== Apex Chart ==*/
|
||||
|
||||
.apexcharts-gridlines-horizontal,
|
||||
.apexcharts-gridlines-vertical,
|
||||
.apexcharts-grid,
|
||||
.apexcharts-gridline,
|
||||
.apexcharts-xaxis-tick,
|
||||
.apexcharts-xaxis line,
|
||||
.apexcharts-gridline line{
|
||||
pointer-events: none;
|
||||
stroke: $apex-grid-color;
|
||||
}
|
||||
.apexcharts-radar-series line,
|
||||
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
|
||||
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
|
||||
.apexcharts-radar-series path, .apexcharts-radar-series polygon{
|
||||
pointer-events: none;
|
||||
stroke: $apex-grid-color-2;
|
||||
}
|
||||
|
||||
.apexcharts-legend-text {
|
||||
color: $gray-500!important;
|
||||
font-family: $font-secondary!important
|
||||
}
|
||||
|
||||
.apexcharts-pie-label {
|
||||
fill: $white!important
|
||||
}
|
||||
.apexcharts-datalabels text,
|
||||
.apexcharts-data-labels,
|
||||
.apexcharts-xaxis text,
|
||||
.apexcharts-yaxis text {
|
||||
font-family: $font-secondary!important;
|
||||
fill: $gray-500;
|
||||
}
|
||||
.apexcharts-yaxis-annotation-label{
|
||||
color: $gray-500!important;
|
||||
}
|
||||
.apexcharts-point-annotations text,
|
||||
.apexcharts-xaxis-annotations text,
|
||||
.apexcharts-yaxis-annotations text {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
.britechart,
|
||||
.tick text {
|
||||
font-family: $font-secondary;
|
||||
font-size: .75rem
|
||||
}
|
||||
.extended-x-line,
|
||||
.extended-y-line,
|
||||
.horizontal-grid-line,
|
||||
.vertical-grid-line {
|
||||
stroke: $gray-300;
|
||||
}
|
||||
|
||||
.bar-chart .percentage-label,
|
||||
.donut-text,
|
||||
.legend-entry-name,
|
||||
.legend-entry-value,
|
||||
.tick text {
|
||||
fill: $gray-500;
|
||||
}
|
||||
|
||||
.apex-charts{
|
||||
min-height: 10px !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-title{
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6)) !important;
|
||||
color: $white;
|
||||
border-color: $gray-100 !important;
|
||||
}
|
||||
|
||||
.dash-apex-chart{
|
||||
.apexcharts-toolbar{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-tooltip {
|
||||
background: $gray-100 !important;
|
||||
border-color: $gray-100 !important;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
|
||||
.apexcharts-xaxistooltip {
|
||||
background-color: $body-bg !important;
|
||||
border-color: $body-bg !important;
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
|
||||
.apexcharts-xaxistooltip-top:before,
|
||||
.apexcharts-xaxistooltip-top:after {
|
||||
border-top-color: $body-bg !important;
|
||||
}
|
||||
|
||||
.apexcharts-xaxistooltip-bottom:before,
|
||||
.apexcharts-xaxistooltip-bottom:after {
|
||||
border-bottom-color: $body-bg !important;
|
||||
}
|
||||
.apexcharts-xaxistooltip:before,
|
||||
.apexcharts-xaxistooltip:after {
|
||||
border-color: $body-bg;
|
||||
}
|
||||
.apexcharts-title-text,
|
||||
.apexcharts-datalabel-label{
|
||||
color: $gray-500;
|
||||
}
|
||||
.apexcharts-datalabel-value{
|
||||
color: $gray-100;
|
||||
}
|
||||
.apexcharts-legend-marker{
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/*clock*/
|
||||
|
||||
.superpose {
|
||||
color: $gray-200;
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
.superclock {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
margin: auto;
|
||||
.superclock1 {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
.superclock2 {
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 60px;
|
||||
}
|
||||
.superclock3 {
|
||||
position: absolute;
|
||||
left: 110px;
|
||||
top: 110px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drop-shadow{
|
||||
filter: drop-shadow(0px 8px 4px $gray-100);
|
||||
}
|
||||
@@ -0,0 +1,194 @@
|
||||
[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;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 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;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
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 */
|
||||
}
|
||||
|
||||
.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: left;
|
||||
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;
|
||||
left: 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;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[data-simplebar].simplebar-dragging .simplebar-track {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
width: 5px;
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
.simplebar-scrollbar:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: $gray-400;
|
||||
border-radius: 8px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
|
||||
.simplebar-track .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 {
|
||||
left: 0;
|
||||
height: 11px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
|
||||
height: 100%;
|
||||
left: 2px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
|
||||
right: auto;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
height: 7px;
|
||||
min-height: 0;
|
||||
min-width: 10px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Rtl support */
|
||||
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hs-dummy-scrollbar-size {
|
||||
direction: rtl;
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.custom-scroll {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -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";
|
||||
}
|
||||
@@ -0,0 +1,819 @@
|
||||
@font-face {
|
||||
font-family: 'feather';
|
||||
src:
|
||||
url('../fonts/feather.ttf?sdxovp') format('truetype'),
|
||||
url('../fonts/feather.woff?sdxovp') format('woff'),
|
||||
url('../fonts/feather.svg?sdxovp#Feather') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="feather-"], [class*=" feather-"] {
|
||||
font-family: 'feather' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.feather-activity:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.feather-airplay:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.feather-alert-circle:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.feather-alert-octagon:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.feather-alert-triangle:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.feather-align-center:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.feather-align-justify:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.feather-align-left:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.feather-align-right:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.feather-anchor:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.feather-aperture:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.feather-archive:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.feather-arrow-down:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.feather-arrow-down-circle:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.feather-arrow-down-left:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.feather-arrow-down-right:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.feather-arrow-left:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.feather-arrow-left-circle:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.feather-arrow-right:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.feather-arrow-right-circle:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.feather-arrow-up:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.feather-arrow-up-circle:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.feather-arrow-up-left:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.feather-arrow-up-right:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.feather-at-sign:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.feather-award:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.feather-bar-chart:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.feather-bar-chart-2:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.feather-battery:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.feather-battery-charging:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.feather-bell:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.feather-bell-off:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.feather-bluetooth:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.feather-bold:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.feather-book:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.feather-book-open:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.feather-bookmark:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.feather-box:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.feather-briefcase:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.feather-calendar:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.feather-camera:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.feather-camera-off:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.feather-cast:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.feather-check:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.feather-check-circle:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.feather-check-square:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.feather-chevron-down:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.feather-chevron-left:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.feather-chevron-right:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.feather-chevron-up:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.feather-chevrons-down:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.feather-chevrons-left:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.feather-chevrons-right:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.feather-chevrons-up:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.feather-chrome:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.feather-circle:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.feather-clipboard:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.feather-clock:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.feather-cloud:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.feather-cloud-drizzle:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.feather-cloud-lightning:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.feather-cloud-off:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
.feather-cloud-rain:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
.feather-cloud-snow:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
.feather-code:before {
|
||||
content: "\e940";
|
||||
}
|
||||
.feather-codepen:before {
|
||||
content: "\e941";
|
||||
}
|
||||
.feather-command:before {
|
||||
content: "\e942";
|
||||
}
|
||||
.feather-compass:before {
|
||||
content: "\e943";
|
||||
}
|
||||
.feather-copy:before {
|
||||
content: "\e944";
|
||||
}
|
||||
.feather-corner-down-left:before {
|
||||
content: "\e945";
|
||||
}
|
||||
.feather-corner-down-right:before {
|
||||
content: "\e946";
|
||||
}
|
||||
.feather-corner-left-down:before {
|
||||
content: "\e947";
|
||||
}
|
||||
.feather-corner-left-up:before {
|
||||
content: "\e948";
|
||||
}
|
||||
.feather-corner-right-down:before {
|
||||
content: "\e949";
|
||||
}
|
||||
.feather-corner-right-up:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
.feather-corner-up-left:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
.feather-corner-up-right:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
.feather-cpu:before {
|
||||
content: "\e94d";
|
||||
}
|
||||
.feather-credit-card:before {
|
||||
content: "\e94e";
|
||||
}
|
||||
.feather-crop:before {
|
||||
content: "\e94f";
|
||||
}
|
||||
.feather-crosshair:before {
|
||||
content: "\e950";
|
||||
}
|
||||
.feather-database:before {
|
||||
content: "\e951";
|
||||
}
|
||||
.feather-delete:before {
|
||||
content: "\e952";
|
||||
}
|
||||
.feather-disc:before {
|
||||
content: "\e953";
|
||||
}
|
||||
.feather-dollar-sign:before {
|
||||
content: "\e954";
|
||||
}
|
||||
.feather-download:before {
|
||||
content: "\e955";
|
||||
}
|
||||
.feather-download-cloud:before {
|
||||
content: "\e956";
|
||||
}
|
||||
.feather-droplet:before {
|
||||
content: "\e957";
|
||||
}
|
||||
.feather-edit:before {
|
||||
content: "\e958";
|
||||
}
|
||||
.feather-edit-2:before {
|
||||
content: "\e959";
|
||||
}
|
||||
.feather-edit-3:before {
|
||||
content: "\e95a";
|
||||
}
|
||||
.feather-external-link:before {
|
||||
content: "\e95b";
|
||||
}
|
||||
.feather-eye:before {
|
||||
content: "\e95c";
|
||||
}
|
||||
.feather-eye-off:before {
|
||||
content: "\e95d";
|
||||
}
|
||||
.feather-facebook:before {
|
||||
content: "\e95e";
|
||||
}
|
||||
.feather-fast-forward:before {
|
||||
content: "\e95f";
|
||||
}
|
||||
.feather-feather:before {
|
||||
content: "\e960";
|
||||
}
|
||||
.feather-file:before {
|
||||
content: "\e961";
|
||||
}
|
||||
.feather-file-minus:before {
|
||||
content: "\e962";
|
||||
}
|
||||
.feather-file-plus:before {
|
||||
content: "\e963";
|
||||
}
|
||||
.feather-file-text:before {
|
||||
content: "\e964";
|
||||
}
|
||||
.feather-film:before {
|
||||
content: "\e965";
|
||||
}
|
||||
.feather-filter:before {
|
||||
content: "\e966";
|
||||
}
|
||||
.feather-flag:before {
|
||||
content: "\e967";
|
||||
}
|
||||
.feather-folder:before {
|
||||
content: "\e968";
|
||||
}
|
||||
.feather-folder-minus:before {
|
||||
content: "\e969";
|
||||
}
|
||||
.feather-folder-plus:before {
|
||||
content: "\e96a";
|
||||
}
|
||||
.feather-gift:before {
|
||||
content: "\e96b";
|
||||
}
|
||||
.feather-git-branch:before {
|
||||
content: "\e96c";
|
||||
}
|
||||
.feather-git-commit:before {
|
||||
content: "\e96d";
|
||||
}
|
||||
.feather-git-merge:before {
|
||||
content: "\e96e";
|
||||
}
|
||||
.feather-git-pull-request:before {
|
||||
content: "\e96f";
|
||||
}
|
||||
.feather-github:before {
|
||||
content: "\e970";
|
||||
}
|
||||
.feather-gitlab:before {
|
||||
content: "\e971";
|
||||
}
|
||||
.feather-globe:before {
|
||||
content: "\e972";
|
||||
}
|
||||
.feather-grid:before {
|
||||
content: "\e973";
|
||||
}
|
||||
.feather-hard-drive:before {
|
||||
content: "\e974";
|
||||
}
|
||||
.feather-hash:before {
|
||||
content: "\e975";
|
||||
}
|
||||
.feather-headphones:before {
|
||||
content: "\e976";
|
||||
}
|
||||
.feather-heart:before {
|
||||
content: "\e977";
|
||||
}
|
||||
.feather-help-circle:before {
|
||||
content: "\e978";
|
||||
}
|
||||
.feather-home:before {
|
||||
content: "\e979";
|
||||
}
|
||||
.feather-image:before {
|
||||
content: "\e97a";
|
||||
}
|
||||
.feather-inbox:before {
|
||||
content: "\e97b";
|
||||
}
|
||||
.feather-info:before {
|
||||
content: "\e97c";
|
||||
}
|
||||
.feather-instagram:before {
|
||||
content: "\e97d";
|
||||
}
|
||||
.feather-italic:before {
|
||||
content: "\e97e";
|
||||
}
|
||||
.feather-layers:before {
|
||||
content: "\e97f";
|
||||
}
|
||||
.feather-layout:before {
|
||||
content: "\e980";
|
||||
}
|
||||
.feather-life-buoy:before {
|
||||
content: "\e981";
|
||||
}
|
||||
.feather-link:before {
|
||||
content: "\e982";
|
||||
}
|
||||
.feather-link-2:before {
|
||||
content: "\e983";
|
||||
}
|
||||
.feather-linkedin:before {
|
||||
content: "\e984";
|
||||
}
|
||||
.feather-list:before {
|
||||
content: "\e985";
|
||||
}
|
||||
.feather-loader:before {
|
||||
content: "\e986";
|
||||
}
|
||||
.feather-lock:before {
|
||||
content: "\e987";
|
||||
}
|
||||
.feather-log-in:before {
|
||||
content: "\e988";
|
||||
}
|
||||
.feather-log-out:before {
|
||||
content: "\e989";
|
||||
}
|
||||
.feather-mail:before {
|
||||
content: "\e98a";
|
||||
}
|
||||
.feather-map:before {
|
||||
content: "\e98b";
|
||||
}
|
||||
.feather-map-pin:before {
|
||||
content: "\e98c";
|
||||
}
|
||||
.feather-maximize:before {
|
||||
content: "\e98d";
|
||||
}
|
||||
.feather-maximize-2:before {
|
||||
content: "\e98e";
|
||||
}
|
||||
.feather-menu:before {
|
||||
content: "\e98f";
|
||||
}
|
||||
.feather-message-circle:before {
|
||||
content: "\e990";
|
||||
}
|
||||
.feather-message-square:before {
|
||||
content: "\e991";
|
||||
}
|
||||
.feather-mic:before {
|
||||
content: "\e992";
|
||||
}
|
||||
.feather-mic-off:before {
|
||||
content: "\e993";
|
||||
}
|
||||
.feather-minimize:before {
|
||||
content: "\e994";
|
||||
}
|
||||
.feather-minimize-2:before {
|
||||
content: "\e995";
|
||||
}
|
||||
.feather-minus:before {
|
||||
content: "\e996";
|
||||
}
|
||||
.feather-minus-circle:before {
|
||||
content: "\e997";
|
||||
}
|
||||
.feather-minus-square:before {
|
||||
content: "\e998";
|
||||
}
|
||||
.feather-monitor:before {
|
||||
content: "\e999";
|
||||
}
|
||||
.feather-moon:before {
|
||||
content: "\e99a";
|
||||
}
|
||||
.feather-more-horizontal:before {
|
||||
content: "\e99b";
|
||||
}
|
||||
.feather-more-vertical:before {
|
||||
content: "\e99c";
|
||||
}
|
||||
.feather-move:before {
|
||||
content: "\e99d";
|
||||
}
|
||||
.feather-music:before {
|
||||
content: "\e99e";
|
||||
}
|
||||
.feather-navigation:before {
|
||||
content: "\e99f";
|
||||
}
|
||||
.feather-navigation-2:before {
|
||||
content: "\e9a0";
|
||||
}
|
||||
.feather-octagon:before {
|
||||
content: "\e9a1";
|
||||
}
|
||||
.feather-package:before {
|
||||
content: "\e9a2";
|
||||
}
|
||||
.feather-paperclip:before {
|
||||
content: "\e9a3";
|
||||
}
|
||||
.feather-pause:before {
|
||||
content: "\e9a4";
|
||||
}
|
||||
.feather-pause-circle:before {
|
||||
content: "\e9a5";
|
||||
}
|
||||
.feather-percent:before {
|
||||
content: "\e9a6";
|
||||
}
|
||||
.feather-phone:before {
|
||||
content: "\e9a7";
|
||||
}
|
||||
.feather-phone-call:before {
|
||||
content: "\e9a8";
|
||||
}
|
||||
.feather-phone-forwarded:before {
|
||||
content: "\e9a9";
|
||||
}
|
||||
.feather-phone-incoming:before {
|
||||
content: "\e9aa";
|
||||
}
|
||||
.feather-phone-missed:before {
|
||||
content: "\e9ab";
|
||||
}
|
||||
.feather-phone-off:before {
|
||||
content: "\e9ac";
|
||||
}
|
||||
.feather-phone-outgoing:before {
|
||||
content: "\e9ad";
|
||||
}
|
||||
.feather-pie-chart:before {
|
||||
content: "\e9ae";
|
||||
}
|
||||
.feather-play:before {
|
||||
content: "\e9af";
|
||||
}
|
||||
.feather-play-circle:before {
|
||||
content: "\e9b0";
|
||||
}
|
||||
.feather-plus:before {
|
||||
content: "\e9b1";
|
||||
}
|
||||
.feather-plus-circle:before {
|
||||
content: "\e9b2";
|
||||
}
|
||||
.feather-plus-square:before {
|
||||
content: "\e9b3";
|
||||
}
|
||||
.feather-pocket:before {
|
||||
content: "\e9b4";
|
||||
}
|
||||
.feather-power:before {
|
||||
content: "\e9b5";
|
||||
}
|
||||
.feather-printer:before {
|
||||
content: "\e9b6";
|
||||
}
|
||||
.feather-radio:before {
|
||||
content: "\e9b7";
|
||||
}
|
||||
.feather-refresh-ccw:before {
|
||||
content: "\e9b8";
|
||||
}
|
||||
.feather-refresh-cw:before {
|
||||
content: "\e9b9";
|
||||
}
|
||||
.feather-repeat:before {
|
||||
content: "\e9ba";
|
||||
}
|
||||
.feather-rewind:before {
|
||||
content: "\e9bb";
|
||||
}
|
||||
.feather-rotate-ccw:before {
|
||||
content: "\e9bc";
|
||||
}
|
||||
.feather-rotate-cw:before {
|
||||
content: "\e9bd";
|
||||
}
|
||||
.feather-rss:before {
|
||||
content: "\e9be";
|
||||
}
|
||||
.feather-save:before {
|
||||
content: "\e9bf";
|
||||
}
|
||||
.feather-scissors:before {
|
||||
content: "\e9c0";
|
||||
}
|
||||
.feather-search:before {
|
||||
content: "\e9c1";
|
||||
}
|
||||
.feather-send:before {
|
||||
content: "\e9c2";
|
||||
}
|
||||
.feather-server:before {
|
||||
content: "\e9c3";
|
||||
}
|
||||
.feather-settings:before {
|
||||
content: "\e9c4";
|
||||
}
|
||||
.feather-share:before {
|
||||
content: "\e9c5";
|
||||
}
|
||||
.feather-share-2:before {
|
||||
content: "\e9c6";
|
||||
}
|
||||
.feather-shield:before {
|
||||
content: "\e9c7";
|
||||
}
|
||||
.feather-shield-off:before {
|
||||
content: "\e9c8";
|
||||
}
|
||||
.feather-shopping-bag:before {
|
||||
content: "\e9c9";
|
||||
}
|
||||
.feather-shopping-cart:before {
|
||||
content: "\e9ca";
|
||||
}
|
||||
.feather-shuffle:before {
|
||||
content: "\e9cb";
|
||||
}
|
||||
.feather-sidebar:before {
|
||||
content: "\e9cc";
|
||||
}
|
||||
.feather-skip-back:before {
|
||||
content: "\e9cd";
|
||||
}
|
||||
.feather-skip-forward:before {
|
||||
content: "\e9ce";
|
||||
}
|
||||
.feather-slack:before {
|
||||
content: "\e9cf";
|
||||
}
|
||||
.feather-slash:before {
|
||||
content: "\e9d0";
|
||||
}
|
||||
.feather-sliders:before {
|
||||
content: "\e9d1";
|
||||
}
|
||||
.feather-smartphone:before {
|
||||
content: "\e9d2";
|
||||
}
|
||||
.feather-speaker:before {
|
||||
content: "\e9d3";
|
||||
}
|
||||
.feather-square:before {
|
||||
content: "\e9d4";
|
||||
}
|
||||
.feather-star:before {
|
||||
content: "\e9d5";
|
||||
}
|
||||
.feather-stop-circle:before {
|
||||
content: "\e9d6";
|
||||
}
|
||||
.feather-sun:before {
|
||||
content: "\e9d7";
|
||||
}
|
||||
.feather-sunrise:before {
|
||||
content: "\e9d8";
|
||||
}
|
||||
.feather-sunset:before {
|
||||
content: "\e9d9";
|
||||
}
|
||||
.feather-tablet:before {
|
||||
content: "\e9da";
|
||||
}
|
||||
.feather-tag:before {
|
||||
content: "\e9db";
|
||||
}
|
||||
.feather-target:before {
|
||||
content: "\e9dc";
|
||||
}
|
||||
.feather-terminal:before {
|
||||
content: "\e9dd";
|
||||
}
|
||||
.feather-thermometer:before {
|
||||
content: "\e9de";
|
||||
}
|
||||
.feather-thumbs-down:before {
|
||||
content: "\e9df";
|
||||
}
|
||||
.feather-thumbs-up:before {
|
||||
content: "\e9e0";
|
||||
}
|
||||
.feather-toggle-left:before {
|
||||
content: "\e9e1";
|
||||
}
|
||||
.feather-toggle-right:before {
|
||||
content: "\e9e2";
|
||||
}
|
||||
.feather-trash:before {
|
||||
content: "\e9e3";
|
||||
}
|
||||
.feather-trash-2:before {
|
||||
content: "\e9e4";
|
||||
}
|
||||
.feather-trending-down:before {
|
||||
content: "\e9e5";
|
||||
}
|
||||
.feather-trending-up:before {
|
||||
content: "\e9e6";
|
||||
}
|
||||
.feather-triangle:before {
|
||||
content: "\e9e7";
|
||||
}
|
||||
.feather-truck:before {
|
||||
content: "\e9e8";
|
||||
}
|
||||
.feather-tv:before {
|
||||
content: "\e9e9";
|
||||
}
|
||||
.feather-twitter:before {
|
||||
content: "\e9ea";
|
||||
}
|
||||
.feather-type:before {
|
||||
content: "\e9eb";
|
||||
}
|
||||
.feather-umbrella:before {
|
||||
content: "\e9ec";
|
||||
}
|
||||
.feather-underline:before {
|
||||
content: "\e9ed";
|
||||
}
|
||||
.feather-unlock:before {
|
||||
content: "\e9ee";
|
||||
}
|
||||
.feather-upload:before {
|
||||
content: "\e9ef";
|
||||
}
|
||||
.feather-upload-cloud:before {
|
||||
content: "\e9f0";
|
||||
}
|
||||
.feather-user:before {
|
||||
content: "\e9f1";
|
||||
}
|
||||
.feather-user-check:before {
|
||||
content: "\e9f2";
|
||||
}
|
||||
.feather-user-minus:before {
|
||||
content: "\e9f3";
|
||||
}
|
||||
.feather-user-plus:before {
|
||||
content: "\e9f4";
|
||||
}
|
||||
.feather-user-x:before {
|
||||
content: "\e9f5";
|
||||
}
|
||||
.feather-users:before {
|
||||
content: "\e9f6";
|
||||
}
|
||||
.feather-video:before {
|
||||
content: "\e9f7";
|
||||
}
|
||||
.feather-video-off:before {
|
||||
content: "\e9f8";
|
||||
}
|
||||
.feather-voicemail:before {
|
||||
content: "\e9f9";
|
||||
}
|
||||
.feather-volume:before {
|
||||
content: "\e9fa";
|
||||
}
|
||||
.feather-volume-1:before {
|
||||
content: "\e9fb";
|
||||
}
|
||||
.feather-volume-2:before {
|
||||
content: "\e9fc";
|
||||
}
|
||||
.feather-volume-x:before {
|
||||
content: "\e9fd";
|
||||
}
|
||||
.feather-watch:before {
|
||||
content: "\e9fe";
|
||||
}
|
||||
.feather-wifi:before {
|
||||
content: "\e9ff";
|
||||
}
|
||||
.feather-wifi-off:before {
|
||||
content: "\ea00";
|
||||
}
|
||||
.feather-wind:before {
|
||||
content: "\ea01";
|
||||
}
|
||||
.feather-x:before {
|
||||
content: "\ea02";
|
||||
}
|
||||
.feather-x-circle:before {
|
||||
content: "\ea03";
|
||||
}
|
||||
.feather-x-square:before {
|
||||
content: "\ea04";
|
||||
}
|
||||
.feather-youtube:before {
|
||||
content: "\ea05";
|
||||
}
|
||||
.feather-zap:before {
|
||||
content: "\ea06";
|
||||
}
|
||||
.feather-zap-off:before {
|
||||
content: "\ea07";
|
||||
}
|
||||
.feather-zoom-in:before {
|
||||
content: "\ea08";
|
||||
}
|
||||
.feather-zoom-out:before {
|
||||
content: "\ea09";
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,845 @@
|
||||
/*!
|
||||
* Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
|
||||
* License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*
|
||||
* Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
|
||||
*
|
||||
* Contacts:
|
||||
* [ https://icons8.com/contact ]
|
||||
*
|
||||
* Follow Icon8 on
|
||||
* Twitter [ https://twitter.com/icons_8 ]
|
||||
* Facebook [ https://www.facebook.com/Icons8 ]
|
||||
* Google+ [ https://plus.google.com/+Icons8 ]
|
||||
* GitHub [ https://github.com/icons8 ]
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "LineAwesome";
|
||||
src: url("../fonts/line-awesome.eot?v=1.1.");
|
||||
src: url("../fonts/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
|
||||
url("../fonts/line-awesome.woff2?v=1.1.") format("woff2"),
|
||||
url("../fonts/line-awesome.woff?v=1.1.") format("woff"),
|
||||
url("../fonts/line-awesome.ttf?v=1.1.") format("truetype"),
|
||||
url("../fonts/line-awesome.svg?v=1.1.#fa") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "LineAwesome";
|
||||
src: url("../fonts/line-awesome.svg?v=1.1.#fa") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
|
||||
.la {
|
||||
display: inline-block;
|
||||
font: normal normal normal 16px/1 "LineAwesome";
|
||||
font-size: inherit;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.la-lg {
|
||||
font-size: 1.33333333em;
|
||||
line-height: 0.75em;
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.la-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.la-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.la-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.la-5x {
|
||||
font-size: 5em;
|
||||
}
|
||||
.la-fw {
|
||||
width: 1.28571429em;
|
||||
text-align: center;
|
||||
}
|
||||
.la-ul {
|
||||
padding-left: 0;
|
||||
margin-left: 2.14285714em;
|
||||
list-style-type: none;
|
||||
}
|
||||
.la-ul > li {
|
||||
position: relative;
|
||||
}
|
||||
.la-li {
|
||||
position: absolute;
|
||||
left: -2.14285714em;
|
||||
width: 2.14285714em;
|
||||
top: 0.14285714em;
|
||||
text-align: center;
|
||||
}
|
||||
.la-li.la-lg {
|
||||
left: -1.85714286em;
|
||||
}
|
||||
.la-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid 0.08em #eeeeee;
|
||||
border-radius: .1em;
|
||||
}
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
.li.pull-left {
|
||||
margin-right: .3em;
|
||||
}
|
||||
.li.pull-right {
|
||||
margin-left: .3em;
|
||||
}
|
||||
.la-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
.la-rotate-90 {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.la-rotate-180 {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.la-rotate-270 {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
-webkit-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.la-flip-horizontal {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
|
||||
-webkit-transform: scale(-1, 1);
|
||||
-ms-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
.la-flip-vertical {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
|
||||
-webkit-transform: scale(1, -1);
|
||||
-ms-transform: scale(1, -1);
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
:root .la-rotate-90,
|
||||
:root .la-rotate-180,
|
||||
:root .la-rotate-270,
|
||||
:root .la-flip-horizontal,
|
||||
:root .la-flip-vertical {
|
||||
filter: none;
|
||||
}
|
||||
.la-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.la-stack-1x,
|
||||
.la-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.la-stack-1x {
|
||||
line-height: inherit;
|
||||
}
|
||||
.la-stack-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.la-inverse {
|
||||
color: #ffffff;
|
||||
}
|
||||
/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
|
||||
|
||||
.la-500px:before { content: "\f100"; }
|
||||
.la-adjust:before { content: "\f101"; }
|
||||
.la-adn:before { content: "\f102"; }
|
||||
.la-align-center:before { content: "\f103"; }
|
||||
.la-align-justify:before { content: "\f104"; }
|
||||
.la-align-left:before { content: "\f105"; }
|
||||
.la-align-right:before { content: "\f106"; }
|
||||
.la-amazon:before { content: "\f107"; }
|
||||
.la-ambulance:before { content: "\f108"; }
|
||||
.la-anchor:before { content: "\f109"; }
|
||||
.la-android:before { content: "\f10a"; }
|
||||
.la-angellist:before { content: "\f10b"; }
|
||||
.la-angle-double-down:before { content: "\f10c"; }
|
||||
.la-angle-double-left:before { content: "\f10d"; }
|
||||
.la-angle-double-right:before { content: "\f10e"; }
|
||||
.la-angle-double-up:before { content: "\f10f"; }
|
||||
.la-angle-down:before { content: "\f110"; }
|
||||
.la-angle-left:before { content: "\f111"; }
|
||||
.la-angle-right:before { content: "\f112"; }
|
||||
.la-angle-up:before { content: "\f113"; }
|
||||
.la-apple:before { content: "\f114"; }
|
||||
.la-archive:before { content: "\f115"; }
|
||||
.la-area-chart:before { content: "\f116"; }
|
||||
.la-arrow-circle-down:before { content: "\f117"; }
|
||||
.la-arrow-circle-left:before { content: "\f118"; }
|
||||
.la-arrow-circle-o-down:before { content: "\f119"; }
|
||||
.la-arrow-circle-o-left:before { content: "\f11a"; }
|
||||
.la-arrow-circle-o-right:before { content: "\f11b"; }
|
||||
.la-arrow-circle-o-up:before { content: "\f11c"; }
|
||||
.la-arrow-circle-right:before { content: "\f11d"; }
|
||||
.la-arrow-circle-up:before { content: "\f11e"; }
|
||||
.la-arrow-down:before { content: "\f11f"; }
|
||||
.la-arrow-left:before { content: "\f120"; }
|
||||
.la-arrow-right:before { content: "\f121"; }
|
||||
.la-arrow-up:before { content: "\f122"; }
|
||||
.la-arrows:before { content: "\f123"; }
|
||||
.la-arrows-alt:before { content: "\f124"; }
|
||||
.la-arrows-h:before { content: "\f125"; }
|
||||
.la-arrows-v:before { content: "\f126"; }
|
||||
.la-asterisk:before { content: "\f127"; }
|
||||
.la-at:before { content: "\f128"; }
|
||||
.la-automobile:before { content: "\f129"; }
|
||||
.la-backward:before { content: "\f12a"; }
|
||||
.la-balance-scale:before { content: "\f12b"; }
|
||||
.la-ban:before { content: "\f12c"; }
|
||||
.la-bank:before { content: "\f12d"; }
|
||||
.la-bar-chart:before { content: "\f12e"; }
|
||||
.la-bar-chart-o:before { content: "\f12f"; }
|
||||
.la-barcode:before { content: "\f130"; }
|
||||
.la-bars:before { content: "\f131"; }
|
||||
.la-battery-0:before { content: "\f132"; }
|
||||
.la-battery-1:before { content: "\f133"; }
|
||||
.la-battery-2:before { content: "\f134"; }
|
||||
.la-battery-3:before { content: "\f135"; }
|
||||
.la-battery-4:before { content: "\f136"; }
|
||||
.la-battery-empty:before { content: "\f137"; }
|
||||
.la-battery-full:before { content: "\f138"; }
|
||||
.la-battery-half:before { content: "\f139"; }
|
||||
.la-battery-quarter:before { content: "\f13a"; }
|
||||
.la-battery-three-quarters:before { content: "\f13b"; }
|
||||
.la-bed:before { content: "\f13c"; }
|
||||
.la-beer:before { content: "\f13d"; }
|
||||
.la-behance:before { content: "\f13e"; }
|
||||
.la-behance-square:before { content: "\f13f"; }
|
||||
.la-bell:before { content: "\f140"; }
|
||||
.la-bell-o:before { content: "\f141"; }
|
||||
.la-bell-slash:before { content: "\f142"; }
|
||||
.la-bell-slash-o:before { content: "\f143"; }
|
||||
.la-bicycle:before { content: "\f144"; }
|
||||
.la-binoculars:before { content: "\f145"; }
|
||||
.la-birthday-cake:before { content: "\f146"; }
|
||||
.la-bitbucket:before { content: "\f147"; }
|
||||
.la-bitbucket-square:before { content: "\f148"; }
|
||||
.la-bitcoin:before { content: "\f149"; }
|
||||
.la-black-tie:before { content: "\f14a"; }
|
||||
.la-bold:before { content: "\f14b"; }
|
||||
.la-bolt:before { content: "\f14c"; }
|
||||
.la-bomb:before { content: "\f14d"; }
|
||||
.la-book:before { content: "\f14e"; }
|
||||
.la-bookmark:before { content: "\f14f"; }
|
||||
.la-bookmark-o:before { content: "\f150"; }
|
||||
.la-briefcase:before { content: "\f151"; }
|
||||
.la-btc:before { content: "\f152"; }
|
||||
.la-bug:before { content: "\f153"; }
|
||||
.la-building:before { content: "\f154"; }
|
||||
.la-building-o:before { content: "\f155"; }
|
||||
.la-bullhorn:before { content: "\f156"; }
|
||||
.la-bullseye:before { content: "\f157"; }
|
||||
.la-bus:before { content: "\f158"; }
|
||||
.la-buysellads:before { content: "\f159"; }
|
||||
.la-cab:before { content: "\f15a"; }
|
||||
.la-calculator:before { content: "\f15b"; }
|
||||
.la-calendar:before { content: "\f15c"; }
|
||||
.la-calendar-check-o:before { content: "\f15d"; }
|
||||
.la-calendar-minus-o:before { content: "\f15e"; }
|
||||
.la-calendar-o:before { content: "\f15f"; }
|
||||
.la-calendar-plus-o:before { content: "\f160"; }
|
||||
.la-calendar-times-o:before { content: "\f161"; }
|
||||
.la-camera:before { content: "\f162"; }
|
||||
.la-camera-retro:before { content: "\f163"; }
|
||||
.la-car:before { content: "\f164"; }
|
||||
.la-caret-down:before { content: "\f165"; }
|
||||
.la-caret-left:before { content: "\f166"; }
|
||||
.la-caret-right:before { content: "\f167"; }
|
||||
.la-caret-square-o-down:before, .la-toggle-down:before { content: "\f168"; }
|
||||
.la-caret-square-o-left:before, .la-toggle-left:before { content: "\f169"; }
|
||||
.la-caret-square-o-right:before, .la-toggle-right:before { content: "\f16a"; }
|
||||
.la-caret-square-o-up:before, .la-toggle-up:before { content: "\f16b"; }
|
||||
.la-caret-up:before { content: "\f16c"; }
|
||||
.la-cart-arrow-down:before { content: "\f16d"; }
|
||||
.la-cart-plus:before { content: "\f16e"; }
|
||||
.la-cc:before { content: "\f16f"; }
|
||||
.la-cc-amex:before { content: "\f170"; }
|
||||
.la-cc-diners-club:before { content: "\f171"; }
|
||||
.la-cc-discover:before { content: "\f172"; }
|
||||
.la-cc-jcb:before { content: "\f173"; }
|
||||
.la-cc-mastercard:before { content: "\f174"; }
|
||||
.la-cc-paypal:before { content: "\f175"; }
|
||||
.la-cc-stripe:before { content: "\f176"; }
|
||||
.la-cc-visa:before { content: "\f177"; }
|
||||
.la-certificate:before { content: "\f178"; }
|
||||
.la-chain:before { content: "\f179"; }
|
||||
.la-chain-broken:before { content: "\f17a"; }
|
||||
.la-check:before { content: "\f17b"; }
|
||||
.la-check-circle:before { content: "\f17c"; }
|
||||
.la-check-circle-o:before { content: "\f17d"; }
|
||||
.la-check-square:before { content: "\f17e"; }
|
||||
.la-check-square-o:before { content: "\f17f"; }
|
||||
.la-chevron-circle-down:before { content: "\f180"; }
|
||||
.la-chevron-circle-left:before { content: "\f181"; }
|
||||
.la-chevron-circle-right:before { content: "\f182"; }
|
||||
.la-chevron-circle-up:before { content: "\f183"; }
|
||||
.la-chevron-down:before { content: "\f184"; }
|
||||
.la-chevron-left:before { content: "\f185"; }
|
||||
.la-chevron-right:before { content: "\f186"; }
|
||||
.la-chevron-up:before { content: "\f187"; }
|
||||
.la-child:before { content: "\f188"; }
|
||||
.la-chrome:before { content: "\f189"; }
|
||||
.la-circle:before { content: "\f18a"; }
|
||||
.la-circle-o:before { content: "\f18b"; }
|
||||
.la-circle-o-notch:before { content: "\f18c"; }
|
||||
.la-circle-thin:before { content: "\f18d"; }
|
||||
.la-clipboard:before { content: "\f18e"; }
|
||||
.la-clock-o:before { content: "\f18f"; }
|
||||
.la-clone:before { content: "\f190"; }
|
||||
.la-close:before { content: "\f191"; }
|
||||
.la-cloud:before { content: "\f192"; }
|
||||
.la-cloud-download:before { content: "\f193"; }
|
||||
.la-cloud-upload:before { content: "\f194"; }
|
||||
.la-cny:before { content: "\f195"; }
|
||||
.la-code:before { content: "\f196"; }
|
||||
.la-code-fork:before { content: "\f197"; }
|
||||
.la-codepen:before { content: "\f198"; }
|
||||
.la-coffee:before { content: "\f199"; }
|
||||
.la-cog:before { content: "\f19a"; }
|
||||
.la-cogs:before { content: "\f19b"; }
|
||||
.la-columns:before { content: "\f19c"; }
|
||||
.la-comment:before { content: "\f19d"; }
|
||||
.la-comment-o:before { content: "\f19e"; }
|
||||
.la-commenting:before { content: "\f19f"; }
|
||||
.la-commenting-o:before { content: "\f1a0"; }
|
||||
.la-comments:before { content: "\f1a1"; }
|
||||
.la-comments-o:before { content: "\f1a2"; }
|
||||
.la-compass:before { content: "\f1a3"; }
|
||||
.la-compress:before { content: "\f1a4"; }
|
||||
.la-connectdevelop:before { content: "\f1a5"; }
|
||||
.la-contao:before { content: "\f1a6"; }
|
||||
.la-copy:before { content: "\f1a7"; }
|
||||
.la-copyright:before { content: "\f1a8"; }
|
||||
.la-creative-commons:before { content: "\f1a9"; }
|
||||
.la-credit-card:before { content: "\f1aa"; }
|
||||
.la-crop:before { content: "\f1ab"; }
|
||||
.la-crosshairs:before { content: "\f1ac"; }
|
||||
.la-css3:before { content: "\f1ad"; }
|
||||
.la-cube:before { content: "\f1ae"; }
|
||||
.la-cubes:before { content: "\f1af"; }
|
||||
.la-cut:before { content: "\f1b0"; }
|
||||
.la-cutlery:before { content: "\f1b1"; }
|
||||
.la-dashboard:before { content: "\f1b2"; }
|
||||
.la-dashcube:before { content: "\f1b3"; }
|
||||
.la-database:before { content: "\f1b4"; }
|
||||
.la-dedent:before { content: "\f1b5"; }
|
||||
.la-delicious:before { content: "\f1b6"; }
|
||||
.la-desktop:before { content: "\f1b7"; }
|
||||
.la-deviantart:before { content: "\f1b8"; }
|
||||
.la-diamond:before { content: "\f1b9"; }
|
||||
.la-digg:before { content: "\f1ba"; }
|
||||
.la-dollar:before { content: "\f1bb"; }
|
||||
.la-dot-circle-o:before { content: "\f1bc"; }
|
||||
.la-download:before { content: "\f1bd"; }
|
||||
.la-dribbble:before { content: "\f1be"; }
|
||||
.la-dropbox:before { content: "\f1bf"; }
|
||||
.la-drupal:before { content: "\f1c0"; }
|
||||
.la-edit:before { content: "\f1c1"; }
|
||||
.la-eject:before { content: "\f1c2"; }
|
||||
.la-ellipsis-h:before { content: "\f1c3"; }
|
||||
.la-ellipsis-v:before { content: "\f1c4"; }
|
||||
.la-empire:before, .la-ge:before { content: "\f1c5"; }
|
||||
.la-envelope:before { content: "\f1c6"; }
|
||||
.la-envelope-o:before { content: "\f1c7"; }
|
||||
.la-envelope-square:before { content: "\f1c8"; }
|
||||
.la-eraser:before { content: "\f1c9"; }
|
||||
.la-eur:before { content: "\f1ca"; }
|
||||
.la-euro:before { content: "\f1cb"; }
|
||||
.la-exchange:before { content: "\f1cc"; }
|
||||
.la-exclamation:before { content: "\f1cd"; }
|
||||
.la-exclamation-circle:before { content: "\f1ce"; }
|
||||
.la-exclamation-triangle:before { content: "\f1cf"; }
|
||||
.la-expand:before { content: "\f1d0"; }
|
||||
.la-expeditedssl:before { content: "\f1d1"; }
|
||||
.la-external-link:before { content: "\f1d2"; }
|
||||
.la-external-link-square:before { content: "\f1d3"; }
|
||||
.la-eye:before { content: "\f1d4"; }
|
||||
.la-eye-slash:before { content: "\f1d5"; }
|
||||
.la-eyedropper:before { content: "\f1d6"; }
|
||||
.la-facebook:before, .la-facebook-f:before { content: "\f1d7"; }
|
||||
.la-facebook-official:before { content: "\f1d8"; }
|
||||
.la-facebook-square:before { content: "\f1d9"; }
|
||||
.la-fast-backward:before { content: "\f1da"; }
|
||||
.la-fast-forward:before { content: "\f1db"; }
|
||||
.la-fax:before { content: "\f1dc"; }
|
||||
.la-female:before { content: "\f1dd"; }
|
||||
.la-fighter-jet:before { content: "\f1de"; }
|
||||
.la-file:before { content: "\f1df"; }
|
||||
.la-file-archive-o:before { content: "\f1e0"; }
|
||||
.la-file-audio-o:before { content: "\f1e1"; }
|
||||
.la-file-code-o:before { content: "\f1e2"; }
|
||||
.la-file-excel-o:before { content: "\f1e3"; }
|
||||
.la-file-image-o:before { content: "\f1e4"; }
|
||||
.la-file-movie-o:before { content: "\f1e5"; }
|
||||
.la-file-o:before { content: "\f1e6"; }
|
||||
.la-file-pdf-o:before { content: "\f1e7"; }
|
||||
.la-file-photo-o:before { content: "\f1e8"; }
|
||||
.la-file-picture-o:before { content: "\f1e9"; }
|
||||
.la-file-powerpoint-o:before { content: "\f1ea"; }
|
||||
.la-file-sound-o:before { content: "\f1eb"; }
|
||||
.la-file-text:before { content: "\f1ec"; }
|
||||
.la-file-text-o:before { content: "\f1ed"; }
|
||||
.la-file-video-o:before { content: "\f1ee"; }
|
||||
.la-file-word-o:before { content: "\f1ef"; }
|
||||
.la-file-zip-o:before { content: "\f1f0"; }
|
||||
.la-files-o:before { content: "\f1f1"; }
|
||||
.la-film:before { content: "\f1f2"; }
|
||||
.la-filter:before { content: "\f1f3"; }
|
||||
.la-fire:before { content: "\f1f4"; }
|
||||
.la-fire-extinguisher:before { content: "\f1f5"; }
|
||||
.la-firefox:before { content: "\f1f6"; }
|
||||
.la-flag:before { content: "\f1f7"; }
|
||||
.la-flag-checkered:before { content: "\f1f8"; }
|
||||
.la-flag-o:before { content: "\f1f9"; }
|
||||
.la-flash:before { content: "\f1fa"; }
|
||||
.la-flask:before { content: "\f1fb"; }
|
||||
.la-flickr:before { content: "\f1fc"; }
|
||||
.la-floppy-o:before { content: "\f1fd"; }
|
||||
.la-folder:before { content: "\f1fe"; }
|
||||
.la-folder-o:before { content: "\f1ff"; }
|
||||
.la-folder-open:before { content: "\f200"; }
|
||||
.la-folder-open-o:before { content: "\f201"; }
|
||||
.la-font:before { content: "\f202"; }
|
||||
.la-fonticons:before { content: "\f203"; }
|
||||
.la-forumbee:before { content: "\f204"; }
|
||||
.la-forward:before { content: "\f205"; }
|
||||
.la-foursquare:before { content: "\f206"; }
|
||||
.la-frown-o:before { content: "\f207"; }
|
||||
.la-futbol-o:before, .la-soccer-ball-o:before { content: "\f208"; }
|
||||
.la-gamepad:before { content: "\f209"; }
|
||||
.la-gavel:before { content: "\f20a"; }
|
||||
.la-gbp:before { content: "\f20b"; }
|
||||
.la-gear:before { content: "\f20c"; }
|
||||
.la-gears:before { content: "\f20d"; }
|
||||
.la-genderless:before { content: "\f20e"; }
|
||||
.la-get-pocket:before { content: "\f20f"; }
|
||||
.la-gg:before { content: "\f210"; }
|
||||
.la-gg-circle:before { content: "\f211"; }
|
||||
.la-gift:before { content: "\f212"; }
|
||||
.la-git:before { content: "\f213"; }
|
||||
.la-git-square:before { content: "\f214"; }
|
||||
.la-github:before { content: "\f215"; }
|
||||
.la-github-alt:before { content: "\f216"; }
|
||||
.la-github-square:before { content: "\f217"; }
|
||||
.la-glass:before { content: "\f218"; }
|
||||
.la-globe:before { content: "\f219"; }
|
||||
.la-google:before { content: "\f21a"; }
|
||||
.la-google-plus:before { content: "\f21b"; }
|
||||
.la-google-plus-square:before { content: "\f21c"; }
|
||||
.la-google-wallet:before { content: "\f21d"; }
|
||||
.la-graduation-cap:before { content: "\f21e"; }
|
||||
.la-gratipay:before, .la-gittip:before { content: "\f21f"; }
|
||||
.la-group:before { content: "\f220"; }
|
||||
.la-h-square:before { content: "\f221"; }
|
||||
.la-hacker-news:before { content: "\f222"; }
|
||||
.la-hand-grab-o:before { content: "\f223"; }
|
||||
.la-hand-lizard-o:before { content: "\f224"; }
|
||||
.la-hand-o-down:before { content: "\f225"; }
|
||||
.la-hand-o-left:before { content: "\f226"; }
|
||||
.la-hand-o-right:before { content: "\f227"; }
|
||||
.la-hand-o-up:before { content: "\f228"; }
|
||||
.la-hand-paper-o:before { content: "\f229"; }
|
||||
.la-hand-peace-o:before { content: "\f22a"; }
|
||||
.la-hand-pointer-o:before { content: "\f22b"; }
|
||||
.la-hand-rock-o:before { content: "\f22c"; }
|
||||
.la-hand-scissors-o:before { content: "\f22d"; }
|
||||
.la-hand-spock-o:before { content: "\f22e"; }
|
||||
.la-hand-stop-o:before { content: "\f22f"; }
|
||||
.la-hdd-o:before { content: "\f230"; }
|
||||
.la-header:before { content: "\f231"; }
|
||||
.la-headphones:before { content: "\f232"; }
|
||||
.la-heart:before { content: "\f233"; }
|
||||
.la-heart-o:before { content: "\f234"; }
|
||||
.la-heartbeat:before { content: "\f235"; }
|
||||
.la-history:before { content: "\f236"; }
|
||||
.la-home:before { content: "\f237"; }
|
||||
.la-hospital-o:before { content: "\f238"; }
|
||||
.la-hotel:before { content: "\f239"; }
|
||||
.la-hourglass:before { content: "\f23a"; }
|
||||
.la-hourglass-1:before { content: "\f23b"; }
|
||||
.la-hourglass-2:before { content: "\f23c"; }
|
||||
.la-hourglass-3:before { content: "\f23d"; }
|
||||
.la-hourglass-end:before { content: "\f23e"; }
|
||||
.la-hourglass-half:before { content: "\f23f"; }
|
||||
.la-hourglass-o:before { content: "\f240"; }
|
||||
.la-hourglass-start:before { content: "\f241"; }
|
||||
.la-houzz:before { content: "\f242"; }
|
||||
.la-html5:before { content: "\f243"; }
|
||||
.la-i-cursor:before { content: "\f244"; }
|
||||
.la-ils:before { content: "\f245"; }
|
||||
.la-image:before { content: "\f246"; }
|
||||
.la-inbox:before { content: "\f247"; }
|
||||
.la-indent:before { content: "\f248"; }
|
||||
.la-industry:before { content: "\f249"; }
|
||||
.la-info:before { content: "\f24a"; }
|
||||
.la-info-circle:before { content: "\f24b"; }
|
||||
.la-inr:before { content: "\f24c"; }
|
||||
.la-instagram:before { content: "\f24d"; }
|
||||
.la-institution:before { content: "\f24e"; }
|
||||
.la-internet-explorer:before { content: "\f24f"; }
|
||||
.la-ioxhost:before { content: "\f250"; }
|
||||
.la-italic:before { content: "\f251"; }
|
||||
.la-joomla:before { content: "\f252"; }
|
||||
.la-jpy:before { content: "\f253"; }
|
||||
.la-jsfiddle:before { content: "\f254"; }
|
||||
.la-key:before { content: "\f255"; }
|
||||
.la-keyboard-o:before { content: "\f256"; }
|
||||
.la-krw:before { content: "\f257"; }
|
||||
.la-language:before { content: "\f258"; }
|
||||
.la-laptop:before { content: "\f259"; }
|
||||
.la-lastfm:before { content: "\f25a"; }
|
||||
.la-lastfm-square:before { content: "\f25b"; }
|
||||
.la-leaf:before { content: "\f25c"; }
|
||||
.la-leanpub:before { content: "\f25d"; }
|
||||
.la-legal:before { content: "\f25e"; }
|
||||
.la-lemon-o:before { content: "\f25f"; }
|
||||
.la-level-down:before { content: "\f260"; }
|
||||
.la-level-up:before { content: "\f261"; }
|
||||
.la-life-bouy:before { content: "\f262"; }
|
||||
.la-life-buoy:before { content: "\f263"; }
|
||||
.la-life-ring:before, .la-support:before { content: "\f264"; }
|
||||
.la-life-saver:before { content: "\f265"; }
|
||||
.la-lightbulb-o:before { content: "\f266"; }
|
||||
.la-line-chart:before { content: "\f267"; }
|
||||
.la-link:before { content: "\f268"; }
|
||||
.la-linkedin:before { content: "\f269"; }
|
||||
.la-linkedin-square:before { content: "\f26a"; }
|
||||
.la-linux:before { content: "\f26b"; }
|
||||
.la-list:before { content: "\f26c"; }
|
||||
.la-list-alt:before { content: "\f26d"; }
|
||||
.la-list-ol:before { content: "\f26e"; }
|
||||
.la-list-ul:before { content: "\f26f"; }
|
||||
.la-location-arrow:before { content: "\f270"; }
|
||||
.la-lock:before { content: "\f271"; }
|
||||
.la-long-arrow-down:before { content: "\f272"; }
|
||||
.la-long-arrow-left:before { content: "\f273"; }
|
||||
.la-long-arrow-right:before { content: "\f274"; }
|
||||
.la-long-arrow-up:before { content: "\f275"; }
|
||||
.la-magic:before { content: "\f276"; }
|
||||
.la-magnet:before { content: "\f277"; }
|
||||
.la-mail-forward:before { content: "\f278"; }
|
||||
.la-mail-reply:before { content: "\f279"; }
|
||||
.la-mail-reply-all:before { content: "\f27a"; }
|
||||
.la-male:before { content: "\f27b"; }
|
||||
.la-map:before { content: "\f27c"; }
|
||||
.la-map-marker:before { content: "\f27d"; }
|
||||
.la-map-o:before { content: "\f27e"; }
|
||||
.la-map-pin:before { content: "\f27f"; }
|
||||
.la-map-signs:before { content: "\f280"; }
|
||||
.la-mars:before { content: "\f281"; }
|
||||
.la-mars-double:before { content: "\f282"; }
|
||||
.la-mars-stroke:before { content: "\f283"; }
|
||||
.la-mars-stroke-h:before { content: "\f284"; }
|
||||
.la-mars-stroke-v:before { content: "\f285"; }
|
||||
.la-maxcdn:before { content: "\f286"; }
|
||||
.la-meanpath:before { content: "\f287"; }
|
||||
.la-medium:before { content: "\f288"; }
|
||||
.la-medkit:before { content: "\f289"; }
|
||||
.la-meh-o:before { content: "\f28a"; }
|
||||
.la-mercury:before { content: "\f28b"; }
|
||||
.la-microphone:before { content: "\f28c"; }
|
||||
.la-microphone-slash:before { content: "\f28d"; }
|
||||
.la-minus:before { content: "\f28e"; }
|
||||
.la-minus-circle:before { content: "\f28f"; }
|
||||
.la-minus-square:before { content: "\f290"; }
|
||||
.la-minus-square-o:before { content: "\f291"; }
|
||||
.la-mobile:before { content: "\f292"; }
|
||||
.la-mobile-phone:before { content: "\f293"; }
|
||||
.la-money:before { content: "\f294"; }
|
||||
.la-moon-o:before { content: "\f295"; }
|
||||
.la-mortar-board:before { content: "\f296"; }
|
||||
.la-motorcycle:before { content: "\f297"; }
|
||||
.la-mouse-pointer:before { content: "\f298"; }
|
||||
.la-music:before { content: "\f299"; }
|
||||
.la-navicon:before { content: "\f29a"; }
|
||||
.la-neuter:before { content: "\f29b"; }
|
||||
.la-newspaper-o:before { content: "\f29c"; }
|
||||
.la-object-group:before { content: "\f29d"; }
|
||||
.la-object-ungroup:before { content: "\f29e"; }
|
||||
.la-odnoklassniki:before { content: "\f29f"; }
|
||||
.la-odnoklassniki-square:before { content: "\f2a0"; }
|
||||
.la-opencart:before { content: "\f2a1"; }
|
||||
.la-openid:before { content: "\f2a2"; }
|
||||
.la-opera:before { content: "\f2a3"; }
|
||||
.la-optin-monster:before { content: "\f2a4"; }
|
||||
.la-outdent:before { content: "\f2a5"; }
|
||||
.la-pagelines:before { content: "\f2a6"; }
|
||||
.la-paint-brush:before { content: "\f2a7"; }
|
||||
.la-paper-plane:before, .la-send:before { content: "\f2a8"; }
|
||||
.la-paper-plane-o:before, .la-send-o:before { content: "\f2a9"; }
|
||||
.la-paperclip:before { content: "\f2aa"; }
|
||||
.la-paragraph:before { content: "\f2ab"; }
|
||||
.la-paste:before { content: "\f2ac"; }
|
||||
.la-pause:before { content: "\f2ad"; }
|
||||
.la-paw:before { content: "\f2ae"; }
|
||||
.la-paypal:before { content: "\f2af"; }
|
||||
.la-pencil:before { content: "\f2b0"; }
|
||||
.la-pencil-square:before { content: "\f2b1"; }
|
||||
.la-pencil-square-o:before { content: "\f2b2"; }
|
||||
.la-phone:before { content: "\f2b3"; }
|
||||
.la-phone-square:before { content: "\f2b4"; }
|
||||
.la-photo:before { content: "\f2b5"; }
|
||||
.la-picture-o:before { content: "\f2b6"; }
|
||||
.la-pie-chart:before { content: "\f2b7"; }
|
||||
.la-pied-piper:before { content: "\f2b8"; }
|
||||
.la-pied-piper-alt:before { content: "\f2b9"; }
|
||||
.la-pinterest:before { content: "\f2ba"; }
|
||||
.la-pinterest-p:before { content: "\f2bb"; }
|
||||
.la-pinterest-square:before { content: "\f2bc"; }
|
||||
.la-plane:before { content: "\f2bd"; }
|
||||
.la-play:before { content: "\f2be"; }
|
||||
.la-play-circle:before { content: "\f2bf"; }
|
||||
.la-play-circle-o:before { content: "\f2c0"; }
|
||||
.la-plug:before { content: "\f2c1"; }
|
||||
.la-plus:before { content: "\f2c2"; }
|
||||
.la-plus-circle:before { content: "\f2c3"; }
|
||||
.la-plus-square:before { content: "\f2c4"; }
|
||||
.la-plus-square-o:before { content: "\f2c5"; }
|
||||
.la-power-off:before { content: "\f2c6"; }
|
||||
.la-print:before { content: "\f2c7"; }
|
||||
.la-puzzle-piece:before { content: "\f2c8"; }
|
||||
.la-qq:before { content: "\f2c9"; }
|
||||
.la-qrcode:before { content: "\f2ca"; }
|
||||
.la-question:before { content: "\f2cb"; }
|
||||
.la-question-circle:before { content: "\f2cc"; }
|
||||
.la-quote-left:before { content: "\f2cd"; }
|
||||
.la-quote-right:before { content: "\f2ce"; }
|
||||
.la-ra:before { content: "\f2cf"; }
|
||||
.la-random:before { content: "\f2d0"; }
|
||||
.la-rebel:before { content: "\f2d1"; }
|
||||
.la-recycle:before { content: "\f2d2"; }
|
||||
.la-reddit:before { content: "\f2d3"; }
|
||||
.la-reddit-square:before { content: "\f2d4"; }
|
||||
.la-refresh:before { content: "\f2d5"; }
|
||||
.la-registered:before { content: "\f2d6"; }
|
||||
.la-renren:before { content: "\f2d7"; }
|
||||
.la-reorder:before { content: "\f2d8"; }
|
||||
.la-repeat:before { content: "\f2d9"; }
|
||||
.la-reply:before { content: "\f2da"; }
|
||||
.la-reply-all:before { content: "\f2db"; }
|
||||
.la-retweet:before { content: "\f2dc"; }
|
||||
.la-rmb:before { content: "\f2dd"; }
|
||||
.la-road:before { content: "\f2de"; }
|
||||
.la-rocket:before { content: "\f2df"; }
|
||||
.la-rotate-left:before { content: "\f2e0"; }
|
||||
.la-rotate-right:before { content: "\f2e1"; }
|
||||
.la-rouble:before { content: "\f2e2"; }
|
||||
.la-rss:before, .la-feed:before { content: "\f2e3"; }
|
||||
.la-rss-square:before { content: "\f2e4"; }
|
||||
.la-rub:before { content: "\f2e5"; }
|
||||
.la-ruble:before { content: "\f2e6"; }
|
||||
.la-rupee:before { content: "\f2e7"; }
|
||||
.la-safari:before { content: "\f2e8"; }
|
||||
.la-save:before { content: "\f2e9"; }
|
||||
.la-scissors:before { content: "\f2ea"; }
|
||||
.la-search:before { content: "\f2eb"; }
|
||||
.la-search-minus:before { content: "\f2ec"; }
|
||||
.la-search-plus:before { content: "\f2ed"; }
|
||||
.la-sellsy:before { content: "\f2ee"; }
|
||||
.la-server:before { content: "\f2ef"; }
|
||||
.la-share:before { content: "\f2f0"; }
|
||||
.la-share-alt:before { content: "\f2f1"; }
|
||||
.la-share-alt-square:before { content: "\f2f2"; }
|
||||
.la-share-square:before { content: "\f2f3"; }
|
||||
.la-share-square-o:before { content: "\f2f4"; }
|
||||
.la-shekel:before { content: "\f2f5"; }
|
||||
.la-sheqel:before { content: "\f2f6"; }
|
||||
.la-shield:before { content: "\f2f7"; }
|
||||
.la-ship:before { content: "\f2f8"; }
|
||||
.la-shirtsinbulk:before { content: "\f2f9"; }
|
||||
.la-shopping-cart:before { content: "\f2fa"; }
|
||||
.la-sign-in:before { content: "\f2fb"; }
|
||||
.la-sign-out:before { content: "\f2fc"; }
|
||||
.la-signal:before { content: "\f2fd"; }
|
||||
.la-simplybuilt:before { content: "\f2fe"; }
|
||||
.la-sitemap:before { content: "\f2ff"; }
|
||||
.la-skyatlas:before { content: "\f300"; }
|
||||
.la-skype:before { content: "\f301"; }
|
||||
.la-slack:before { content: "\f302"; }
|
||||
.la-sliders:before { content: "\f303"; }
|
||||
.la-slideshare:before { content: "\f304"; }
|
||||
.la-smile-o:before { content: "\f305"; }
|
||||
.la-sort:before, .la-unsorted:before { content: "\f306"; }
|
||||
.la-sort-alpha-asc:before { content: "\f307"; }
|
||||
.la-sort-alpha-desc:before { content: "\f308"; }
|
||||
.la-sort-amount-asc:before { content: "\f309"; }
|
||||
.la-sort-amount-desc:before { content: "\f30a"; }
|
||||
.la-sort-asc:before, .la-sort-up:before { content: "\f30b"; }
|
||||
.la-sort-desc:before, .la-sort-down:before { content: "\f30c"; }
|
||||
.la-sort-numeric-asc:before { content: "\f30d"; }
|
||||
.la-sort-numeric-desc:before { content: "\f30e"; }
|
||||
.la-soundcloud:before { content: "\f30f"; }
|
||||
.la-space-shuttle:before { content: "\f310"; }
|
||||
.la-spinner:before { content: "\f311"; }
|
||||
.la-spoon:before { content: "\f312"; }
|
||||
.la-spotify:before { content: "\f313"; }
|
||||
.la-square:before { content: "\f314"; }
|
||||
.la-square-o:before { content: "\f315"; }
|
||||
.la-stack-exchange:before { content: "\f316"; }
|
||||
.la-stack-overflow:before { content: "\f317"; }
|
||||
.la-star:before { content: "\f318"; }
|
||||
.la-star-half:before { content: "\f319"; }
|
||||
.la-star-half-o:before, .la-star-half-full:before, .la-star-half-empty:before { content: "\f31a"; }
|
||||
.la-star-o:before { content: "\f31b"; }
|
||||
.la-steam:before { content: "\f31c"; }
|
||||
.la-steam-square:before { content: "\f31d"; }
|
||||
.la-step-backward:before { content: "\f31e"; }
|
||||
.la-step-forward:before { content: "\f31f"; }
|
||||
.la-stethoscope:before { content: "\f320"; }
|
||||
.la-sticky-note:before { content: "\f321"; }
|
||||
.la-sticky-note-o:before { content: "\f322"; }
|
||||
.la-stop:before { content: "\f323"; }
|
||||
.la-street-view:before { content: "\f324"; }
|
||||
.la-strikethrough:before { content: "\f325"; }
|
||||
.la-stumbleupon:before { content: "\f326"; }
|
||||
.la-stumbleupon-circle:before { content: "\f327"; }
|
||||
.la-subscript:before { content: "\f328"; }
|
||||
.la-subway:before { content: "\f329"; }
|
||||
.la-suitcase:before { content: "\f32a"; }
|
||||
.la-sun-o:before { content: "\f32b"; }
|
||||
.la-superscript:before { content: "\f32c"; }
|
||||
.la-table:before { content: "\f32d"; }
|
||||
.la-tablet:before { content: "\f32e"; }
|
||||
.la-tachometer:before { content: "\f32f"; }
|
||||
.la-tag:before { content: "\f330"; }
|
||||
.la-tags:before { content: "\f331"; }
|
||||
.la-tasks:before { content: "\f332"; }
|
||||
.la-taxi:before { content: "\f333"; }
|
||||
.la-television:before, .la-tv:before { content: "\f334"; }
|
||||
.la-tencent-weibo:before { content: "\f335"; }
|
||||
.la-terminal:before { content: "\f336"; }
|
||||
.la-text-height:before { content: "\f337"; }
|
||||
.la-text-width:before { content: "\f338"; }
|
||||
.la-th:before { content: "\f339"; }
|
||||
.la-th-large:before { content: "\f33a"; }
|
||||
.la-th-list:before { content: "\f33b"; }
|
||||
.la-thumb-tack:before { content: "\f33c"; }
|
||||
.la-thumbs-down:before { content: "\f33d"; }
|
||||
.la-thumbs-o-down:before { content: "\f33e"; }
|
||||
.la-thumbs-o-up:before { content: "\f33f"; }
|
||||
.la-thumbs-up:before { content: "\f340"; }
|
||||
.la-ticket:before { content: "\f341"; }
|
||||
.la-times:before, .la-remove:before { content: "\f342"; }
|
||||
.la-times-circle:before { content: "\f343"; }
|
||||
.la-times-circle-o:before { content: "\f344"; }
|
||||
.la-tint:before { content: "\f345"; }
|
||||
.la-toggle-off:before { content: "\f346"; }
|
||||
.la-toggle-on:before { content: "\f347"; }
|
||||
.la-trademark:before { content: "\f348"; }
|
||||
.la-train:before { content: "\f349"; }
|
||||
.la-transgender:before, .la-intersex:before { content: "\f34a"; }
|
||||
.la-transgender-alt:before { content: "\f34b"; }
|
||||
.la-trash:before { content: "\f34c"; }
|
||||
.la-trash-o:before { content: "\f34d"; }
|
||||
.la-tree:before { content: "\f34e"; }
|
||||
.la-trello:before { content: "\f34f"; }
|
||||
.la-tripadvisor:before { content: "\f350"; }
|
||||
.la-trophy:before { content: "\f351"; }
|
||||
.la-truck:before { content: "\f352"; }
|
||||
.la-try:before { content: "\f353"; }
|
||||
.la-tty:before { content: "\f354"; }
|
||||
.la-tumblr:before { content: "\f355"; }
|
||||
.la-tumblr-square:before { content: "\f356"; }
|
||||
.la-turkish-lira:before { content: "\f357"; }
|
||||
.la-twitch:before { content: "\f358"; }
|
||||
.la-twitter:before { content: "\f359"; }
|
||||
.la-twitter-square:before { content: "\f35a"; }
|
||||
.la-umbrella:before { content: "\f35b"; }
|
||||
.la-underline:before { content: "\f35c"; }
|
||||
.la-undo:before { content: "\f35d"; }
|
||||
.la-university:before { content: "\f35e"; }
|
||||
.la-unlink:before { content: "\f35f"; }
|
||||
.la-unlock:before { content: "\f360"; }
|
||||
.la-unlock-alt:before { content: "\f361"; }
|
||||
.la-upload:before { content: "\f362"; }
|
||||
.la-usd:before { content: "\f363"; }
|
||||
.la-user:before { content: "\f364"; }
|
||||
.la-user-md:before { content: "\f365"; }
|
||||
.la-user-plus:before { content: "\f366"; }
|
||||
.la-user-secret:before { content: "\f367"; }
|
||||
.la-user-times:before { content: "\f368"; }
|
||||
.la-users:before { content: "\f369"; }
|
||||
.la-venus:before { content: "\f36a"; }
|
||||
.la-venus-double:before { content: "\f36b"; }
|
||||
.la-venus-mars:before { content: "\f36c"; }
|
||||
.la-viacoin:before { content: "\f36d"; }
|
||||
.la-video-camera:before { content: "\f36e"; }
|
||||
.la-vimeo:before { content: "\f36f"; }
|
||||
.la-vimeo-square:before { content: "\f370"; }
|
||||
.la-vine:before { content: "\f371"; }
|
||||
.la-vk:before { content: "\f372"; }
|
||||
.la-volume-down:before { content: "\f373"; }
|
||||
.la-volume-off:before { content: "\f374"; }
|
||||
.la-volume-up:before { content: "\f375"; }
|
||||
.la-warning:before { content: "\f376"; }
|
||||
.la-wechat:before { content: "\f377"; }
|
||||
.la-weibo:before { content: "\f378"; }
|
||||
.la-weixin:before { content: "\f379"; }
|
||||
.la-whatsapp:before { content: "\f37a"; }
|
||||
.la-wheelchair:before { content: "\f37b"; }
|
||||
.la-wifi:before { content: "\f37c"; }
|
||||
.la-wikipedia-w:before { content: "\f37d"; }
|
||||
.la-windows:before { content: "\f37e"; }
|
||||
.la-won:before { content: "\f37f"; }
|
||||
.la-wordpress:before { content: "\f380"; }
|
||||
.la-wrench:before { content: "\f381"; }
|
||||
.la-xing:before { content: "\f382"; }
|
||||
.la-xing-square:before { content: "\f383"; }
|
||||
.la-y-combinator:before { content: "\f384"; }
|
||||
.la-y-combinator-square:before { content: "\f385"; }
|
||||
.la-yahoo:before { content: "\f386"; }
|
||||
.la-yc:before { content: "\f387"; }
|
||||
.la-yc-square:before { content: "\f388"; }
|
||||
.la-yelp:before { content: "\f389"; }
|
||||
.la-yen:before { content: "\f38a"; }
|
||||
.la-youtube:before { content: "\f38b"; }
|
||||
.la-youtube-play:before { content: "\f38c"; }
|
||||
.la-youtube-square:before { content: "\f38d"; }
|
||||
@@ -0,0 +1,64 @@
|
||||
//
|
||||
// Maps
|
||||
//
|
||||
|
||||
.gmaps, .gmaps-panaroma {
|
||||
height: 300px;
|
||||
background: $light;
|
||||
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 {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow.above {
|
||||
bottom: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-top: 16px solid $primary;
|
||||
}
|
||||
|
||||
.gmaps-overlay_arrow.below {
|
||||
top: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-bottom: 16px solid $primary;
|
||||
}
|
||||
|
||||
|
||||
.jvectormap-zoomin,
|
||||
.jvectormap-zoomout,
|
||||
.jvectormap-goback {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 0;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
background: $gray-100;
|
||||
padding: 5px;
|
||||
color: $gray-800;
|
||||
cursor: pointer;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.drop-shadow-map{
|
||||
filter: $drop-shadow-map;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,76 @@
|
||||
//
|
||||
// Nastable
|
||||
//
|
||||
|
||||
|
||||
.custom-dd {
|
||||
max-width: 100%;
|
||||
}
|
||||
.dd3-content,
|
||||
.dd-handle{
|
||||
height: 40px;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid $gray-200;
|
||||
background-color: darken($gray-200, 1%);
|
||||
color: $gray-700;
|
||||
border-radius: 3px;
|
||||
font-weight: normal;
|
||||
&:hover{
|
||||
background-color: lighten($gray-200, 2%);
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.dd-item > button{
|
||||
height: 25px;
|
||||
margin: 8px 0 0;
|
||||
font-size: 18px;
|
||||
&:before{
|
||||
color:$gray-700;
|
||||
}
|
||||
}
|
||||
|
||||
.dd3-item{
|
||||
margin: 5px 0;
|
||||
|
||||
.dd3-handle {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
border: 1px solid $primary;
|
||||
background: $primary;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
&:hover {
|
||||
background: lighten($primary,5%);
|
||||
}
|
||||
&:before {
|
||||
content: "\f0c9";
|
||||
font-family: "Font Awesome 5 Free" !important;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 9px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
color: $white;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dd3-content-p{
|
||||
padding: 8px 10px 8px 40px;
|
||||
}
|
||||
.dd-empty,
|
||||
.dd-placeholder{
|
||||
background: $body-bg;
|
||||
border: 1px dashed $border_2;
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
/* ==============
|
||||
Range slider
|
||||
===================*/
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
background: $primary;
|
||||
}
|
||||
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||
border-top-color: $primary;
|
||||
}
|
||||
.irs--round .irs-bar,
|
||||
.irs--flat .irs-handle.state_hover > i:first-child,
|
||||
.irs--flat .irs-handle:hover > i:first-child,
|
||||
.irs--flat .irs-handle > i:first-child,
|
||||
.irs--flat .irs-from,
|
||||
.irs--flat .irs-to,
|
||||
.irs--flat .irs-single,
|
||||
.irs--flat .irs-bar{
|
||||
background-color: $primary;
|
||||
}
|
||||
.irs--flat .irs-from:before,
|
||||
.irs--flat .irs-to:before,
|
||||
.irs--flat .irs-single:before{
|
||||
border-top-color:$primary;
|
||||
}
|
||||
|
||||
.irs--sharp .irs-bar,
|
||||
.irs--sharp .irs-handle{
|
||||
background-color: $success;
|
||||
}
|
||||
.irs--sharp .irs-handle > i:first-child{
|
||||
border-top-color:$success;
|
||||
}
|
||||
.irs--sharp .irs-line{
|
||||
background-color: $gray-300;
|
||||
}
|
||||
|
||||
.irs--square .irs-handle{
|
||||
border-color:$blue;
|
||||
}
|
||||
.irs--square .irs-from,
|
||||
.irs--square .irs-to,
|
||||
.irs--square .irs-single,
|
||||
.irs--square .irs-bar{
|
||||
background-color: $blue;
|
||||
}
|
||||
|
||||
|
||||
.irs--flat .irs-min, .irs--flat .irs-max,
|
||||
.irs--round .irs-min, .irs--round .irs-max,
|
||||
.irs--square .irs-min, .irs--square .irs-max,
|
||||
.irs--modern .irs-min, .irs--modern .irs-max{
|
||||
|
||||
top: 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
color: $gray-700;
|
||||
background-color: $gray-200;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.irs--modern .irs-from,
|
||||
.irs--modern .irs-to,
|
||||
.irs--modern .irs-single,
|
||||
.irs--round .irs-from,
|
||||
.irs--round .irs-to,
|
||||
.irs--round .irs-single {
|
||||
font-size: 11px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 2px 5px;
|
||||
background-color: $primary;
|
||||
color:$white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.irs--modern .irs-from:before,
|
||||
.irs--modern
|
||||
.irs-to:before,
|
||||
.irs--modern .irs-single:before,
|
||||
.irs--round .irs-from:before,
|
||||
.irs--round .irs-to:before,
|
||||
.irs--round .irs-single:before{
|
||||
content: "";
|
||||
border: 3px solid transparent;
|
||||
border-top-color: $primary;
|
||||
}
|
||||
.irs--round,
|
||||
.irs--square,
|
||||
.irs--flat,
|
||||
.irs--modern {
|
||||
.irs-line{
|
||||
background: linear-gradient(to bottom, $gray-300 0%, $gray-200 100%);
|
||||
border: 1px solid $border;
|
||||
}
|
||||
}
|
||||
.irs--sharp,
|
||||
.irs--flat,
|
||||
.irs--square,
|
||||
.irs--modern {
|
||||
.irs-grid-pol {
|
||||
background-color: $gray-400;
|
||||
}
|
||||
}
|
||||
.irs--square .irs-handle,
|
||||
.irs--round .irs-handle.state_hover,
|
||||
.irs--round .irs-handle:hover {
|
||||
background-color: $card-bg;
|
||||
}
|
||||
.irs--modern .irs-bar {
|
||||
background: $primary;
|
||||
background: linear-gradient(135deg, rgba($primary,0.5) 0%,$primary 36%,darken($primary, 5%) 61%,rgba($primary,0.5) 100%);
|
||||
}
|
||||
.irs--round .irs-handle{
|
||||
border: 4px solid $primary;
|
||||
background-color: transparent;
|
||||
box-shadow: 0 1px 3px rgba($primary, 0.3);
|
||||
}
|
||||
|
||||
.showcase__mark {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
background: $danger;
|
||||
transform: rotate(-45deg);
|
||||
padding: 1px 3px;
|
||||
border-radius: 3px;
|
||||
color: $white;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.irs--modern .irs-handle > i:nth-child(1){
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
.irs--modern .irs-handle > i:nth-child(1),
|
||||
.irs--modern .irs-handle > i:nth-child(2){
|
||||
background: $card-bg;
|
||||
}
|
||||
@@ -0,0 +1,96 @@
|
||||
//
|
||||
// Sweet Alert
|
||||
//
|
||||
|
||||
|
||||
.swal2-popup {
|
||||
background: $card-bg;
|
||||
.swal2-title{
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
color: $gray-700;
|
||||
}
|
||||
.swal2-content{
|
||||
color: $gray-600;
|
||||
}
|
||||
.swal2-styled{
|
||||
&.swal2-confirm {
|
||||
border: 0;
|
||||
border-radius: .25em;
|
||||
background: initial;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
font-size: 1.0625em;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($primary, 0.4);
|
||||
}
|
||||
&.swal2-cancel {
|
||||
border: 0;
|
||||
border-radius: .25em;
|
||||
background: initial;
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
font-size: 1.0625em;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swal2-popup .swal2-styled.swal2-cancel{
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.swal2-actions{
|
||||
.btn-success:not(:disabled):not(.disabled):active,
|
||||
.btn-success,
|
||||
.btn-success:active{
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
}
|
||||
.btn-success:focus{
|
||||
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($primary, 0.4);
|
||||
}
|
||||
|
||||
.btn-danger:not(:disabled):not(.disabled):active{
|
||||
color: $white;
|
||||
background-color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active:focus{
|
||||
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
.btn-danger {
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
&:active{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
}
|
||||
&:hover{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
}
|
||||
&:focus{
|
||||
background-color: $danger;
|
||||
border: 1px solid $danger;
|
||||
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.swal2-icon.swal2-question {
|
||||
border-color: $pink;
|
||||
color: $pink;
|
||||
}
|
||||
.swal2-footer{
|
||||
border-top: 1px solid $border_2;
|
||||
}
|
||||
|
||||
.swal2-popup.swal2-toast{
|
||||
background-color: $card-bg;
|
||||
box-shadow: 0 0 0.625em $gray-100;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,261 @@
|
||||
//
|
||||
// bootstrap-rtl.scss
|
||||
//
|
||||
|
||||
// Dropdowns
|
||||
|
||||
.dropdown-menu {
|
||||
text-align: right;
|
||||
&.show {
|
||||
text-align: right;
|
||||
left: auto !important;
|
||||
right: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
&.dropdown-megamenu {
|
||||
left: 20px!important;
|
||||
right: 20px!important;
|
||||
.megamenu-img{
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu-right {
|
||||
right: auto !important;
|
||||
left: 0 !important;
|
||||
&.show {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-example{
|
||||
clear: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dropright, .dropleft{
|
||||
.dropdown-menu{
|
||||
&.show{
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// List
|
||||
|
||||
ul {
|
||||
padding-right: 40px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.nav{
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
|
||||
.btn-label {
|
||||
margin: -.55rem -.9rem -.55rem .9rem;
|
||||
}
|
||||
|
||||
.btn-label-right {
|
||||
margin: (-$btn-padding-y) ($btn-padding-x) (-$btn-padding-y) (-$btn-padding-x);
|
||||
}
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
// pagination
|
||||
|
||||
.pagination{
|
||||
.page-item {
|
||||
&:first-child {
|
||||
.page-link {
|
||||
margin-right: 0;//rtl
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
@include border-right-radius($border-radius);//rtl
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
.page-link {
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
@include border-left-radius($border-radius);//rtl
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// blockquote
|
||||
|
||||
.blockquote-reverse{
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
// dl
|
||||
|
||||
dd {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
// Modal
|
||||
|
||||
.modal-header {
|
||||
.close {
|
||||
margin: (-$modal-header-padding-y) auto (-$modal-header-padding-x) (-$modal-header-padding-y);
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
> :not(:first-child) {
|
||||
margin-right: .25rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
> :not(:last-child) {
|
||||
margin-left: .25rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Alerts
|
||||
|
||||
.alert-dismissible {
|
||||
padding-left: $close-font-size + $alert-padding-x * 2;
|
||||
padding-right: $alert-padding-x;
|
||||
|
||||
.close {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Breadcrumb item arrow
|
||||
|
||||
.breadcrumb-item {
|
||||
+.breadcrumb-item {
|
||||
padding-right: $breadcrumb-item-padding;
|
||||
padding-left: 0px;
|
||||
&::before {
|
||||
padding-left: $breadcrumb-item-padding;
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Checkbox-Radio
|
||||
|
||||
.form-check-inline{
|
||||
margin-left: .75rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.custom-control-inline{
|
||||
margin-left: 1rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.custom-control {
|
||||
padding-right: $custom-control-gutter + $custom-control-indicator-size;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.custom-control-label {
|
||||
&::before {
|
||||
left: auto;
|
||||
right: -($custom-control-gutter + $custom-control-indicator-size);
|
||||
}
|
||||
|
||||
// Foreground (icon)
|
||||
&::after {
|
||||
left: auto;
|
||||
right: -($custom-control-gutter + $custom-control-indicator-size);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-switch {
|
||||
padding-right: $custom-switch-width + $custom-control-gutter;
|
||||
padding-left: 0;
|
||||
|
||||
.custom-control-label {
|
||||
&::before {
|
||||
right: -($custom-switch-width + $custom-control-gutter);
|
||||
left: auto;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-input:checked~.custom-control-label {
|
||||
&::after {
|
||||
transform: translateX(#{-($custom-switch-width - $custom-control-indicator-size)});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-file-label {
|
||||
&::after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Input Group
|
||||
|
||||
.input-group-prepend {
|
||||
margin-left: -1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.input-group-append {
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.input-group>.input-group-prepend>.btn,
|
||||
.input-group>.input-group-prepend>.input-group-text,
|
||||
.input-group>.input-group-append:not(:last-child)>.btn,
|
||||
.input-group>.input-group-append:not(:last-child)>.input-group-text,
|
||||
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
|
||||
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
|
||||
.input-group>.custom-select:not(:last-child),
|
||||
.input-group>.form-control:not(:last-child) {
|
||||
border-top-right-radius: $input-border-radius;
|
||||
border-bottom-right-radius: $input-border-radius;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.input-group>.input-group-append>.btn,
|
||||
.input-group>.input-group-append>.input-group-text,
|
||||
.input-group>.input-group-prepend:not(:first-child)>.btn,
|
||||
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
|
||||
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
|
||||
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
|
||||
.input-group>.custom-select:not(:first-child),
|
||||
.input-group>.form-control:not(:first-child) {
|
||||
border-top-left-radius: $input-border-radius;
|
||||
border-bottom-left-radius: $input-border-radius;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.list-inline-item{
|
||||
&:not(:last-child) {
|
||||
margin-left: 6px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
//
|
||||
// components-rtl.scss
|
||||
//
|
||||
|
||||
|
||||
|
||||
// icons
|
||||
|
||||
.icons-list-demo{
|
||||
i{
|
||||
margin-left: 12px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Custom-radio
|
||||
|
||||
.checkbox {
|
||||
label {
|
||||
padding-right: 8px;
|
||||
padding-left: 0;
|
||||
|
||||
&::before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-right: -18px;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked+label {
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 7px;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox.checkbox-single {
|
||||
label {
|
||||
&:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// custom-radio
|
||||
|
||||
.radio {
|
||||
label {
|
||||
padding-left: 0;
|
||||
padding-right: 8px;
|
||||
|
||||
&::before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: -18px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: 0;
|
||||
right: 6px;
|
||||
margin-left: 0;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Invoice
|
||||
|
||||
@media print {
|
||||
.content-page,
|
||||
.content,
|
||||
body {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.float#{$infix}-left { float: right !important; }
|
||||
.float#{$infix}-right { float: left !important; }
|
||||
.float#{$infix}-none { float: none !important; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,710 @@
|
||||
//
|
||||
// general-rtl.scss
|
||||
//
|
||||
|
||||
|
||||
// CRM Dashboard
|
||||
|
||||
.welcome-img {
|
||||
position: absolute;
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.dash-info-carousel{
|
||||
.carousel-control-prev {
|
||||
left: 38px;
|
||||
right: auto;
|
||||
|
||||
&:after {
|
||||
content: '\55';
|
||||
margin-right: auto;
|
||||
margin-left: 0.48rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
.carousel-control-next {
|
||||
left: 0;
|
||||
right: auto;
|
||||
top:0;
|
||||
&:after {
|
||||
content: '\56';
|
||||
margin-right: auto;
|
||||
margin-left: 0.48rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Time line
|
||||
|
||||
.activity{
|
||||
.activity-info {
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
.icon-info-activity i{
|
||||
margin-left: auto;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.activity-info-text {
|
||||
margin-left: auto;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slimScrollBar{
|
||||
right: auto !important;
|
||||
left: 1px !important;
|
||||
}
|
||||
|
||||
.profile-card .action-btn {
|
||||
right: auto;
|
||||
left: 18px;
|
||||
}
|
||||
|
||||
.transaction-history .transaction-icon {
|
||||
margin-right: auto;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.card-eco .bg-pattern{
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
// Email
|
||||
|
||||
|
||||
.email-leftbar {
|
||||
float: right;
|
||||
}
|
||||
.email-rightbar {
|
||||
margin-left: auto;
|
||||
margin-right: 240px;
|
||||
}
|
||||
.message-list {
|
||||
padding-right: 0;
|
||||
li {
|
||||
.col-mail {
|
||||
float: right;
|
||||
}
|
||||
.col-mail-1 {
|
||||
.star-toggle,
|
||||
.checkbox-wrapper-mail,
|
||||
.dot {
|
||||
float: right;
|
||||
}
|
||||
.checkbox-wrapper-mail {
|
||||
margin: 15px 20px 0 10px;
|
||||
}
|
||||
.star-toggle {
|
||||
margin-left: auto;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.title {
|
||||
left: 0;
|
||||
right: 110px;
|
||||
}
|
||||
}
|
||||
.col-mail-2 {
|
||||
right: 320px;
|
||||
left: 0;
|
||||
.subject {
|
||||
right: 0;
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.date {
|
||||
right: auto;
|
||||
left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.checkbox-wrapper-mail {
|
||||
label {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Chat
|
||||
|
||||
.chat-box-left {
|
||||
float: right;
|
||||
|
||||
|
||||
.chat-list{
|
||||
.media{
|
||||
.media-left {
|
||||
.round-10 {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
}
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 15px;
|
||||
|
||||
> div:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chat-box-right{
|
||||
margin-left: auto;
|
||||
margin-right: 361px;
|
||||
.chat-header {
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
float: left;
|
||||
a{
|
||||
margin-left: auto;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.chat-body{
|
||||
.chat-detail{
|
||||
.media{
|
||||
.media-body{
|
||||
margin-left: auto;
|
||||
margin-right: 14px;
|
||||
.chat-msg{
|
||||
margin-left: auto;
|
||||
margin-right: -61px;
|
||||
&:first-child p{
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
}
|
||||
&.reverse {
|
||||
margin-right: 14px;
|
||||
margin-left: 0;
|
||||
.chat-msg{
|
||||
margin-right: auto;
|
||||
margin-left: -48px;
|
||||
&:first-child p{
|
||||
padding-right: 0;
|
||||
padding-left: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-footer {
|
||||
left: auto;
|
||||
right: 0;
|
||||
.media {
|
||||
.media-body {
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.chat-features{
|
||||
float: left;
|
||||
a{
|
||||
margin-left: auto;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1680px) {
|
||||
.chat-box-left{
|
||||
width: 310px;
|
||||
float: right;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: auto;
|
||||
margin-right: 330px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 767px) and (max-width: 1023.98px) {
|
||||
.chat-box-left{
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.chat-box-right {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 660px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 568px) {
|
||||
.chat-box-left{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.chat-box-right {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Invoice
|
||||
|
||||
.invoice-head{
|
||||
.contact-detail{
|
||||
li{
|
||||
border-left: 0;
|
||||
border-right: 2px solid $gray-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Project
|
||||
|
||||
.todo-list{
|
||||
.todo-box{
|
||||
i{
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.todo-task{
|
||||
.task-priority-icon{
|
||||
i{
|
||||
left: auto;
|
||||
right: -5px;
|
||||
}
|
||||
}
|
||||
.ckbox {
|
||||
span {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
input[type='checkbox'] {
|
||||
opacity: 0;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.img-group {
|
||||
.user-avatar+.user-avatar-group{
|
||||
margin-left: auto;
|
||||
margin-right: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
.file-box-content {
|
||||
.file-box {
|
||||
.download-icon-link {
|
||||
.file-download-icon {
|
||||
left: auto;
|
||||
right: 110px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Ecommerce
|
||||
|
||||
.e-co-product{
|
||||
.ribbon-box {
|
||||
.ribbon-label{
|
||||
left: auto;
|
||||
right: 0;
|
||||
border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ribbon{
|
||||
left: auto;
|
||||
right: -5px;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
&.ribbon-pink {
|
||||
&:before {
|
||||
border-left-color: $pink;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
}
|
||||
&.ribbon-secondary {
|
||||
&:before {
|
||||
border-left-color: $secondary;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single-pro-detail{
|
||||
.pro-features{
|
||||
li{
|
||||
&::before{
|
||||
margin-right: auto;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-check {
|
||||
padding-right: 1.25rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
.form-check-input {
|
||||
margin-left: 0;
|
||||
margin-right: -1.25rem;
|
||||
}
|
||||
|
||||
.radio2 {
|
||||
label {
|
||||
padding-left: 8px;
|
||||
&::before {
|
||||
left: auto;
|
||||
right: -2px;
|
||||
margin-left: auto;
|
||||
margin-right: -18px;
|
||||
}
|
||||
&::after {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
margin-left: auto;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dd3-item{
|
||||
.dd3-handle {
|
||||
left:auto;
|
||||
right: 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
&:before {
|
||||
left:auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dd-item>button {
|
||||
float: right !important;
|
||||
}
|
||||
.dd-list .dd-list {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.dd3-content-p{
|
||||
padding: 8px 40px 8px 10px;
|
||||
}
|
||||
|
||||
// rating
|
||||
.br-theme-bars-pill .br-widget a,
|
||||
.br-theme-bars-1to10 .br-widget a,
|
||||
.br-theme-bars-movie .br-widget a,
|
||||
.br-theme-bars-reversed .br-widget a,
|
||||
.br-theme-bars-reversed .br-widget .br-current-rating,
|
||||
.br-theme-bars-1to10 .br-widget .br-current-rating,
|
||||
.br-theme-bars-square .br-widget a{
|
||||
float: right;
|
||||
}
|
||||
.br-theme-bars-pill .br-widget a{
|
||||
line-height: 20px;
|
||||
}
|
||||
.br-theme-fontawesome-stars-o .br-widget a,
|
||||
.br-theme-fontawesome-stars .br-widget a{
|
||||
margin-right: auto;
|
||||
margin-left: 2px;
|
||||
float: right;
|
||||
}
|
||||
.br-theme-css-stars .br-widget a{
|
||||
margin-right: auto;
|
||||
margin-left: 5px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.br-theme-bars-pill .br-widget a:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
}
|
||||
.br-theme-bars-pill .br-widget a:last-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
}
|
||||
|
||||
code[class*=language-], pre[class*=language-]{
|
||||
text-align: left;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.modal-content .modal-footer .close,
|
||||
.modal-content .modal-header .close {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field{
|
||||
text-align: right;
|
||||
}
|
||||
.wizard.vertical > .content,
|
||||
.wizard.vertical > .steps,
|
||||
.wizard > .steps > ul > li, .wizard > .actions > ul > li{
|
||||
float: right;
|
||||
}
|
||||
.wizard>.steps .disabled a,
|
||||
.wizard>.steps .disabled a:active,
|
||||
.wizard>.steps .disabled a:hover,
|
||||
.wizard>.steps .done a,
|
||||
.wizard>.steps .done a:active,
|
||||
.wizard>.steps .done a:hover{
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover{
|
||||
padding: 2px 2px 2px 20px;
|
||||
}
|
||||
.wizard>.steps .number{
|
||||
margin-left: 10px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.mce-panel{
|
||||
direction: rtl;
|
||||
}
|
||||
.mce-container, .mce-container *,
|
||||
.mce-reset,
|
||||
.mce-widget,
|
||||
.mce-widget * {
|
||||
text-align: right!important;
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
.personal-detail{
|
||||
li{
|
||||
i{
|
||||
float: right;
|
||||
margin: 0 !important;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.skills .skill-box .skill-title{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.met-profile .met-profile-main .met-profile-main-pic{
|
||||
margin-left: 24px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Timeline
|
||||
|
||||
.main-timeline:before{
|
||||
content: "";
|
||||
right: 50%;
|
||||
left:auto;
|
||||
}
|
||||
.main-timeline .timeline{
|
||||
padding-right: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.main-timeline .timeline:first-child:before,
|
||||
.main-timeline .timeline:last-child:before{
|
||||
content: "";
|
||||
right: 0;
|
||||
left: -3px;
|
||||
}
|
||||
.main-timeline .timeline-icon{
|
||||
right: 0;
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.main-timeline .year{
|
||||
right: auto;
|
||||
left: 35%;
|
||||
}
|
||||
.main-timeline .year:before{
|
||||
content: "";
|
||||
border-right: none;
|
||||
border-left: 18px solid $secondary;
|
||||
left: auto;
|
||||
right: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content{
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
.main-timeline .timeline-content:after{
|
||||
content: "";
|
||||
border-left: none;
|
||||
border-right: 20px solid $light;
|
||||
right: auto;
|
||||
left: -20px;
|
||||
}
|
||||
.main-timeline .title{
|
||||
float: right;
|
||||
margin: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.main-timeline .timeline:nth-child(2n){ padding: 0 30px 0 0; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
left: auto;
|
||||
right: 35%;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border-left: none;
|
||||
border-right: 18px solid $secondary;
|
||||
right: auto;
|
||||
left: -18px;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
float: left;
|
||||
margin: 0 20px 0 0;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border-right: none;
|
||||
border-left: 20px solid $light;
|
||||
left: auto;
|
||||
right: -20px;
|
||||
}
|
||||
@media only screen and (max-width: 1200px){
|
||||
.main-timeline .year{ right: auto; left: 30%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: auto; right: 30%; }
|
||||
}
|
||||
@media only screen and (max-width: 990px){
|
||||
.main-timeline .year{ right: auto; left: 25%; }
|
||||
.main-timeline .timeline:nth-child(2n) .year{ left: auto; right: 25%; }
|
||||
}
|
||||
@media only screen and (max-width: 767px){
|
||||
.main-timeline:before{ left: auto; right: 10px; }
|
||||
.main-timeline .timeline{
|
||||
padding: 0 30px 0 0;
|
||||
}
|
||||
.main-timeline .timeline-icon{
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{
|
||||
margin: 0 30px 32px 0;
|
||||
}
|
||||
.main-timeline .timeline:nth-child(2n) .year:before{
|
||||
border-right: none;
|
||||
border-left: 18px solid $secondary;
|
||||
left: auto;
|
||||
right: -18px;
|
||||
}
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
.main-timeline .timeline-content:after,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
|
||||
border-right: 20px solid transparent;
|
||||
border-left: 20px solid transparent;
|
||||
right: 50%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px){
|
||||
|
||||
.main-timeline .year,
|
||||
.main-timeline .timeline:nth-child(2n) .year{ margin-left: 0; margin-right: 20px; }
|
||||
.main-timeline .timeline-content,
|
||||
.main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 0; margin-right: 10px; }
|
||||
}
|
||||
|
||||
|
||||
// Pricing
|
||||
|
||||
|
||||
.pricingTable1{
|
||||
.pricing-content-2 li{
|
||||
&::before{
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Authentication
|
||||
.account-body{
|
||||
.auth-form{
|
||||
.form-control{
|
||||
padding-left: 40px;
|
||||
padding-right: 8px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.auth-form-icon{
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,152 @@
|
||||
//
|
||||
// plugins-rtl.scss
|
||||
//
|
||||
|
||||
// custombox modal
|
||||
|
||||
.custom-modal-title{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.modal-demo {
|
||||
.close{
|
||||
left: 25px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// flot chart
|
||||
|
||||
.legendLabel {
|
||||
padding-left: 20px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
// Select 2
|
||||
|
||||
.select2-container {
|
||||
.select2-selection--single {
|
||||
.select2-selection__rendered {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.select2-selection__arrow {
|
||||
left: 3px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-selection--multiple {
|
||||
.select2-selection__choice {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-search--inline {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Multiple select
|
||||
|
||||
.ms-container {
|
||||
.ms-optgroup-label {
|
||||
padding: 5px 5px 0px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// X-ediatable
|
||||
|
||||
.editable-buttons {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
|
||||
.editable-cancel {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// datatable
|
||||
|
||||
.dataTables_wrapper {
|
||||
.dataTables_filter{
|
||||
text-align: left !important;
|
||||
input{
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataTables_length, .dt-buttons, #datatable-colvid_info{
|
||||
float: right;
|
||||
}
|
||||
|
||||
div{
|
||||
&.ColVis{
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
button.ColVis_Button{
|
||||
margin-right: 0;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
ul.ColVis_collection {
|
||||
li {
|
||||
span{
|
||||
padding-left: 0;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive Table
|
||||
|
||||
.responsive-table-plugin {
|
||||
.btn-group.pull-right {
|
||||
float: left;
|
||||
}
|
||||
.checkbox-row {
|
||||
label{
|
||||
&:after{
|
||||
margin-left: -22px;
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// tablesaw
|
||||
|
||||
.tablesaw-columntoggle-popup {
|
||||
.tablesaw-btn-group {
|
||||
> label {
|
||||
input{
|
||||
margin-right: 0;
|
||||
margin-left: .8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tablesaw-bar {
|
||||
.tablesaw-bar-section {
|
||||
.tablesaw-btn{
|
||||
margin-left: 0;
|
||||
margin-right: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.apexcharts-legend-marker{
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// reboot-rtl.scss
|
||||
//
|
||||
|
||||
html {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
// Margin and Padding
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
@each $prop, $abbrev in (margin: m, padding: p) {
|
||||
@each $size, $length in $spacers {
|
||||
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
|
||||
.#{$abbrev}t#{$infix}-#{$size},
|
||||
.#{$abbrev}y#{$infix}-#{$size} {
|
||||
#{$prop}-top: $length !important;
|
||||
}
|
||||
.#{$abbrev}r#{$infix}-#{$size} {
|
||||
#{$prop}-left: $length !important;
|
||||
#{$prop}-right: 0 !important;
|
||||
}
|
||||
.#{$abbrev}b#{$infix}-#{$size},
|
||||
.#{$abbrev}y#{$infix}-#{$size} {
|
||||
#{$prop}-bottom: $length !important;
|
||||
}
|
||||
.#{$abbrev}l#{$infix}-#{$size} {
|
||||
#{$prop}-right: $length !important;
|
||||
#{$prop}-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
|
||||
@each $size, $length in $spacers {
|
||||
@if $size != 0 {
|
||||
.m#{$infix}-n#{$size} { margin: -$length !important; }
|
||||
.mt#{$infix}-n#{$size},
|
||||
.my#{$infix}-n#{$size} {
|
||||
margin-top: -$length !important;
|
||||
}
|
||||
.mr#{$infix}-n#{$size},
|
||||
.mx#{$infix}-n#{$size} {
|
||||
margin-right: -$length !important;
|
||||
}
|
||||
.mb#{$infix}-n#{$size},
|
||||
.my#{$infix}-n#{$size} {
|
||||
margin-bottom: -$length !important;
|
||||
}
|
||||
.ml#{$infix}-n#{$size},
|
||||
.mx#{$infix}-n#{$size} {
|
||||
margin-left: -$length !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Some special margin utils
|
||||
.m#{$infix}-auto { margin: auto !important; }
|
||||
.mt#{$infix}-auto,
|
||||
.my#{$infix}-auto {
|
||||
margin-top: auto !important;
|
||||
}
|
||||
.mr#{$infix}-auto,
|
||||
.mx#{$infix}-auto {
|
||||
margin-left: auto !important;
|
||||
margin-right: inherit !important;
|
||||
}
|
||||
.mb#{$infix}-auto,
|
||||
.my#{$infix}-auto {
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
.mx#{$infix}-auto {
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
.ml#{$infix}-auto {
|
||||
margin-right: auto !important;
|
||||
margin-left: inherit !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,442 @@
|
||||
/*
|
||||
Template Name: Dealzon - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Email: mannat.themes@gmail.com
|
||||
File: RTL Stucture
|
||||
*/
|
||||
|
||||
|
||||
.left-sidenav-menu {
|
||||
padding-left: auto;
|
||||
padding-right: 0;
|
||||
|
||||
li {
|
||||
> a {
|
||||
|
||||
i {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
&.ti-control-record{
|
||||
margin-right: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0 25px 0 0;
|
||||
|
||||
li {
|
||||
> a {
|
||||
border-right: none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
float: left;
|
||||
i:before{
|
||||
content: "\F141";
|
||||
font: "Material Design Icons";
|
||||
}
|
||||
}
|
||||
li.mm-active .menu-arrow.left-has-menu {
|
||||
i:before{
|
||||
content: "\F141";
|
||||
font: "Material Design Icons";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Topbar
|
||||
//
|
||||
|
||||
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
float: right;
|
||||
.logo {
|
||||
line-height: $topbar-height;
|
||||
.logo-lg {
|
||||
margin-left: 0;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
margin-left:auto;
|
||||
margin-right: $leftbar-width;
|
||||
|
||||
.topbar-nav {
|
||||
li {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Notification */
|
||||
|
||||
.notification-list {
|
||||
margin-left: 0;
|
||||
.noti-icon-badge {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
.topbar-nav{
|
||||
li:last-child{
|
||||
&.dropdown{
|
||||
.dropdown-menu{
|
||||
a.dropdown-item{
|
||||
i{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Search
|
||||
|
||||
.app-search .form-control,
|
||||
.app-search .form-control:focus {
|
||||
padding-left: 40px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.app-search {
|
||||
margin-left: auto;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.app-search a {
|
||||
right: auto;
|
||||
left: 0
|
||||
}
|
||||
|
||||
// Horizontal
|
||||
|
||||
[data-layout="horizontal"] {
|
||||
.navbar-custom{
|
||||
margin-left: 0;
|
||||
margin-right: 160px;
|
||||
.topbar-nav{
|
||||
li:nth-last-of-type(2){
|
||||
&.dropdown{
|
||||
.dropdown-menu{
|
||||
a.dropdown-item{
|
||||
i{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu {
|
||||
.has-submenu.active {
|
||||
.submenu {
|
||||
li.active>a {
|
||||
padding-left: 0;
|
||||
padding-right: 35px;
|
||||
&::before{
|
||||
left: auto;
|
||||
right: 14px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation-menu {
|
||||
>li {
|
||||
a {
|
||||
i {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// leftbar-tab
|
||||
|
||||
.leftbar-tab-menu {
|
||||
.main-icon-menu{
|
||||
.nav-link.active:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 45px;
|
||||
border-top: 10px solid transparent;
|
||||
border-bottom: 10px solid transparent;
|
||||
border-left: 10px solid rgba($card-bg, .5);
|
||||
border-right: 0px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu-inner {
|
||||
left: auto;
|
||||
right: 70px;
|
||||
.topbar-left {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.menu-body{
|
||||
.nav-item {
|
||||
ul {
|
||||
li {
|
||||
|
||||
a:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
i {
|
||||
margin-right: auto;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
i {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Enlarge menu
|
||||
.enlarge-menu {
|
||||
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: $main-icon-menu-width;
|
||||
}
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&.enlarge-menu-all {
|
||||
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.navbar-custom {
|
||||
margin-left: $leftbar-width-collapsed;
|
||||
.responsive-logo{
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.enlarge-menu {
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.enlarge-menu-all{
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.main-menu-inner{
|
||||
.menu-body{
|
||||
.nav-link.with-sub::after {
|
||||
margin-left: auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1024px){
|
||||
.topbar .navbar-custom {
|
||||
margin-right: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
&.last-elements {
|
||||
.submenu {
|
||||
right: auto;
|
||||
left: 0;
|
||||
>li.has-submenu {
|
||||
.submenu {
|
||||
right: auto; //right: auto; if you want submenu right
|
||||
left: 100%; // left: 100%; if you want submenu right
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
>li{
|
||||
&.has-submenu>a:after {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.submenu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu {
|
||||
text-align: right;
|
||||
>li {
|
||||
>a {
|
||||
&:after {
|
||||
position: absolute;
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
li {
|
||||
&.has-submenu>a:after {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
&.megamenu>li>ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-header {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
[data-layout="horizontal"] {
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topbar{
|
||||
.topbar-left{
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
// stylelint-disable declaration-no-important
|
||||
|
||||
//
|
||||
// Text
|
||||
//
|
||||
|
||||
.text-monospace { font-family: $font-family-monospace !important; }
|
||||
|
||||
// Alignment
|
||||
|
||||
.text-justify { text-align: justify !important; }
|
||||
.text-wrap { white-space: normal !important; }
|
||||
.text-nowrap { white-space: nowrap !important; }
|
||||
.text-truncate { @include text-truncate; }
|
||||
|
||||
// Responsive alignment
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.text#{$infix}-left { text-align: right !important; }
|
||||
.text#{$infix}-right { text-align: left !important; }
|
||||
.text#{$infix}-center { text-align: center !important; }
|
||||
}
|
||||
}
|
||||
|
||||
// Transformation
|
||||
|
||||
.text-lowercase { text-transform: lowercase !important; }
|
||||
.text-uppercase { text-transform: uppercase !important; }
|
||||
.text-capitalize { text-transform: capitalize !important; }
|
||||
|
||||
// Weight and italics
|
||||
|
||||
.font-weight-light { font-weight: $font-weight-light !important; }
|
||||
.font-weight-lighter { font-weight: $font-weight-lighter !important; }
|
||||
.font-weight-normal { font-weight: $font-weight-normal !important; }
|
||||
.font-weight-bold { font-weight: $font-weight-bold !important; }
|
||||
.font-weight-bolder { font-weight: $font-weight-bolder !important; }
|
||||
.font-italic { font-style: italic !important; }
|
||||
|
||||
// Contextual colors
|
||||
|
||||
.text-white { color: $white !important; }
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include text-emphasis-variant(".text-#{$color}", $value);
|
||||
}
|
||||
|
||||
.text-body { color: $body-color !important; }
|
||||
.text-muted { color: $text-muted !important; }
|
||||
|
||||
.text-black-50 { color: rgba($black, .5) !important; }
|
||||
.text-white-50 { color: rgba($white, .5) !important; }
|
||||
|
||||
// Misc
|
||||
|
||||
.text-hide {
|
||||
@include text-hide($ignore-warning: true);
|
||||
}
|
||||
|
||||
.text-decoration-none { text-decoration: none !important; }
|
||||
|
||||
.text-break {
|
||||
word-break: break-word !important; // IE & < Edge 18
|
||||
overflow-wrap: break-word !important;
|
||||
}
|
||||
|
||||
// Reset
|
||||
|
||||
.text-reset { color: inherit !important; }
|
||||
@@ -0,0 +1,205 @@
|
||||
//
|
||||
// Dark Sidenav
|
||||
//
|
||||
|
||||
|
||||
|
||||
body{
|
||||
&.dark-topbar{
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
background-color: $brand-dark-bg;
|
||||
.logo {
|
||||
.logo-lg{
|
||||
display: none;
|
||||
&.logo-light{
|
||||
display: inline-block;
|
||||
height: 14px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-custom {
|
||||
background: $bg-dark-navbar;
|
||||
.nav-link {
|
||||
color: $header-item-dark-color;
|
||||
}
|
||||
.topbar-nav {
|
||||
li {
|
||||
&.show {
|
||||
.nav-link {
|
||||
background-color: lighten($bg-dark-navbar, 3%);
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-menu-mobile {
|
||||
color: $vertical-menu-btn-dark-color !important;
|
||||
}
|
||||
|
||||
/* Notification */
|
||||
|
||||
.notification-list {
|
||||
.noti-icon {
|
||||
color: $noti-icon-dark-color;
|
||||
}
|
||||
.noti-icon-badge {
|
||||
border: 2px solid rgba($white, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
// Search
|
||||
.app-search .form-control,
|
||||
.app-search .form-control:focus {
|
||||
border: 1px solid $topbar-search-border-dark-color;
|
||||
color: $topbar-search-dark-color;
|
||||
background: $bg-dark-navbar;
|
||||
}
|
||||
|
||||
.app-search input.form-control::-webkit-input-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control:-moz-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control::-moz-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control:-ms-input-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search a {
|
||||
background: $topbar-search-border-dark-color;
|
||||
border: 1px solid $topbar-search-border-dark-color;
|
||||
color: $gray-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body{
|
||||
&.dark-sidenav{
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
background-color: $brand-dark-bg;
|
||||
.logo {
|
||||
.logo-lg{
|
||||
display: none;
|
||||
&.logo-light{
|
||||
display: inline-block;
|
||||
height: 14px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.left-sidenav {
|
||||
background-color: $bg-dark-leftbar;
|
||||
}
|
||||
|
||||
.left-sidenav-menu {
|
||||
li {
|
||||
> a {
|
||||
color: $menu-item-dark-color;
|
||||
|
||||
&:hover {
|
||||
color: $menu-sub-item-hover-dark-color;
|
||||
i{
|
||||
color: $leftbar-icon-hover-dark-color;
|
||||
}
|
||||
span{
|
||||
i{
|
||||
color: $menu-item-hover-dark-color
|
||||
}
|
||||
}
|
||||
}
|
||||
i {
|
||||
color: $leftbar-icon-dark-color;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
li {
|
||||
> a {
|
||||
color: $menu-sub-item-dark-color;
|
||||
&:hover {
|
||||
color: $menu-sub-item-hover-dark-color;
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mm-active {
|
||||
.mm-active{
|
||||
>a{
|
||||
color: $menu-sub-item-active-dark-color;
|
||||
background: $bg-dark-leftbar;
|
||||
box-shadow: 3px 0 20px 0 rgba($black, 0.15);
|
||||
&.active{
|
||||
color: $menu-sub-item-active-dark-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.mm-show{
|
||||
li{
|
||||
a.active{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
color: $menu-item-active-color;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
i{
|
||||
color: $menu-item-active-dark-color;
|
||||
}
|
||||
}
|
||||
.nav-item.active{
|
||||
a.nav-link.active{
|
||||
background-color:transparent;
|
||||
color: $menu-nav-item-active-dark-color;
|
||||
i{
|
||||
color: $menu-nav-item-active-dark-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
i {
|
||||
width: 15px;
|
||||
color: $menu-arrow-dark-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: footer Css
|
||||
*/
|
||||
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid $border_2;
|
||||
bottom: 0;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
color: $gray-600;
|
||||
}
|
||||
@@ -0,0 +1,551 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: Horizontal-nav
|
||||
*/
|
||||
|
||||
[data-layout="horizontal"] {
|
||||
display: inherit;
|
||||
.page-wrapper{
|
||||
margin: 0 auto;
|
||||
width: 1380px;
|
||||
margin-top: calc(#{$topbar-height} + #{$navbar-custom-menu-height});
|
||||
}
|
||||
.navbar-custom{
|
||||
margin-left: 160px;
|
||||
}
|
||||
.topbar {
|
||||
background-color: $bg-navbar;
|
||||
.topbar-left{
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
display: block;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
margin: 1rem 0;
|
||||
.divider-text {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding: 2px 6px;
|
||||
color: $dark;
|
||||
border: 1px dashed $border;
|
||||
border-radius: 30px;
|
||||
font-family: $font-secondary;
|
||||
&:after {
|
||||
left: 100%;
|
||||
}
|
||||
&:before {
|
||||
right: 100%;
|
||||
}
|
||||
}
|
||||
.divider-text:after,
|
||||
.divider-text:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 9999px;
|
||||
border-top: 1px dashed $border;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.topbar{
|
||||
.topbar-inner{
|
||||
width: 1380px;
|
||||
margin: 0 auto;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
.navbar-custom-menu {
|
||||
background-color: $navbar-custom-menu;
|
||||
min-height: $navbar-custom-menu-height;
|
||||
.container-fluid {
|
||||
width: 1380px;
|
||||
}
|
||||
.has-submenu.active {
|
||||
a {
|
||||
color: $white;
|
||||
i{
|
||||
color: $topnav-menu-icon-color;
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
li.active>a {
|
||||
color: $topnav-menu-item-active-color;
|
||||
padding-left: 35px;
|
||||
i{
|
||||
display: none;
|
||||
}
|
||||
&::before{
|
||||
content: "\6d";
|
||||
font-family: "dripicons-v2";
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
border: 0;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
span {
|
||||
background-color: $secondary;
|
||||
}
|
||||
}
|
||||
.lines {
|
||||
width: 25px;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-top: 28px;
|
||||
margin: 0 10px;
|
||||
height: 70px;
|
||||
-webkit-transition: all .5s ease;
|
||||
transition: all .5s ease;
|
||||
}
|
||||
span {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background-color: $secondary;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
-webkit-transition: -webkit-transform .5s ease;
|
||||
transition: -webkit-transform .5s ease;
|
||||
transition: transform .5s ease;
|
||||
}
|
||||
&.open {
|
||||
span {
|
||||
position: absolute;
|
||||
&:first-child {
|
||||
top: 34px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background-color: $secondary;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
visibility: hidden;
|
||||
}
|
||||
&:last-child {
|
||||
width: 100%;
|
||||
top: 34px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navigation-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
>li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
&:first-child a {
|
||||
padding-left: 0px;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
transition: all .1s ease;
|
||||
line-height: 18px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
|
||||
&:hover {
|
||||
color: $gray-100;
|
||||
background-color: transparent;
|
||||
}
|
||||
&:focus {
|
||||
color: $gray-100;
|
||||
background-color: transparent;
|
||||
}
|
||||
&:active {
|
||||
color: $gray-100;
|
||||
}
|
||||
i {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 8px;
|
||||
transition: all .1s ease;
|
||||
vertical-align: middle;
|
||||
color: $navbar-icon-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
body[data-layout="horizontal"]{
|
||||
display: flex;
|
||||
.page-wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.topbar{
|
||||
.topbar-inner{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu{
|
||||
.container-fluid{
|
||||
padding: 0 20px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.navigation-menu > li a{
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
>a {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
color: $topnav-menu-item-color;
|
||||
span{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
&.last-elements {
|
||||
.submenu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
>li.has-submenu {
|
||||
.submenu {
|
||||
left: auto; //right: auto; if you want submenu right
|
||||
right: 100%; // left: 100%; if you want submenu right
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover a {
|
||||
color: $topnav-menu-item-hover-color;
|
||||
}
|
||||
.submenu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
padding: 10px 0;
|
||||
list-style: none;
|
||||
min-width: 200px;
|
||||
text-align: left;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
margin-top: 20px;
|
||||
-webkit-transition: all .1s ease;
|
||||
transition: all .1s ease;
|
||||
background-color: $submenu-bg;
|
||||
border: 1px solid $submenu-border-color;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 17px 34px 0 rgba(0, 0, 0, 0.05), 0 8px 14px 0 rgba(0, 0, 0, 0.02);
|
||||
&.megamenu {
|
||||
white-space: nowrap;
|
||||
width: auto;
|
||||
>li {
|
||||
overflow: hidden;
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
>li{
|
||||
&.has-submenu>a:after {
|
||||
content: "\56";
|
||||
font-family: "dripicons-v2";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 11px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.submenu {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
clear: both;
|
||||
white-space: nowrap;
|
||||
font-size: 13px;
|
||||
color: $menu-sub-item-color;
|
||||
margin-bottom: 0;
|
||||
transition: all .1s ease;
|
||||
&:hover {
|
||||
color: $menu-sub-item-hover-color;
|
||||
background-color: $topnav-menu-item-hover-bg;
|
||||
}
|
||||
i{
|
||||
font-size: 24px;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
color: $menu-dot-color;
|
||||
}
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
padding: 8px 25px;
|
||||
clear: both;
|
||||
line-height: 1.42857143;
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 500;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
body[data-layout="horizontal"]{
|
||||
.page-wrapper{
|
||||
width: 100%;
|
||||
margin-top: $topbar-height;
|
||||
}
|
||||
}
|
||||
|
||||
.topbar {
|
||||
.navigation-menu {
|
||||
float: none;
|
||||
max-height: 400px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
>li {
|
||||
display: block;
|
||||
>a {
|
||||
color: $mobile-menu-item-color;
|
||||
padding: 15px;
|
||||
font-size: 13px;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
&:hover{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
display: none;
|
||||
list-style: none;
|
||||
padding-left: 20px;
|
||||
margin: 0;
|
||||
li {
|
||||
a {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 7px 20px;
|
||||
font-size: 13px;
|
||||
color: $mobile-menu-item-color;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
&.has-submenu>a:after {
|
||||
content: "\54";
|
||||
font-family: "dripicons-v2";
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
}
|
||||
}
|
||||
&.open {
|
||||
display: block;
|
||||
}
|
||||
.submenu {
|
||||
display: none;
|
||||
list-style: none;
|
||||
&.open {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.megamenu>li>ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
>li>span {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
letter-spacing: 2px;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.has-submenu.open>a {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-header {
|
||||
float: left;
|
||||
}
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#navigation {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: none;
|
||||
height: auto;
|
||||
max-height: 500px;
|
||||
padding-bottom: 0;
|
||||
overflow: auto;
|
||||
background-color: $card-bg;
|
||||
z-index: 1000;
|
||||
}
|
||||
#navigation.open {
|
||||
display: block;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.navbar-custom-menu{
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.topbar {
|
||||
.navigation-menu{
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-top: 0;
|
||||
>li{
|
||||
&.has-submenu:hover{
|
||||
>.submenu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-top: -1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-toggle {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
|
||||
.topbar{
|
||||
.topbar-left{
|
||||
margin-right: 0;
|
||||
.logo{
|
||||
.logo-sm {
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-content {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
min-height: 100vh;
|
||||
padding: 0 0 60px 0;
|
||||
}
|
||||
.page-title-box{
|
||||
margin-top: 5px;
|
||||
}
|
||||
.navbar-custom-menu .has-submenu.active a{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.page-title-box {
|
||||
.breadcrumb,
|
||||
.state-information {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 620px) {
|
||||
.logo-large {
|
||||
display: none;
|
||||
}
|
||||
.logo-small {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.topbar .has-submenu.active a {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,392 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Version: 1.0.0
|
||||
File: leftbar-tab Css
|
||||
*/
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Left Sidenav
|
||||
//
|
||||
|
||||
.page-wrapper {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
.page-content-tab {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: calc(100vh - #{$topbar-height});
|
||||
padding: 0 10px 60px 10px;
|
||||
}
|
||||
.navbar-custom{
|
||||
.responsive-logo{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.leftbar-tab-menu {
|
||||
min-width: $leftbar-width;
|
||||
.main-icon-menu{
|
||||
width: $main-icon-menu-width;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 20px 0;
|
||||
background-color: $main-iconbar-color;
|
||||
height: 100%;
|
||||
z-index: 500;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
.logo-crovex{
|
||||
.logo-sm{
|
||||
height: 34px;
|
||||
}
|
||||
}
|
||||
.menu-icon{
|
||||
&.icon-dual {
|
||||
color: $icon-bar-icon-color;
|
||||
fill: rgba($icon-bar-icon-color,0.12);
|
||||
}
|
||||
}
|
||||
|
||||
.pro-crovex-end {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 5px 0;
|
||||
margin-top: $topbar-height;
|
||||
}
|
||||
.nav-link {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
color: $bg-navbar;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
&:hover,
|
||||
&:focus{
|
||||
color: lighten($bg-navbar, 8%);
|
||||
}
|
||||
&:active,
|
||||
&.active{
|
||||
color: $primary;
|
||||
.menu-icon{
|
||||
&.icon-dual {
|
||||
color: $icon-bar-icon-active-color;
|
||||
fill: rgba($icon-bar-icon-active-color,0.12);
|
||||
}
|
||||
}
|
||||
}
|
||||
+ .nav-link {
|
||||
margin-top: 30px; }
|
||||
i {
|
||||
font-size: 15px;
|
||||
&.drip-icon {
|
||||
line-height: 1;
|
||||
}
|
||||
&.drip-icon ::before {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-link.active:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 45px;
|
||||
top: 10px;
|
||||
border-right: 10px solid rgba($card-bg, .2);
|
||||
border-top: 10px solid transparent;
|
||||
border-bottom: 10px solid transparent;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.main-icon-menu{
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu-inner {
|
||||
width: $main-menu-inner-width;
|
||||
height: 100%;
|
||||
background-color: $main-menu-inner-bg;
|
||||
border-right: 1px solid $border;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 70px;
|
||||
z-index: 600;
|
||||
.topbar-left {
|
||||
background-color: $brand-light-bg;
|
||||
padding-left: 20px;
|
||||
.logo {
|
||||
line-height: $topbar-height;
|
||||
.logo-sm {
|
||||
height: 24px;
|
||||
}
|
||||
.logo-lg {
|
||||
height: 14px;
|
||||
margin-left: 2px;
|
||||
display: $logo-dark;
|
||||
}
|
||||
.logo-light{
|
||||
display: $logo-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu-body{
|
||||
padding: 20px;
|
||||
height: calc(100vh - 68px) !important;
|
||||
.nav {
|
||||
flex-direction: column;
|
||||
}
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
+ .nav-item {
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
.nav-link.active i,
|
||||
.nav-link.active {
|
||||
color: $main-menu-nav-link-active;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
display: block;
|
||||
margin: 14px 0;
|
||||
> a {
|
||||
color: $menu-item-color;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
&.active{
|
||||
color: $primary;
|
||||
}
|
||||
&:hover,
|
||||
&:focus
|
||||
{
|
||||
color: lighten($primary, 8%);
|
||||
}
|
||||
}
|
||||
a:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 24px;
|
||||
margin-top: 7px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border: 1px solid $gray-500;
|
||||
border-radius: 50%;
|
||||
background: rgba($gray-700, .2);
|
||||
}
|
||||
a.active:before{
|
||||
content: "";
|
||||
border: none;
|
||||
background: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&.mm-active {
|
||||
.menu-arrow {
|
||||
i {
|
||||
&:before {
|
||||
content: "\F140";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
position: relative;
|
||||
color: $menu-item-color;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 44px;
|
||||
border-radius: 3px;
|
||||
i {
|
||||
color: $menu-item-color;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 0;
|
||||
margin-right: 10px;
|
||||
&.drip-icon {
|
||||
line-height: .9;
|
||||
&::before {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:hover i,
|
||||
&:focus i{
|
||||
color: lighten($primary, 8%);
|
||||
}
|
||||
&:active,
|
||||
&.active{
|
||||
color: $main-menu-nav-link-active;
|
||||
}
|
||||
.menu-arrow {
|
||||
i {
|
||||
width: 15px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.main-menu-inner.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.main-icon-menu-pane {
|
||||
margin-bottom: 20px;
|
||||
display: none;
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: $menu-title-color;
|
||||
margin-bottom: 10px;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.menu-sub-text {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
color: $text-muted;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
// Enlarge menu
|
||||
.enlarge-menu {
|
||||
.leftbar-tab-menu{
|
||||
min-width: $main-icon-menu-width;
|
||||
.main-menu-inner{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: $main-icon-menu-width;
|
||||
}
|
||||
.topbar-left{
|
||||
margin-left: 0;
|
||||
width: $topbar-left-width;
|
||||
}
|
||||
}
|
||||
&.enlarge-menu-all {
|
||||
.leftbar-tab-menu{
|
||||
display: none;
|
||||
}
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: 0;
|
||||
width: $topbar-left-width;
|
||||
}
|
||||
.navbar-custom{
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.main-menu-inner {
|
||||
border-right: 0;
|
||||
z-index: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.leftbar-tab-menu {
|
||||
position: fixed;
|
||||
top: $topbar-height;
|
||||
overflow-y: auto;
|
||||
z-index: 5;
|
||||
bottom: 0;
|
||||
}
|
||||
.navbar-custom {
|
||||
margin-left: $leftbar-width-collapsed;
|
||||
.responsive-logo{
|
||||
display: flex;
|
||||
height: 70px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
.page-content-tab {
|
||||
min-height: 100vh;
|
||||
}
|
||||
.enlarge-menu {
|
||||
.topbar {
|
||||
.topbar-left{
|
||||
margin-left: 0;
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.enlarge-menu-all{
|
||||
.topbar {
|
||||
.navbar-custom{
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.main-icon-menu{
|
||||
display: flex;
|
||||
}
|
||||
.main-menu-inner{
|
||||
.menu-body{
|
||||
.nav-link.with-sub::after {
|
||||
margin-left: 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.main-menu-inner.active{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.main-icon-menu-active{
|
||||
.main-icon-menu {
|
||||
display: flex;
|
||||
}
|
||||
.main-menu-inner {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 680px) {
|
||||
.page-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
Email: mannat.themes@gmail.com
|
||||
File: Leftbar
|
||||
*/
|
||||
|
||||
|
||||
.left-sidenav {
|
||||
min-width: $leftbar-width;
|
||||
max-width: $leftbar-width;
|
||||
background-color: $bg-leftbar;
|
||||
min-height: calc(100vh - #{$topbar-height});
|
||||
box-shadow: $shadow;
|
||||
transition: .3s;
|
||||
padding: 24px;
|
||||
margin-top: $topbar-height;
|
||||
}
|
||||
.page-wrapper {
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
margin-top: $topbar-height;
|
||||
.page-content {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
padding: 0 15px 60px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.left-sidenav-menu {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 6px;
|
||||
> a {
|
||||
display: block;
|
||||
padding: 12px 24px;
|
||||
color: $menu-item-color;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
&:hover {
|
||||
color: $menu-sub-item-hover-color;
|
||||
i{
|
||||
color: $leftbar-icon-hover-color;
|
||||
}
|
||||
}
|
||||
i {
|
||||
width: 25px;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
opacity: 0.9;
|
||||
color: $leftbar-icon-color;
|
||||
margin-right: 5px;
|
||||
&.ti-control-record{
|
||||
font-size: 8px;
|
||||
vertical-align: middle;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
span{
|
||||
i{
|
||||
color: $menu-arrow-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0 0 0 25px;
|
||||
|
||||
li {
|
||||
> a {
|
||||
padding: 10px 22px;
|
||||
color: $menu-sub-item-color;
|
||||
font-size: 13.5px;
|
||||
border-left: none;
|
||||
|
||||
&:hover {
|
||||
color: $menu-sub-item-hover-color;
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mm-active {
|
||||
.menu-arrow{
|
||||
i {
|
||||
&:before {
|
||||
content: "\F140";
|
||||
}
|
||||
}
|
||||
}
|
||||
.mm-active a .menu-arrow.left-has-menu{
|
||||
i {
|
||||
&:before {
|
||||
content: "\F140";
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu-arrow.left-has-menu{
|
||||
i {
|
||||
&:before {
|
||||
content: "\F142";
|
||||
}
|
||||
}
|
||||
}
|
||||
li a{
|
||||
menu-arrow.left-has-menu {
|
||||
i {
|
||||
&:before {
|
||||
content: "\F142";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mm-active{
|
||||
>a{
|
||||
color: $menu-sub-item-active-color;
|
||||
background: $bg-leftbar;
|
||||
box-shadow: 3px 0 20px 0 $gray-200;
|
||||
&.active{
|
||||
color: $menu-sub-item-active-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.menu-arrow.left-has-menu i:before{
|
||||
content: "\F140";
|
||||
}
|
||||
.mm-show{
|
||||
li{
|
||||
a.active{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
color: $menu-item-active-color;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
box-shadow: 3px 3px 20px 0 rgba($primary, .4);
|
||||
border-radius: 4px;
|
||||
i{
|
||||
color: $menu-item-active-color;
|
||||
}
|
||||
}
|
||||
.nav-item.active{
|
||||
a.nav-link.active{
|
||||
background-color:transparent;
|
||||
color: $primary;
|
||||
i{
|
||||
color: $menu-item-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.menu-arrow {
|
||||
float: right;
|
||||
margin-top: -1px;
|
||||
i {
|
||||
width: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
body{
|
||||
display: block !important;
|
||||
}
|
||||
.left-sidenav {
|
||||
position: absolute;
|
||||
overflow-y: auto;
|
||||
z-index: 10;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.page-content {
|
||||
min-height: 100vh;
|
||||
padding: 0 0 50px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Enlarge menu
|
||||
.enlarge-menu {
|
||||
.left-sidenav{
|
||||
display: none;
|
||||
}
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
background-color: $bg-navbar;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,199 @@
|
||||
/*
|
||||
Template Name: Codefox - Bootstrap 4 Admin Template
|
||||
Author: CoderThemes
|
||||
Email: coderthemes@gmail.com
|
||||
File: Menu
|
||||
|
||||
*/
|
||||
/* Metis Menu css */
|
||||
|
||||
.metismenu {
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand-box {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
line-height: 70px;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.vertical-menu {
|
||||
width: 250px;
|
||||
z-index: 1001;
|
||||
background: $sidebar-light-bg;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
box-shadow: $box-shadow;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-left: 250px;
|
||||
overflow: hidden;
|
||||
|
||||
.content {
|
||||
padding: 0 15px 10px 15px;
|
||||
margin-top: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#sidebar-menu {
|
||||
padding-top: 10px;
|
||||
|
||||
.mm-active {
|
||||
> .has-arrow {
|
||||
&:after {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.has-arrow {
|
||||
&:after {
|
||||
content: "\F140";
|
||||
font-family: 'Material Design Icons';
|
||||
display: block;
|
||||
float: right;
|
||||
transition: transform .2s;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
display: block;
|
||||
padding: .55rem 1.5rem;
|
||||
color: #6e84a3;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
color: #12263f;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
min-width: 1.75rem;
|
||||
padding-bottom: .125em;
|
||||
font-size: 1rem;
|
||||
line-height: 1.40625rem;
|
||||
}
|
||||
}
|
||||
ul.sub-menu {
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: .4rem 1.5rem .4rem 3.25rem;
|
||||
font-size: 13.5px;
|
||||
}
|
||||
ul.sub-menu {
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: .4rem 1.5rem .4rem 4.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: $gray-500;
|
||||
font-family: $font-family-secondary;
|
||||
}
|
||||
|
||||
|
||||
.mm-active {
|
||||
.active {
|
||||
color: $dark !important;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: .5rem;
|
||||
bottom: .5rem;
|
||||
left: 0;
|
||||
right: auto;
|
||||
border-left: 2px solid $primary;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.vertical-menu {
|
||||
display: none;
|
||||
}
|
||||
.main-content {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body.enable-vertical-menu {
|
||||
overflow: hidden;
|
||||
|
||||
.vertical-menu,
|
||||
.menu-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba($dark,0.3);
|
||||
display: none;
|
||||
z-index: 1000;
|
||||
}
|
||||
@@ -0,0 +1,209 @@
|
||||
/*
|
||||
Template Name: Crovex - Admin & Dashboard Template
|
||||
Author: Mannatthemes
|
||||
File: Topbar
|
||||
*/
|
||||
|
||||
|
||||
|
||||
.topbar {
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
max-height: $topbar-height;
|
||||
.topbar-left {
|
||||
background-color: $brand-light-bg;
|
||||
float: left;
|
||||
text-align: center;
|
||||
height: $topbar-height;
|
||||
position: relative;
|
||||
width: $topbar-left-width;
|
||||
z-index: 1;
|
||||
.logo {
|
||||
line-height: $topbar-height;
|
||||
.logo-sm {
|
||||
height: 24px;
|
||||
}
|
||||
.logo-lg {
|
||||
height: 14px;
|
||||
margin-left: 2px;
|
||||
display: $logo-dark;
|
||||
&.logo-light{
|
||||
display: $logo-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
background: $bg-navbar;
|
||||
margin-left: $leftbar-width;
|
||||
min-height: $topbar-height;
|
||||
position: relative;
|
||||
.nav-link {
|
||||
padding: 0 0.75rem;
|
||||
color: $header-item-color;
|
||||
line-height: $topbar-height;
|
||||
max-height: $topbar-height;
|
||||
.nav-icon {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.dropdown-toggle {
|
||||
&:after {
|
||||
content: initial;
|
||||
}
|
||||
}
|
||||
.topbar-nav {
|
||||
li {
|
||||
float: left;
|
||||
&.show {
|
||||
.nav-link {
|
||||
background-color: lighten($bg-navbar, 3%);
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-menu-mobile {
|
||||
border: none;
|
||||
color: $vertical-menu-btn-color !important;
|
||||
width: 60px;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-user {
|
||||
.nav-user-name {
|
||||
vertical-align: middle;
|
||||
}
|
||||
img {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Notification */
|
||||
|
||||
.notification-list {
|
||||
max-height: 220px;
|
||||
margin-left: 0;
|
||||
.noti-icon {
|
||||
font-size: 22px;
|
||||
vertical-align: middle;
|
||||
color: $noti-icon-color;
|
||||
}
|
||||
.noti-icon-badge {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 8px;
|
||||
border: 2px solid rgba($white, 0.6);
|
||||
border-radius: 50%;
|
||||
padding: 2px 4px 2px;
|
||||
font-size: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
// Search
|
||||
|
||||
.app-search .form-control,
|
||||
.app-search .form-control:focus {
|
||||
border: 1px solid $topbar-search-border-color;
|
||||
font-size: 13px;
|
||||
height: 34px;
|
||||
color: $topbar-search-color;
|
||||
padding-left: 20px;
|
||||
padding-right: 40px;
|
||||
background: $bg-navbar;
|
||||
box-shadow: none;
|
||||
border-radius: 40px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.app-search {
|
||||
position: relative;
|
||||
padding-top: 18px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.app-search input.form-control::-webkit-input-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control:-moz-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control::-moz-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search input.form-control:-ms-input-placeholder {
|
||||
color: darken($gray-400, 8%);
|
||||
}
|
||||
|
||||
.app-search a {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 0;
|
||||
display: block;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
width: 34px;
|
||||
text-align: center;
|
||||
background: $topbar-search-border-color;
|
||||
border: 1px solid $topbar-search-border-color;
|
||||
border-radius: 50%;
|
||||
color: $gray-500;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.topbar {
|
||||
.topbar-left {
|
||||
width: $leftbar-width-collapsed;
|
||||
.logo-lg {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.navbar-custom {
|
||||
margin-left: $leftbar-width-collapsed;
|
||||
}
|
||||
.app-search {
|
||||
.form-control,
|
||||
.form-control:focus{
|
||||
width: 230px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) and (max-width: 1023.98px){
|
||||
.app-search{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.app-search,
|
||||
.hidden-sm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px){
|
||||
|
||||
.page-title-box {
|
||||
.breadcrumb{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user