jubabox/jubaboxweb
1
0
Fork 0
Code Issues Pull Requests Releases Activity

new page

Browse Source
This commit is contained in:
Olusesan Ameye
2019-08-26 13:45:20 -04:00
parent 728bd3f771
commit 4b7c6a866e
1309 changed files with 386472 additions and 9389 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wwwjuba/app-assets/css/core/colors/palette-gradient.css
+297
View File
@@ -0,0 +1,297 @@
.bg-gradient-white
{
color: #fff;
background-image: -webkit-linear-gradient(60deg, #fff, rgba(255, 255, 255, .5));
background-image: -moz-linear-gradient(60deg, #fff, rgba(255, 255, 255, .5));
background-image: -o-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:hover,
.bg-gradient-white:active
{
color: #fff;
}
.gradient-light-white
{
color: #fff;
background: -webkit-linear-gradient(60deg, #fff 0%, 100%);
background: -moz-linear-gradient(60deg, #fff 0%, 100%);
background: -o-linear-gradient(60deg, #fff 0%, 100%);
background: linear-gradient(30deg, #fff 0%, 100%);
}
.gradient-light-white:hover,
.gradient-light-white:active
{
color: #fff;
}
.bg-gradient-black
{
color: #fff;
background-image: -webkit-linear-gradient(60deg, #000, rgba(0, 0, 0, .5));
background-image: -moz-linear-gradient(60deg, #000, rgba(0, 0, 0, .5));
background-image: -o-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:hover,
.bg-gradient-black:active
{
color: #fff;
}
.gradient-light-black
{
color: #fff;
background: -webkit-linear-gradient(60deg, #000 0%, 100%);
background: -moz-linear-gradient(60deg, #000 0%, 100%);
background: -o-linear-gradient(60deg, #000 0%, 100%);
background: linear-gradient(30deg, #000 0%, 100%);
}
.gradient-light-black:hover,
.gradient-light-black:active
{
color: #fff;
}
.bg-gradient-dark
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #1e1e1e, rgba(30, 30, 30, .5));
background-image: -moz-linear-gradient(60deg, #1e1e1e, rgba(30, 30, 30, .5));
background-image: -o-linear-gradient(60deg, #1e1e1e, rgba(30, 30, 30, .5));
background-image: linear-gradient(30deg, #1e1e1e, rgba(30, 30, 30, .5));
background-repeat: repeat-x;
}
.bg-gradient-dark:hover,
.bg-gradient-dark:active
{
color: #fff;
}
.gradient-light-dark
{
color: #fff;
background: -webkit-linear-gradient(60deg, #1e1e1e 0%, 100%);
background: -moz-linear-gradient(60deg, #1e1e1e 0%, 100%);
background: -o-linear-gradient(60deg, #1e1e1e 0%, 100%);
background: linear-gradient(30deg, #1e1e1e 0%, 100%);
}
.gradient-light-dark:hover,
.gradient-light-dark:active
{
color: #fff;
}
.bg-gradient-light
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #babfc7, rgba(186, 191, 199, .5));
background-image: -moz-linear-gradient(60deg, #babfc7, rgba(186, 191, 199, .5));
background-image: -o-linear-gradient(60deg, #babfc7, rgba(186, 191, 199, .5));
background-image: linear-gradient(30deg, #babfc7, rgba(186, 191, 199, .5));
background-repeat: repeat-x;
}
.bg-gradient-light:hover,
.bg-gradient-light:active
{
color: #fff;
}
.gradient-light-light
{
color: #fff;
background: -webkit-linear-gradient(60deg, #babfc7 0%, 100%);
background: -moz-linear-gradient(60deg, #babfc7 0%, 100%);
background: -o-linear-gradient(60deg, #babfc7 0%, 100%);
background: linear-gradient(30deg, #babfc7 0%, 100%);
}
.gradient-light-light:hover,
.gradient-light-light:active
{
color: #fff;
}
.bg-gradient-primary
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #7367f0, rgba(115, 103, 240, .5));
background-image: -moz-linear-gradient(60deg, #7367f0, rgba(115, 103, 240, .5));
background-image: -o-linear-gradient(60deg, #7367f0, rgba(115, 103, 240, .5));
background-image: linear-gradient(30deg, #7367f0, rgba(115, 103, 240, .5));
background-repeat: repeat-x;
}
.bg-gradient-primary:hover,
.bg-gradient-primary:active
{
color: #fff;
}
.gradient-light-primary
{
color: #fff;
background: -webkit-linear-gradient(60deg, #7367f0 0%, #ce9ffc 100%);
background: -moz-linear-gradient(60deg, #7367f0 0%, #ce9ffc 100%);
background: -o-linear-gradient(60deg, #7367f0 0%, #ce9ffc 100%);
background: linear-gradient(30deg, #7367f0 0%, #ce9ffc 100%);
}
.gradient-light-primary:hover,
.gradient-light-primary:active
{
color: #fff;
}
.bg-gradient-secondary
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #b8c2cc, rgba(184, 194, 204, .5));
background-image: -moz-linear-gradient(60deg, #b8c2cc, rgba(184, 194, 204, .5));
background-image: -o-linear-gradient(60deg, #b8c2cc, rgba(184, 194, 204, .5));
background-image: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, .5));
background-repeat: repeat-x;
}
.bg-gradient-secondary:hover,
.bg-gradient-secondary:active
{
color: #fff;
}
.gradient-light-secondary
{
color: #fff;
background: -webkit-linear-gradient(60deg, #b8c2cc 0%, #dcdeec 100%);
background: -moz-linear-gradient(60deg, #b8c2cc 0%, #dcdeec 100%);
background: -o-linear-gradient(60deg, #b8c2cc 0%, #dcdeec 100%);
background: linear-gradient(30deg, #b8c2cc 0%, #dcdeec 100%);
}
.gradient-light-secondary:hover,
.gradient-light-secondary:active
{
color: #fff;
}
.bg-gradient-success
{
color: #fff;
background: #0064fa;
background-image: -webkit-linear-gradient(60deg, #28c76f, rgba(40, 199, 111, .5));
background-image: -moz-linear-gradient(60deg, #28c76f, rgba(40, 199, 111, .5));
background-image: -o-linear-gradient(60deg, #28c76f, rgba(40, 199, 111, .5));
background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, .5));
background-repeat: repeat-x;
}
.bg-gradient-success:hover,
.bg-gradient-success:active
{
color: #fff;
}
.gradient-light-success
{
color: #fff;
background: -webkit-linear-gradient(60deg, #28c76f 0%, #4ae9d3 100%);
background: -moz-linear-gradient(60deg, #28c76f 0%, #4ae9d3 100%);
background: -o-linear-gradient(60deg, #28c76f 0%, #4ae9d3 100%);
background: linear-gradient(30deg, #28c76f 0%, #4ae9d3 100%);
}
.gradient-light-success:hover,
.gradient-light-success:active
{
color: #fff;
}
.bg-gradient-info
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #00cfe8, rgba(0, 207, 232, .5));
background-image: -moz-linear-gradient(60deg, #00cfe8, rgba(0, 207, 232, .5));
background-image: -o-linear-gradient(60deg, #00cfe8, rgba(0, 207, 232, .5));
background-image: linear-gradient(30deg, #00cfe8, rgba(0, 207, 232, .5));
background-repeat: repeat-x;
}
.bg-gradient-info:hover,
.bg-gradient-info:active
{
color: #fff;
}
.gradient-light-info
{
color: #fff;
background: -webkit-linear-gradient(60deg, #00cfe8 0%, #2d91ff 100%);
background: -moz-linear-gradient(60deg, #00cfe8 0%, #2d91ff 100%);
background: -o-linear-gradient(60deg, #00cfe8 0%, #2d91ff 100%);
background: linear-gradient(30deg, #00cfe8 0%, #2d91ff 100%);
}
.gradient-light-info:hover,
.gradient-light-info:active
{
color: #fff;
}
.bg-gradient-warning
{
color: #fff;
background: #fafafa;
background-image: -webkit-linear-gradient(60deg, #ff9f43, rgba(255, 159, 67, .5));
background-image: -moz-linear-gradient(60deg, #ff9f43, rgba(255, 159, 67, .5));
background-image: -o-linear-gradient(60deg, #ff9f43, rgba(255, 159, 67, .5));
background-image: linear-gradient(30deg, #ff9f43, rgba(255, 159, 67, .5));
background-repeat: repeat-x;
}
.bg-gradient-warning:hover,
.bg-gradient-warning:active
{
color: #fff;
}
.gradient-light-warning
{
color: #fff;
background: -webkit-linear-gradient(60deg, #ff9f43 0%, #fff487 100%);
background: -moz-linear-gradient(60deg, #ff9f43 0%, #fff487 100%);
background: -o-linear-gradient(60deg, #ff9f43 0%, #fff487 100%);
background: linear-gradient(30deg, #ff9f43 0%, #fff487 100%);
}
.gradient-light-warning:hover,
.gradient-light-warning:active
{
color: #fff;
}
.bg-gradient-danger
{
color: #fff;
background: #640064;
background-image: -webkit-linear-gradient(60deg, #ea5455, rgba(234, 84, 85, .5));
background-image: -moz-linear-gradient(60deg, #ea5455, rgba(234, 84, 85, .5));
background-image: -o-linear-gradient(60deg, #ea5455, rgba(234, 84, 85, .5));
background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, .5));
background-repeat: repeat-x;
}
.bg-gradient-danger:hover,
.bg-gradient-danger:active
{
color: #fff;
}
.gradient-light-danger
{
color: #fff;
background: -webkit-linear-gradient(60deg, #ea5455 0%, #f9b789 100%);
background: -moz-linear-gradient(60deg, #ea5455 0%, #f9b789 100%);
background: -o-linear-gradient(60deg, #ea5455 0%, #f9b789 100%);
background: linear-gradient(30deg, #ea5455 0%, #f9b789 100%);
}
.gradient-light-danger:hover,
.gradient-light-danger:active
{
color: #fff;
}
wwwjuba/app-assets/css/core/colors/palette-gradient.min.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
wwwjuba/app-assets/css/core/colors/palette-noui.css
+209
View File
@@ -0,0 +1,209 @@
.slider-white .noUi-connect
{
background: #fff !important;
}
.slider-white.noUi-connect
{
background: #fff !important;
}
.slider-white .noUi-handle
{
border-color: #fff !important;
}
.slider-white.circle-filled .noUi-handle,
.slider-white.square .noUi-handle
{
background: #fff !important;
}
.slider-black .noUi-connect
{
background: #000 !important;
}
.slider-black.noUi-connect
{
background: #000 !important;
}
.slider-black .noUi-handle
{
border-color: #000 !important;
}
.slider-black.circle-filled .noUi-handle,
.slider-black.square .noUi-handle
{
background: #000 !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;
}
wwwjuba/app-assets/css/core/colors/palette-noui.min.css
Vendored
+1
View File
@@ -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}
wwwjuba/app-assets/css/core/colors/palette-variables.css
View File
wwwjuba/app-assets/css/core/colors/palette-variables.min.css
Vendored
View File
wwwjuba/app-assets/css/core/menu/menu-types/vertical-menu.css
+764
View File
@@ -0,0 +1,764 @@
/*=========================================================================================
File Name: vertical-menu-modern.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: Vuesax HTML Admin Template
Version: 1.1
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;
float: left;
margin-right: 1rem;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i
{
font-size: .8rem;
margin-right: 1.38rem;
}
body.vertical-layout.vertical-menu-modern .toggle-icon
{
margin-right: .425rem;
}
@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: .4s cubic-bezier(.25, .8, .25, 1);
-moz-transition: .4s cubic-bezier(.25, .8, .25, 1);
-o-transition: .4s cubic-bezier(.25, .8, .25, 1);
transition: .4s cubic-bezier(.25, .8, .25, 1);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-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: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
animation: .3s cubic-bezier(.25, .8, .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
{
float: left;
margin-right: 1rem;
}
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: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
animation: .3s cubic-bezier(.25, .8, .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
{
font-family: 'FontAwesome';
font-size: 1.1rem;
position: absolute;
top: 10px;
right: 25px;
display: inline-block;
content: '\f105';
transition: -webkit-transform .2s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-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
{
z-index: 1000;
width: 260px;
}
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: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .navbar-brand .brand-text
{
-webkit-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
animation: .3s cubic-bezier(.25, .8, .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;
-moz-transition: 300ms ease all;
-o-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
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
{
color: #565656;
background: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
}
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
{
font-size: 1.2rem;
display: block;
}
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: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
animation: .3s cubic-bezier(.25, .8, .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
{
float: left;
margin-right: 1rem;
}
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: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-moz-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
-o-animation: .3s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadein;
animation: .3s cubic-bezier(.25, .8, .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
{
font-family: 'FontAwesome';
font-size: 1rem;
position: absolute;
top: 10px;
right: 25px;
display: inline-block;
content: '\f105';
transition: -webkit-transform .2s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-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 .app-content .header-navbar.floating-nav
{
width: -webkit-calc(100% - 4.4rem - 80px);
width: -moz-calc(100% - 4.4rem - 80px);
width: calc(100% - 4.4rem - 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;
}
[data-textdirection='rtl'] body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a
{
padding: 14px 16px !important;
}
[data-textdirection='rtl'] body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header .icon-minus
{
padding: 12px 0;
}
@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;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > span
{
-webkit-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-moz-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
-o-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
animation: .1s cubic-bezier(.25, .8, .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-overlay-menu .app-content .header-navbar.floating-nav
{
width: -webkit-calc(100% - 4.4rem);
width: -moz-calc(100% - 4.4rem);
width: calc(100% - 4.4rem);
}
}
@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;
}
}
@-moz-keyframes fadein
{
from
{
opacity: 0;
}
to
{
opacity: 1;
}
}
@-o-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;
}
}
@-moz-keyframes fadeout
{
from
{
opacity: 1;
}
to
{
opacity: 0;
}
}
@-o-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;
-moz-animation: none;
-o-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: Vuesax HTML Admin Template
Version: 1.1
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 .main-menu,
.vertical-overlay-menu.menu-hide .main-menu
{
left: -260px;
width: 260px;
-webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
-moz-transition: width .25s,opacity .25s,transform .25s,-moz-transform .25s;
-o-transition: width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
}
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus
{
display: none;
}
.vertical-overlay-menu .main-menu .navigation > li > a > i
{
float: left;
margin-right: 14px;
}
.vertical-overlay-menu .main-menu .navigation > li > a > i:before
{
font-size: 1.429rem;
-webkit-transition: 200ms ease all;
-moz-transition: 200ms ease all;
-o-transition: 200ms ease all;
transition: 200ms ease all;
}
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after
{
font-family: 'FontAwesome';
font-size: 1rem;
position: absolute;
top: 10px;
right: 25px;
display: inline-block;
content: '\f105';
transition: -webkit-transform .2s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.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
{
-webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
-moz-transition: width .25s,opacity .25s,transform .25s,-moz-transform .25s;
-o-transition: width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
opacity: 1;
}
.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);
-moz-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;
}
}
wwwjuba/app-assets/css/core/menu/menu-types/vertical-menu.min.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
wwwjuba/app-assets/css/core/menu/menu-types/vertical-overlay-menu.css
+146
View File
@@ -0,0 +1,146 @@
/*=========================================================================================
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: Vuesax HTML Admin Template
Version: 1.1
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 .main-menu,
.vertical-overlay-menu.menu-hide .main-menu
{
left: -260px;
width: 260px;
-webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
-moz-transition: width .25s,opacity .25s,transform .25s,-moz-transform .25s;
-o-transition: width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
}
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus
{
display: none;
}
.vertical-overlay-menu .main-menu .navigation > li > a > i
{
float: left;
margin-right: 14px;
}
.vertical-overlay-menu .main-menu .navigation > li > a > i:before
{
font-size: 1.429rem;
-webkit-transition: 200ms ease all;
-moz-transition: 200ms ease all;
-o-transition: 200ms ease all;
transition: 200ms ease all;
}
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after
{
font-family: 'FontAwesome';
font-size: 1rem;
position: absolute;
top: 10px;
right: 25px;
display: inline-block;
content: '\f105';
transition: -webkit-transform .2s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.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
{
-webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
-moz-transition: width .25s,opacity .25s,transform .25s,-moz-transform .25s;
-o-transition: width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
opacity: 1;
}
.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);
-moz-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;
}
}
wwwjuba/app-assets/css/core/menu/menu-types/vertical-overlay-menu.min.css
Vendored
+1
View File
@@ -0,0 +1 @@
.vertical-overlay-menu .content{margin-left:0}.vertical-overlay-menu .navbar .navbar-header{float:left;width:260px}.vertical-overlay-menu .main-menu,.vertical-overlay-menu.menu-hide .main-menu{left:-260px;width:260px;-webkit-transition:width .25s,opacity .25s,-webkit-transform .25s;-moz-transition:width .25s,opacity .25s,transform .25s,-moz-transform .25s;-o-transition:width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus{display:none}.vertical-overlay-menu .main-menu .navigation>li>a>i{float:left;margin-right:14px}.vertical-overlay-menu .main-menu .navigation>li>a>i:before{font-size:1.429rem;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}.vertical-overlay-menu .main-menu .navigation li.has-sub>a:not(.mm-next):after{font-family:FontAwesome;font-size:1rem;position:absolute;top:10px;right:25px;display:inline-block;content:'\f105';transition:-webkit-transform .2s ease-in-out;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.vertical-overlay-menu .main-menu .navigation li.open>a:not(.mm-next):after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vertical-overlay-menu .main-menu .main-menu-footer{bottom:55px;width:260px}.vertical-overlay-menu.menu-open .main-menu{-webkit-transition:width .25s,opacity .25s,-webkit-transform .25s;-moz-transition:width .25s,opacity .25s,transform .25s,-moz-transform .25s;-o-transition:width .25s,opacity .25s,-o-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,-moz-transform .25s,-o-transform .25s;-webkit-transform:translate3d(260px,0,0);-moz-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0);opacity:1}.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);-moz-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}}
wwwjuba/app-assets/css/core/mixins/alert.css
View File
wwwjuba/app-assets/css/core/mixins/alert.min.css
Vendored
View File
wwwjuba/app-assets/css/core/mixins/hex2rgb.css
View File
wwwjuba/app-assets/css/core/mixins/hex2rgb.min.css
Vendored
View File
wwwjuba/app-assets/css/core/mixins/main-menu-mixin.css
View File
wwwjuba/app-assets/css/core/mixins/main-menu-mixin.min.css
Vendored
View File
wwwjuba/app-assets/css/core/mixins/transitions.css
View File
wwwjuba/app-assets/css/core/mixins/transitions.min.css
Vendored
View File