190 lines
3.8 KiB
SCSS
190 lines
3.8 KiB
SCSS
// Theme settings.
|
|
/*******************
|
|
Fixed -sidebar
|
|
******************/
|
|
|
|
.fixed-sidebar{
|
|
.left-sidebar, .navbar-header{
|
|
position: fixed;
|
|
}
|
|
.navbar-collapse{
|
|
margin-left: 220px;
|
|
}
|
|
&.mini-sidebar{
|
|
.navbar-collapse, .footer{
|
|
margin-left: 70px;
|
|
}
|
|
|
|
}
|
|
}
|
|
@media(max-width:767px) {
|
|
.fixed-sidebar.mini-sidebar {
|
|
.navbar-header{
|
|
position: relative;
|
|
}
|
|
.navbar-collapse{
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
}
|
|
/*******************
|
|
Fixed -Header
|
|
******************/
|
|
.fixed-header{
|
|
.topbar{
|
|
position: fixed;
|
|
width: 100%;
|
|
}
|
|
.page-wrapper{
|
|
padding-top: 67px;
|
|
}
|
|
}
|
|
.fixed-layout{
|
|
.left-sidebar, .topbar{
|
|
position: fixed;
|
|
}
|
|
.topbar{
|
|
width: 100%;
|
|
}
|
|
.page-wrapper{
|
|
padding-top: 67px;
|
|
}
|
|
}
|
|
|
|
/*******************
|
|
Boxed
|
|
******************/
|
|
.boxed #main-wrapper {
|
|
width: 100%;
|
|
max-width: 1300px;
|
|
margin: 0 auto;
|
|
box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
|
|
.sidebar-footer {
|
|
position: absolute;
|
|
}
|
|
.topbar{
|
|
max-width: 1300px;
|
|
}
|
|
.footer {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*******************
|
|
Single Column
|
|
******************/
|
|
.single-column {
|
|
.left-sidebar {
|
|
display: none;
|
|
}
|
|
.page-wrapper {
|
|
margin-left: 0px!important;
|
|
}
|
|
}
|
|
/*******************
|
|
Mini sidebar
|
|
******************/
|
|
@media(min-width:768px) {
|
|
.mini-sidebar {
|
|
.top-navbar {
|
|
.navbar-header {
|
|
width: 70px;
|
|
text-align: center;
|
|
flex-shrink: 0;
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
.page-wrapper, .footer {
|
|
margin-left: 70px;
|
|
}
|
|
/*Sidebar*/
|
|
.left-sidebar{
|
|
width: 70px;
|
|
}
|
|
|
|
.scroll-sidebar {
|
|
padding-bottom: 0px;
|
|
position: absolute;
|
|
height: calc(100vh - 70px);
|
|
.u-dropdown{
|
|
display: none;
|
|
}
|
|
}
|
|
.sidebar-nav{
|
|
background: transparent;
|
|
#sidebarnav{
|
|
li{
|
|
position: relative;
|
|
}
|
|
|
|
> li > ul {
|
|
position: absolute;
|
|
left: 70px;
|
|
top: 46px;
|
|
width: 220px;
|
|
padding-bottom: 10px;
|
|
z-index: 1001;
|
|
background: $sidebar-alt;
|
|
display: none;
|
|
padding-left: 1px;
|
|
}
|
|
> li:hover > ul {
|
|
height: auto !important;
|
|
overflow: auto;
|
|
}
|
|
> li > a {
|
|
width: 70px;
|
|
padding: 15px 15px 15px 25px;
|
|
}
|
|
.user-pro > a{
|
|
|
|
padding-left:18px;
|
|
|
|
}
|
|
> li:hover > a {
|
|
width: 290px;
|
|
background: $sidebar-alt;
|
|
.hide-menu {
|
|
display: inline;
|
|
}
|
|
.label {
|
|
display: none;
|
|
}
|
|
}
|
|
> li:hover > ul, > li:hover > ul.collapse {
|
|
display: block;
|
|
}
|
|
> li > a.has-arrow:after, .hide-menu, .nav-small-cap, .sidebar-footer, .user-profile .profile-text, >.label {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media(max-width:767px) {
|
|
.mini-sidebar {
|
|
.left-sidebar,
|
|
.sidebar-footer {
|
|
left: -220px;
|
|
}
|
|
&.show-sidebar {
|
|
.left-sidebar,
|
|
.sidebar-footer {
|
|
left: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/*******************
|
|
Logo center
|
|
******************/
|
|
.logo-center {
|
|
.top-navbar {
|
|
.navbar-header {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
} |