first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,197 @@
|
||||
.bg-gradient-white {
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #FFFFFF, rgba(255, 255, 255, 0.5));
|
||||
background-image : linear-gradient(30deg, #FFFFFF, rgba(255, 255, 255, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-white:hover, .bg-gradient-white:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-white {
|
||||
background : -webkit-linear-gradient(60deg, #FFFFFF 0%, 100%);
|
||||
background : linear-gradient(30deg, #FFFFFF 0%, 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-white:hover, .gradient-light-white:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-black {
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #000000, rgba(0, 0, 0, 0.5));
|
||||
background-image : linear-gradient(30deg, #000000, rgba(0, 0, 0, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-black:hover, .bg-gradient-black:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-black {
|
||||
background : -webkit-linear-gradient(60deg, #000000 0%, 100%);
|
||||
background : linear-gradient(30deg, #000000 0%, 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-black:hover, .gradient-light-black:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-dark {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #1E1E1E, rgba(30, 30, 30, 0.5));
|
||||
background-image : linear-gradient(30deg, #1E1E1E, rgba(30, 30, 30, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-dark:hover, .bg-gradient-dark:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-dark {
|
||||
background : -webkit-linear-gradient(60deg, #1E1E1E 0%, 100%);
|
||||
background : linear-gradient(30deg, #1E1E1E 0%, 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-dark:hover, .gradient-light-dark:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-light {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #BABFC7, rgba(186, 191, 199, 0.5));
|
||||
background-image : linear-gradient(30deg, #BABFC7, rgba(186, 191, 199, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-light:hover, .bg-gradient-light:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-light {
|
||||
background : -webkit-linear-gradient(60deg, #BABFC7 0%, 100%);
|
||||
background : linear-gradient(30deg, #BABFC7 0%, 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-light:hover, .gradient-light-light:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-primary {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #7367F0, rgba(115, 103, 240, 0.5));
|
||||
background-image : linear-gradient(30deg, #7367F0, rgba(115, 103, 240, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-primary:hover, .bg-gradient-primary:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-primary {
|
||||
background : -webkit-linear-gradient(60deg, #7367F0 0%, #CE9FFC 100%);
|
||||
background : linear-gradient(30deg, #7367F0 0%, #CE9FFC 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-primary:hover, .gradient-light-primary:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-secondary {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #B8C2CC, rgba(184, 194, 204, 0.5));
|
||||
background-image : linear-gradient(30deg, #B8C2CC, rgba(184, 194, 204, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-secondary:hover, .bg-gradient-secondary:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-secondary {
|
||||
background : -webkit-linear-gradient(60deg, #B8C2CC 0%, #DCDEEC 100%);
|
||||
background : linear-gradient(30deg, #B8C2CC 0%, #DCDEEC 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-secondary:hover, .gradient-light-secondary:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-success {
|
||||
background : #0064FA;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #28C76F, rgba(40, 199, 111, 0.5));
|
||||
background-image : linear-gradient(30deg, #28C76F, rgba(40, 199, 111, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-success:hover, .bg-gradient-success:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-success {
|
||||
background : -webkit-linear-gradient(60deg, #28C76F 0%, #4AE9D3 100%);
|
||||
background : linear-gradient(30deg, #28C76F 0%, #4AE9D3 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-success:hover, .gradient-light-success:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-info {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #00CFE8, rgba(0, 207, 232, 0.5));
|
||||
background-image : linear-gradient(30deg, #00CFE8, rgba(0, 207, 232, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-info:hover, .bg-gradient-info:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-info {
|
||||
background : -webkit-linear-gradient(60deg, #00CFE8 0%, #2D91FF 100%);
|
||||
background : linear-gradient(30deg, #00CFE8 0%, #2D91FF 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-info:hover, .gradient-light-info:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-warning {
|
||||
background : #FAFAFA;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #FF9F43, rgba(255, 159, 67, 0.5));
|
||||
background-image : linear-gradient(30deg, #FF9F43, rgba(255, 159, 67, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-warning:hover, .bg-gradient-warning:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-warning {
|
||||
background : -webkit-linear-gradient(60deg, #FF9F43 0%, #FFF487 100%);
|
||||
background : linear-gradient(30deg, #FF9F43 0%, #FFF487 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-warning:hover, .gradient-light-warning:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-gradient-danger {
|
||||
background : #640064;
|
||||
color : #FFFFFF;
|
||||
background-image : -webkit-linear-gradient(60deg, #EA5455, rgba(234, 84, 85, 0.5));
|
||||
background-image : linear-gradient(30deg, #EA5455, rgba(234, 84, 85, 0.5));
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.bg-gradient-danger:hover, .bg-gradient-danger:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.gradient-light-danger {
|
||||
background : -webkit-linear-gradient(60deg, #EA5455 0%, #F9B789 100%);
|
||||
background : linear-gradient(30deg, #EA5455 0%, #F9B789 100%);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.gradient-light-danger:hover, .gradient-light-danger:active {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.bg-gradient-white{color:#FFF;background-image:-webkit-linear-gradient(60deg,#FFF,rgba(255,255,255,.5));background-image:linear-gradient(30deg,#FFF,rgba(255,255,255,.5));background-repeat:repeat-x}.bg-gradient-white:active,.bg-gradient-white:hover{color:#FFF}.gradient-light-white{background:-webkit-linear-gradient(60deg,#FFF 0,100%);background:linear-gradient(30deg,#FFF 0,100%);color:#FFF}.gradient-light-white:active,.gradient-light-white:hover{color:#FFF}.bg-gradient-black{color:#FFF;background-image:-webkit-linear-gradient(60deg,#000,rgba(0,0,0,.5));background-image:linear-gradient(30deg,#000,rgba(0,0,0,.5));background-repeat:repeat-x}.bg-gradient-black:active,.bg-gradient-black:hover{color:#FFF}.gradient-light-black{background:-webkit-linear-gradient(60deg,#000 0,100%);background:linear-gradient(30deg,#000 0,100%);color:#FFF}.gradient-light-black:active,.gradient-light-black:hover{color:#FFF}.bg-gradient-dark{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#1E1E1E,rgba(30,30,30,.5));background-image:linear-gradient(30deg,#1E1E1E,rgba(30,30,30,.5))}.bg-gradient-dark:active,.bg-gradient-dark:hover{color:#FFF}.gradient-light-dark{background:-webkit-linear-gradient(60deg,#1E1E1E 0,100%);background:linear-gradient(30deg,#1E1E1E 0,100%);color:#FFF}.gradient-light-dark:active,.gradient-light-dark:hover{color:#FFF}.bg-gradient-light{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#BABFC7,rgba(186,191,199,.5));background-image:linear-gradient(30deg,#BABFC7,rgba(186,191,199,.5))}.bg-gradient-light:active,.bg-gradient-light:hover{color:#FFF}.gradient-light-light{background:-webkit-linear-gradient(60deg,#BABFC7 0,100%);background:linear-gradient(30deg,#BABFC7 0,100%);color:#FFF}.gradient-light-light:active,.gradient-light-light:hover{color:#FFF}.bg-gradient-primary{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#7367F0,rgba(115,103,240,.5));background-image:linear-gradient(30deg,#7367F0,rgba(115,103,240,.5))}.bg-gradient-primary:active,.bg-gradient-primary:hover{color:#FFF}.gradient-light-primary{background:-webkit-linear-gradient(60deg,#7367F0 0,#CE9FFC 100%);background:linear-gradient(30deg,#7367F0 0,#CE9FFC 100%);color:#FFF}.gradient-light-primary:active,.gradient-light-primary:hover{color:#FFF}.bg-gradient-secondary{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#B8C2CC,rgba(184,194,204,.5));background-image:linear-gradient(30deg,#B8C2CC,rgba(184,194,204,.5))}.bg-gradient-secondary:active,.bg-gradient-secondary:hover{color:#FFF}.gradient-light-secondary{background:-webkit-linear-gradient(60deg,#B8C2CC 0,#DCDEEC 100%);background:linear-gradient(30deg,#B8C2CC 0,#DCDEEC 100%);color:#FFF}.gradient-light-secondary:active,.gradient-light-secondary:hover{color:#FFF}.bg-gradient-success{background:repeat-x #0064FA;color:#FFF;background-image:-webkit-linear-gradient(60deg,#28C76F,rgba(40,199,111,.5));background-image:linear-gradient(30deg,#28C76F,rgba(40,199,111,.5))}.bg-gradient-success:active,.bg-gradient-success:hover{color:#FFF}.gradient-light-success{background:-webkit-linear-gradient(60deg,#28C76F 0,#4AE9D3 100%);background:linear-gradient(30deg,#28C76F 0,#4AE9D3 100%);color:#FFF}.gradient-light-success:active,.gradient-light-success:hover{color:#FFF}.bg-gradient-info{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#00CFE8,rgba(0,207,232,.5));background-image:linear-gradient(30deg,#00CFE8,rgba(0,207,232,.5))}.bg-gradient-info:active,.bg-gradient-info:hover{color:#FFF}.gradient-light-info{background:-webkit-linear-gradient(60deg,#00CFE8 0,#2D91FF 100%);background:linear-gradient(30deg,#00CFE8 0,#2D91FF 100%);color:#FFF}.gradient-light-info:active,.gradient-light-info:hover{color:#FFF}.bg-gradient-warning{background:repeat-x #FAFAFA;color:#FFF;background-image:-webkit-linear-gradient(60deg,#FF9F43,rgba(255,159,67,.5));background-image:linear-gradient(30deg,#FF9F43,rgba(255,159,67,.5))}.bg-gradient-warning:active,.bg-gradient-warning:hover{color:#FFF}.gradient-light-warning{background:-webkit-linear-gradient(60deg,#FF9F43 0,#FFF487 100%);background:linear-gradient(30deg,#FF9F43 0,#FFF487 100%);color:#FFF}.gradient-light-warning:active,.gradient-light-warning:hover{color:#FFF}.bg-gradient-danger{background:repeat-x #640064;color:#FFF;background-image:-webkit-linear-gradient(60deg,#EA5455,rgba(234,84,85,.5));background-image:linear-gradient(30deg,#EA5455,rgba(234,84,85,.5))}.bg-gradient-danger:active,.bg-gradient-danger:hover{color:#FFF}.gradient-light-danger{background:-webkit-linear-gradient(60deg,#EA5455 0,#F9B789 100%);background:linear-gradient(30deg,#EA5455 0,#F9B789 100%);color:#FFF}.gradient-light-danger:active,.gradient-light-danger:hover{color:#FFF}
|
||||
@@ -0,0 +1,159 @@
|
||||
.slider-white .noUi-connect {
|
||||
background : #FFFFFF !important;
|
||||
}
|
||||
|
||||
.slider-white.noUi-connect {
|
||||
background : #FFFFFF !important;
|
||||
}
|
||||
|
||||
.slider-white .noUi-handle {
|
||||
border-color : #FFFFFF !important;
|
||||
}
|
||||
|
||||
.slider-white.circle-filled .noUi-handle, .slider-white.square .noUi-handle {
|
||||
background : #FFFFFF !important;
|
||||
}
|
||||
|
||||
.slider-black .noUi-connect {
|
||||
background : #000000 !important;
|
||||
}
|
||||
|
||||
.slider-black.noUi-connect {
|
||||
background : #000000 !important;
|
||||
}
|
||||
|
||||
.slider-black .noUi-handle {
|
||||
border-color : #000000 !important;
|
||||
}
|
||||
|
||||
.slider-black.circle-filled .noUi-handle, .slider-black.square .noUi-handle {
|
||||
background : #000000 !important;
|
||||
}
|
||||
|
||||
.slider-dark .noUi-connect {
|
||||
background : #1E1E1E !important;
|
||||
}
|
||||
|
||||
.slider-dark.noUi-connect {
|
||||
background : #1E1E1E !important;
|
||||
}
|
||||
|
||||
.slider-dark .noUi-handle {
|
||||
border-color : #1E1E1E !important;
|
||||
}
|
||||
|
||||
.slider-dark.circle-filled .noUi-handle, .slider-dark.square .noUi-handle {
|
||||
background : #1E1E1E !important;
|
||||
}
|
||||
|
||||
.slider-light .noUi-connect {
|
||||
background : #BABFC7 !important;
|
||||
}
|
||||
|
||||
.slider-light.noUi-connect {
|
||||
background : #BABFC7 !important;
|
||||
}
|
||||
|
||||
.slider-light .noUi-handle {
|
||||
border-color : #BABFC7 !important;
|
||||
}
|
||||
|
||||
.slider-light.circle-filled .noUi-handle, .slider-light.square .noUi-handle {
|
||||
background : #BABFC7 !important;
|
||||
}
|
||||
|
||||
.slider-primary .noUi-connect {
|
||||
background : #7367F0 !important;
|
||||
}
|
||||
|
||||
.slider-primary.noUi-connect {
|
||||
background : #7367F0 !important;
|
||||
}
|
||||
|
||||
.slider-primary .noUi-handle {
|
||||
border-color : #7367F0 !important;
|
||||
}
|
||||
|
||||
.slider-primary.circle-filled .noUi-handle, .slider-primary.square .noUi-handle {
|
||||
background : #7367F0 !important;
|
||||
}
|
||||
|
||||
.slider-secondary .noUi-connect {
|
||||
background : #B8C2CC !important;
|
||||
}
|
||||
|
||||
.slider-secondary.noUi-connect {
|
||||
background : #B8C2CC !important;
|
||||
}
|
||||
|
||||
.slider-secondary .noUi-handle {
|
||||
border-color : #B8C2CC !important;
|
||||
}
|
||||
|
||||
.slider-secondary.circle-filled .noUi-handle, .slider-secondary.square .noUi-handle {
|
||||
background : #B8C2CC !important;
|
||||
}
|
||||
|
||||
.slider-success .noUi-connect {
|
||||
background : #28C76F !important;
|
||||
}
|
||||
|
||||
.slider-success.noUi-connect {
|
||||
background : #28C76F !important;
|
||||
}
|
||||
|
||||
.slider-success .noUi-handle {
|
||||
border-color : #28C76F !important;
|
||||
}
|
||||
|
||||
.slider-success.circle-filled .noUi-handle, .slider-success.square .noUi-handle {
|
||||
background : #28C76F !important;
|
||||
}
|
||||
|
||||
.slider-info .noUi-connect {
|
||||
background : #00CFE8 !important;
|
||||
}
|
||||
|
||||
.slider-info.noUi-connect {
|
||||
background : #00CFE8 !important;
|
||||
}
|
||||
|
||||
.slider-info .noUi-handle {
|
||||
border-color : #00CFE8 !important;
|
||||
}
|
||||
|
||||
.slider-info.circle-filled .noUi-handle, .slider-info.square .noUi-handle {
|
||||
background : #00CFE8 !important;
|
||||
}
|
||||
|
||||
.slider-warning .noUi-connect {
|
||||
background : #FF9F43 !important;
|
||||
}
|
||||
|
||||
.slider-warning.noUi-connect {
|
||||
background : #FF9F43 !important;
|
||||
}
|
||||
|
||||
.slider-warning .noUi-handle {
|
||||
border-color : #FF9F43 !important;
|
||||
}
|
||||
|
||||
.slider-warning.circle-filled .noUi-handle, .slider-warning.square .noUi-handle {
|
||||
background : #FF9F43 !important;
|
||||
}
|
||||
|
||||
.slider-danger .noUi-connect {
|
||||
background : #EA5455 !important;
|
||||
}
|
||||
|
||||
.slider-danger.noUi-connect {
|
||||
background : #EA5455 !important;
|
||||
}
|
||||
|
||||
.slider-danger .noUi-handle {
|
||||
border-color : #EA5455 !important;
|
||||
}
|
||||
|
||||
.slider-danger.circle-filled .noUi-handle, .slider-danger.square .noUi-handle {
|
||||
background : #EA5455 !important;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.slider-white .noUi-connect,.slider-white.circle-filled .noUi-handle,.slider-white.noUi-connect,.slider-white.square .noUi-handle{background:#FFF!important}.slider-white .noUi-handle{border-color:#FFF!important}.slider-black .noUi-connect,.slider-black.circle-filled .noUi-handle,.slider-black.noUi-connect,.slider-black.square .noUi-handle{background:#000!important}.slider-black .noUi-handle{border-color:#000!important}.slider-dark .noUi-connect,.slider-dark.circle-filled .noUi-handle,.slider-dark.noUi-connect,.slider-dark.square .noUi-handle{background:#1E1E1E!important}.slider-dark .noUi-handle{border-color:#1E1E1E!important}.slider-light .noUi-connect,.slider-light.circle-filled .noUi-handle,.slider-light.noUi-connect,.slider-light.square .noUi-handle{background:#BABFC7!important}.slider-light .noUi-handle{border-color:#BABFC7!important}.slider-primary .noUi-connect,.slider-primary.circle-filled .noUi-handle,.slider-primary.noUi-connect,.slider-primary.square .noUi-handle{background:#7367F0!important}.slider-primary .noUi-handle{border-color:#7367F0!important}.slider-secondary .noUi-connect,.slider-secondary.circle-filled .noUi-handle,.slider-secondary.noUi-connect,.slider-secondary.square .noUi-handle{background:#B8C2CC!important}.slider-secondary .noUi-handle{border-color:#B8C2CC!important}.slider-success .noUi-connect,.slider-success.circle-filled .noUi-handle,.slider-success.noUi-connect,.slider-success.square .noUi-handle{background:#28C76F!important}.slider-success .noUi-handle{border-color:#28C76F!important}.slider-info .noUi-connect,.slider-info.circle-filled .noUi-handle,.slider-info.noUi-connect,.slider-info.square .noUi-handle{background:#00CFE8!important}.slider-info .noUi-handle{border-color:#00CFE8!important}.slider-warning .noUi-connect,.slider-warning.circle-filled .noUi-handle,.slider-warning.noUi-connect,.slider-warning.square .noUi-handle{background:#FF9F43!important}.slider-warning .noUi-handle{border-color:#FF9F43!important}.slider-danger .noUi-connect,.slider-danger.circle-filled .noUi-handle,.slider-danger.noUi-connect,.slider-danger.square .noUi-handle{background:#EA5455!important}.slider-danger .noUi-handle{border-color:#EA5455!important}
|
||||
@@ -0,0 +1,459 @@
|
||||
/*=========================================================================================
|
||||
File Name: horizontal-menu.scss
|
||||
Description: A classic horizontal menu for easy navingation & support all devices.
|
||||
It support light & dark version, filpped layout, right side icons, borders menu for
|
||||
item seperation.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard TemplateTheme
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.horizontal-menu .content {
|
||||
margin-left : 0;
|
||||
}
|
||||
.horizontal-menu .content .content-wrapper {
|
||||
margin-top : 0 !important;
|
||||
}
|
||||
|
||||
.horizontal-menu footer {
|
||||
position : static;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-floating:not(.blank-page) .app-content {
|
||||
padding-top : 9.75rem;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-floating .horizontal-menu-wrapper {
|
||||
background : -webkit-linear-gradient(top, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
background : linear-gradient(to bottom, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
.horizontal-menu.navbar-floating .horizontal-menu-wrapper .navbar-horizontal.floating-nav {
|
||||
margin : 1.3rem 2.2rem 0;
|
||||
}
|
||||
|
||||
.horizontal-menu.dark-layout .header-navbar {
|
||||
background : inherit !important;
|
||||
}
|
||||
|
||||
.horizontal-menu.dark-layout .horizontal-menu-wrapper {
|
||||
background : -webkit-linear-gradient(top, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
background : linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.horizontal-menu.dark-layout .horizontal-menu-wrapper .header-navbar {
|
||||
background : #10163A !important;
|
||||
}
|
||||
.horizontal-menu.dark-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
|
||||
background : #262C49;
|
||||
}
|
||||
|
||||
.horizontal-menu.semi-dark-layout .header-navbar {
|
||||
background : -webkit-linear-gradient(top, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
background : linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
|
||||
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar {
|
||||
background : #10163A !important;
|
||||
}
|
||||
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
|
||||
background : #262C49;
|
||||
}
|
||||
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar i, .horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar span, .horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar .nav-link {
|
||||
color : #C2C6DC;
|
||||
}
|
||||
|
||||
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .dropdown-menu {
|
||||
background-color : #262C49;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-sticky .app-content {
|
||||
padding-top : 8.5rem;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-sticky .header-navbar {
|
||||
background-color : #F8F8F8;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
|
||||
left : 0;
|
||||
top : 62px;
|
||||
background-color : #FFFFFF;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-static .app-content {
|
||||
padding-top : 2.5rem;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-static .header-navbar {
|
||||
background-color : #F8F8F8;
|
||||
}
|
||||
.horizontal-menu.navbar-static .header-navbar .navbar-wrapper {
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
.horizontal-menu.navbar-static .horizontal-menu-wrapper {
|
||||
position : relative;
|
||||
}
|
||||
.horizontal-menu.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar {
|
||||
background : #FFFFFF;
|
||||
}
|
||||
.horizontal-menu.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar.navbar-static-top {
|
||||
position : static;
|
||||
background : #FFFFFF;
|
||||
left : 0;
|
||||
}
|
||||
|
||||
.horizontal-menu .horizontal-menu-wrapper {
|
||||
position : fixed;
|
||||
top : 62px;
|
||||
z-index : 990;
|
||||
width : 100%;
|
||||
height : 99px;
|
||||
}
|
||||
.horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-container {
|
||||
padding-left : 1rem;
|
||||
padding-right : 1rem;
|
||||
width : 100%;
|
||||
}
|
||||
.horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-header {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.horizontal-menu .header-navbar {
|
||||
background : #FFFFFF;
|
||||
z-index : 999 !important;
|
||||
line-height : 1;
|
||||
min-height : auto;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal.floating-nav {
|
||||
width : calc(100vw - (100vw - 100%) - calc(2.2rem * 2));
|
||||
background : #FFFFFF;
|
||||
}
|
||||
.horizontal-menu .header-navbar .navbar-container {
|
||||
padding-left : 2.2rem;
|
||||
padding-right : calc(2.2rem - 1rem);
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-fixed {
|
||||
position : fixed;
|
||||
width : 100%;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
|
||||
position : absolute;
|
||||
left : 50%;
|
||||
margin-left : -65px;
|
||||
padding : 0;
|
||||
z-index : 1000;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
margin-right : 0;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
|
||||
background : url('../../../../../app-assets/images/logo/vuexy-logo.png') no-repeat;
|
||||
background-position : -65px -54px;
|
||||
height : 24px;
|
||||
width : 35px;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
|
||||
color : #FFFFFF;
|
||||
padding-left : 1rem;
|
||||
letter-spacing : 0.01rem;
|
||||
font-size : 1.57rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
|
||||
left : 0.4rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu::before {
|
||||
display : none;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu {
|
||||
min-width : 215px;
|
||||
border : none;
|
||||
margin-top : 0;
|
||||
min-height : 52px;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled {
|
||||
pointer-events : none !important;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled a {
|
||||
color : #B8C2CC;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
|
||||
left : auto;
|
||||
position : absolute;
|
||||
top : 50%;
|
||||
margin-top : -7px;
|
||||
right : 1rem;
|
||||
content : '\e844' !important;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-item {
|
||||
font-size : 1rem;
|
||||
padding : 0.965rem 1.428rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu {
|
||||
position : relative;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.openLeft .dropdown-menu {
|
||||
left : auto;
|
||||
right : 100%;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.show {
|
||||
background : #F8F8F8;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu {
|
||||
position : absolute;
|
||||
top : 0 !important;
|
||||
left : 100% !important;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu i {
|
||||
font-size : 0.75rem !important;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li {
|
||||
padding-top : 0.965rem;
|
||||
padding-bottom : 0.965rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu {
|
||||
margin-top : 0.75rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a {
|
||||
-webkit-transition : padding 0.35s ease 0s !important;
|
||||
transition : padding 0.35s ease 0s !important;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a:hover {
|
||||
padding-left : 25px;
|
||||
-webkit-transition : padding 0.35s ease 0s !important;
|
||||
transition : padding 0.35s ease 0s !important;
|
||||
background-color : transparent;
|
||||
color : #626262;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a {
|
||||
background : #F8F8F8;
|
||||
color : #7367F0;
|
||||
font-weight : 500;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .open.active > a {
|
||||
color : #626262;
|
||||
font-weight : normal;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li i {
|
||||
font-size : 1.11rem;
|
||||
margin-right : 0.75rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > a {
|
||||
padding : 0.75rem 1.25rem 0.75rem 1.25rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
margin-right : 0.5rem;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
|
||||
background : #F8F8F8;
|
||||
border-radius : 4px;
|
||||
}
|
||||
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
|
||||
background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
box-shadow : 0 0 6px 1px rgba(115, 103, 240, 0.6);
|
||||
color : #FFFFFF;
|
||||
border-radius : 4px;
|
||||
}
|
||||
|
||||
.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item > a span {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.horizontal-menu .navigation-header {
|
||||
font-family : inherit;
|
||||
color : #929292;
|
||||
padding : 8px 20px;
|
||||
font-size : 1rem;
|
||||
text-transform : uppercase;
|
||||
}
|
||||
|
||||
.horizontal-menu .navbar-dark .nav-item.active > a {
|
||||
border-bottom : 2px solid #7367F0;
|
||||
background-color : #313C50;
|
||||
}
|
||||
|
||||
.horizontal-menu .content.app-content .content-area-wrapper {
|
||||
margin-top : 2.2rem;
|
||||
}
|
||||
.horizontal-menu .content.app-content .content-area-wrapper .content-wrapper {
|
||||
height : calc(100vh - 16rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 16rem);
|
||||
}
|
||||
|
||||
.horizontal-menu.chat-application .sidebar-content, .horizontal-menu.email-application .content-area-wrapper .sidebar .email-app-sidebar, .horizontal-menu.todo-application .content-area-wrapper .sidebar .todo-sidebar {
|
||||
height : calc(100vh - 16rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 16rem);
|
||||
}
|
||||
|
||||
.horizontal-menu.todo-application .content-area-wrapper .content-right .todo-task-list {
|
||||
height : calc(100vh - 19.5rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 19.5rem);
|
||||
}
|
||||
|
||||
.horizontal-menu.email-application .app-content .content-area-wrapper .email-user-list {
|
||||
height : calc(100vh - 23.3rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 23.3rem);
|
||||
}
|
||||
|
||||
.horizontal-menu.chat-application .user-profile-sidebar {
|
||||
height : calc(100vh - 16.1rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 16.1rem);
|
||||
bottom : 4.1rem;
|
||||
}
|
||||
|
||||
.horizontal-menu.chat-application .chat-profile-sidebar {
|
||||
height : calc(100vh - 16rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 16rem);
|
||||
}
|
||||
|
||||
.horizontal-menu.chat-application .chat-app-window .user-chats {
|
||||
height : calc(100vh - 26.5rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 26.5rem);
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
body.horizontal-layout.horizontal-menu .horizontal-menu-wrapper .header-navbar {
|
||||
display : none;
|
||||
}
|
||||
body.horizontal-layout .header-navbar {
|
||||
background : #FFFFFF;
|
||||
}
|
||||
body.horizontal-layout .content .content-wrapper {
|
||||
margin-top : 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*=========================================================================================
|
||||
File Name: vertical-overlay-menu.scss
|
||||
Description: A overlay style vertical menu with show and hide support. It support
|
||||
light & dark version, filpped layout, right side icons, native scroll and borders menu
|
||||
item seperation.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.vertical-overlay-menu .content {
|
||||
margin-left : 0;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar .navbar-header {
|
||||
float : left;
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
|
||||
width : calc(100vw - (100vw - 100%) - calc(2.2rem * 2));
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
|
||||
opacity : 0;
|
||||
-webkit-transform : translate3d(0, 0, 0);
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
width : 260px;
|
||||
left : -260px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i {
|
||||
margin-right : 14px;
|
||||
float : left;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
|
||||
-webkit-transition : 200ms ease all;
|
||||
transition : 200ms ease all;
|
||||
font-size : 1.429rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
|
||||
content : '\f105';
|
||||
font-family : 'FontAwesome';
|
||||
font-size : 1rem;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
right : 25px;
|
||||
top : 10px;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
transition : -webkit-transform 0.2s ease-in-out;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li a i {
|
||||
font-size : 1.1rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 55px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-open .main-menu {
|
||||
opacity : 1;
|
||||
-webkit-transform : translate3d(260px, 0, 0);
|
||||
transform : translate3d(260px, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .main-menu {
|
||||
right : -260px;
|
||||
left : inherit;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
|
||||
float : right;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
|
||||
-webkit-transform : translate3d(-260px, 0, 0);
|
||||
transform : translate3d(-260px, 0, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 0;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,521 @@
|
||||
/*=========================================================================================
|
||||
File Name: vertical-menu.scss
|
||||
Description: A calssic vertical modern style menu with expand and collops support. It support
|
||||
light & dark version, filpped layout, right side icons, native scroll and borders menu
|
||||
item seperation.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i {
|
||||
font-size : 1.2rem;
|
||||
margin-right : 1rem;
|
||||
float : left;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
|
||||
margin-right : 1.38rem;
|
||||
font-size : 0.8rem;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern .toggle-icon {
|
||||
margin-right : 0.425rem;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .toggle-icon:focus {
|
||||
outline : none;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
body.vertical-layout.vertical-menu-modern.menu-flipped .main-menu {
|
||||
right : 0;
|
||||
}
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern .navbar .navbar-brand {
|
||||
white-space : nowrap;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern .navbar .navbar-header .nav-toggle {
|
||||
position : absolute;
|
||||
right : 0;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern .main-menu {
|
||||
-webkit-transition : 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition : 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
-webkit-transform : translate3d(0, 0, 0);
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility : hidden;
|
||||
backface-visibility : hidden;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-header {
|
||||
float : left;
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-brand .brand-text {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
|
||||
width : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i {
|
||||
margin-right : 1rem;
|
||||
float : left;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
|
||||
font-size : 1.429rem;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge {
|
||||
position : absolute;
|
||||
right : 20px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after {
|
||||
content : '\f105';
|
||||
font-family : 'FontAwesome';
|
||||
font-size : 1.1rem;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
right : 25px;
|
||||
top : 10px;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
transition : -webkit-transform 0.2s ease-in-out;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after {
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .main-menu-footer {
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
|
||||
margin-left : 260px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
|
||||
float : left;
|
||||
width : 80px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded {
|
||||
width : 260px;
|
||||
z-index : 1000;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle {
|
||||
display : block;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .navbar-brand .brand-text {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .navbar-brand .brand-text {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-brand {
|
||||
padding : 15px 0;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top {
|
||||
left : 80px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
|
||||
width : 80px;
|
||||
-webkit-transition : 300ms ease all;
|
||||
transition : 300ms ease all;
|
||||
-webkit-backface-visibility : hidden;
|
||||
backface-visibility : hidden;
|
||||
-webkit-transform : translate3d(0, 0, 0);
|
||||
transform : translate3d(0, 0, 0);
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer {
|
||||
width : 80px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .media-heading, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .text-muted, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-right {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body {
|
||||
opacity : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .user-content {
|
||||
padding : 20px 10px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
|
||||
margin : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a {
|
||||
line-height : 1;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
|
||||
margin-bottom : 1.25rem !important;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
|
||||
background : whitesmoke;
|
||||
box-shadow : none;
|
||||
color : #565656;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
|
||||
overflow : visible;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header .icon-minus {
|
||||
display : block;
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a {
|
||||
text-overflow : inherit;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span.badge {
|
||||
float : none !important;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i {
|
||||
margin-right : 1rem;
|
||||
float : left;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i:before {
|
||||
font-size : 1.429rem;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .mTSWrapper {
|
||||
overflow : visible;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
|
||||
width : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
|
||||
display : block;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span {
|
||||
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span.badge {
|
||||
position : absolute;
|
||||
right : 20px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after {
|
||||
content : '\f105';
|
||||
font-family : 'FontAwesome';
|
||||
font-size : 1rem;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
right : 25px;
|
||||
top : 10px;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
transition : -webkit-transform 0.2s ease-in-out;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after {
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
|
||||
display : inline;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
|
||||
display : block;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, body.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
|
||||
margin-left : 80px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
|
||||
width : calc(100vw - (100vw - 100%) - 4.4rem - 80px);
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
|
||||
width : calc(100vw - (100vw - 100%) - 80px);
|
||||
left : 80px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .content {
|
||||
margin : 0;
|
||||
margin-right : 80px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu {
|
||||
right : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu span.menu-title {
|
||||
right : 80px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu ul.menu-content {
|
||||
right : 80px;
|
||||
left : inherit;
|
||||
}
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-header {
|
||||
float : right;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-container {
|
||||
margin : 0;
|
||||
margin-right : 80px;
|
||||
}
|
||||
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .footer {
|
||||
margin : 0;
|
||||
margin-right : 80px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
body.vertical-layout.vertical-menu-modern .main-menu {
|
||||
width : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
|
||||
width : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .footer {
|
||||
margin-left : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-flipped .content {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-header {
|
||||
float : right;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-container {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-flipped .footer {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
body.vertical-layout.vertical-menu-modern .main-menu {
|
||||
width : 0;
|
||||
opacity : 0;
|
||||
left : -260px;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > span {
|
||||
-webkit-animation : 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
animation : 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header span {
|
||||
display : none;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
|
||||
width : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer {
|
||||
margin-left : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, body.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
|
||||
margin-left : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
|
||||
width : 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
body.vertical-layout.vertical-menu-modern .main-menu {
|
||||
width : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
|
||||
width : 0;
|
||||
}
|
||||
body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer {
|
||||
margin-left : 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
opacity : 0;
|
||||
}
|
||||
to {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
from {
|
||||
opacity : 0;
|
||||
}
|
||||
to {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeout {
|
||||
from {
|
||||
opacity : 1;
|
||||
}
|
||||
to {
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeout {
|
||||
from {
|
||||
opacity : 1;
|
||||
}
|
||||
to {
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
body.vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span {
|
||||
-webkit-animation : none;
|
||||
animation : none;
|
||||
}
|
||||
}
|
||||
|
||||
/*=========================================================================================
|
||||
File Name: vertical-overlay-menu.scss
|
||||
Description: A overlay style vertical menu with show and hide support. It support
|
||||
light & dark version, filpped layout, right side icons, native scroll and borders menu
|
||||
item seperation.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.vertical-overlay-menu .content {
|
||||
margin-left : 0;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar .navbar-header {
|
||||
float : left;
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
|
||||
width : calc(100vw - (100vw - 100%) - calc(2.2rem * 2));
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
|
||||
opacity : 0;
|
||||
-webkit-transform : translate3d(0, 0, 0);
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
width : 260px;
|
||||
left : -260px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i {
|
||||
margin-right : 14px;
|
||||
float : left;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
|
||||
-webkit-transition : 200ms ease all;
|
||||
transition : 200ms ease all;
|
||||
font-size : 1.429rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
|
||||
content : '\f105';
|
||||
font-family : 'FontAwesome';
|
||||
font-size : 1rem;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
right : 25px;
|
||||
top : 10px;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
transition : -webkit-transform 0.2s ease-in-out;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li a i {
|
||||
font-size : 1.1rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 55px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-open .main-menu {
|
||||
opacity : 1;
|
||||
-webkit-transform : translate3d(260px, 0, 0);
|
||||
transform : translate3d(260px, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .main-menu {
|
||||
right : -260px;
|
||||
left : inherit;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
|
||||
float : right;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
|
||||
-webkit-transform : translate3d(-260px, 0, 0);
|
||||
transform : translate3d(-260px, 0, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 0;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,111 @@
|
||||
/*=========================================================================================
|
||||
File Name: vertical-overlay-menu.scss
|
||||
Description: A overlay style vertical menu with show and hide support. It support
|
||||
light & dark version, filpped layout, right side icons, native scroll and borders menu
|
||||
item seperation.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.vertical-overlay-menu .content {
|
||||
margin-left : 0;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar .navbar-header {
|
||||
float : left;
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
|
||||
width : calc(100vw - (100vw - 100%) - calc(2.2rem * 2));
|
||||
}
|
||||
|
||||
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
|
||||
opacity : 0;
|
||||
-webkit-transform : translate3d(0, 0, 0);
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
width : 260px;
|
||||
left : -260px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
|
||||
display : none;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i {
|
||||
margin-right : 14px;
|
||||
float : left;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
|
||||
-webkit-transition : 200ms ease all;
|
||||
transition : 200ms ease all;
|
||||
font-size : 1.429rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
|
||||
content : '\f105';
|
||||
font-family : 'FontAwesome';
|
||||
font-size : 1rem;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
right : 25px;
|
||||
top : 10px;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
transition : -webkit-transform 0.2s ease-in-out;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .navigation li a i {
|
||||
font-size : 1.1rem;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 55px;
|
||||
}
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
width : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-open .main-menu {
|
||||
opacity : 1;
|
||||
-webkit-transform : translate3d(260px, 0, 0);
|
||||
transform : translate3d(260px, 0, 0);
|
||||
-webkit-transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,-webkit-transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s;
|
||||
transition : width 0.25s,opacity 0.25s,transform 0.25s,-webkit-transform 0.25s;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .main-menu {
|
||||
right : -260px;
|
||||
left : inherit;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
|
||||
margin : 0;
|
||||
margin-right : 260px;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
|
||||
float : right;
|
||||
}
|
||||
|
||||
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
|
||||
-webkit-transform : translate3d(-260px, 0, 0);
|
||||
transform : translate3d(-260px, 0, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.vertical-overlay-menu .main-menu .main-menu-footer {
|
||||
bottom : 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.vertical-overlay-menu .content{margin-left:0}.vertical-overlay-menu .navbar .navbar-header{float:left;width:260px}.vertical-overlay-menu .navbar.header-navbar.floating-nav{width:calc(100vw - (100vw - 100%) - calc(2.2rem * 2))}.vertical-overlay-menu .main-menu,.vertical-overlay-menu.menu-hide .main-menu{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:width .25s,opacity .25s,-webkit-transform .25s;transition:width .25s,opacity .25s,-webkit-transform .25s;transition:width .25s,opacity .25s,transform .25s;transition:width .25s,opacity .25s,transform .25s,-webkit-transform .25s;width:260px;left:-260px}.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus{display:none}.vertical-overlay-menu .main-menu .navigation>li>a>i{margin-right:14px;float:left}.vertical-overlay-menu .main-menu .navigation>li>a>i:before{-webkit-transition:.2s ease all;transition:.2s ease all;font-size:1.429rem}.vertical-overlay-menu .main-menu .navigation li.has-sub>a:not(.mm-next):after{content:'\f105';font-family:FontAwesome;font-size:1rem;display:inline-block;position:absolute;right:25px;top:10px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);transition:-webkit-transform .2s ease-in-out}.vertical-overlay-menu .main-menu .navigation li.open>a:not(.mm-next):after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.vertical-overlay-menu .main-menu .navigation li a i{font-size:1.1rem}.vertical-overlay-menu .main-menu .main-menu-footer{bottom:55px;width:260px}.vertical-overlay-menu.menu-open .main-menu{opacity:1;-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0);-webkit-transition:width .25s,opacity .25s,-webkit-transform .25s;transition:width .25s,opacity .25s,-webkit-transform .25s;transition:width .25s,opacity .25s,transform .25s;transition:width .25s,opacity .25s,transform .25s,-webkit-transform .25s}.vertical-overlay-menu.menu-flipped .main-menu{right:-260px;left:inherit}.vertical-overlay-menu.menu-flipped .navbar .navbar-container{margin:0 260px 0 0}.vertical-overlay-menu.menu-flipped .navbar .navbar-header{float:right}.vertical-overlay-menu.menu-flipped.menu-open .main-menu{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}@media (max-width:991.98px){.vertical-overlay-menu .main-menu .main-menu-footer{bottom:0}}
|
||||
Reference in New Issue
Block a user