80 lines
1.8 KiB
CSS
80 lines
1.8 KiB
CSS
/*
|
|
Define the following variables on your project css file.
|
|
|
|
--sidebar-width: 320px;
|
|
--sidebar-font-size: 16px;
|
|
|
|
--header-height: 70px;
|
|
*/
|
|
|
|
|
|
/* On link hover, his items with this class will be displayed*/
|
|
li>a .onHover {
|
|
display: none;
|
|
}
|
|
|
|
li>a:hover .onHover {
|
|
display: block;
|
|
}
|
|
/*---*/
|
|
|
|
|
|
/* Custom width of sidebar, change var: sidebar-width*/
|
|
#sidebar_main {
|
|
width: var(--sidebar-width) !important;
|
|
-webkit-transform: translate3d(calc(-1 * var(--sidebar-width)),0,0) !important;
|
|
transform: translate3d(calc(-1 * var(--sidebar-width)),0,0) !important;
|
|
}
|
|
|
|
.sidebar_main_active #sidebar_main {
|
|
-webkit-transform: translate3d(0,0,0) !important;
|
|
transform: translate3d(0,0,0) !important;
|
|
}
|
|
|
|
#sidebar_main .menu_section > ul > li > a {
|
|
font-weight: 700 !important;
|
|
font-size: var(--sidebar-font-size) !important;
|
|
}
|
|
|
|
#sidebar_main .menu_section > ul > li ul a {
|
|
font-size: var(--sidebar-font-size) !important;
|
|
}
|
|
|
|
@media only screen and (min-width: 1220px) {
|
|
.sidebar_main_active #header_main, .sidebar_main_active #page_content, .sidebar_main_active #top_bar {
|
|
margin-left: var(--sidebar-width) !important;
|
|
}
|
|
}
|
|
/* Custom height of header, change var: header-height*/
|
|
body {
|
|
padding-top: var(--header-height) !important;
|
|
}
|
|
|
|
#header_main {
|
|
padding: calc((var(--header-height) - 48px)/2) 25px !important;
|
|
}
|
|
/*---*/
|
|
|
|
/* Custom card*/
|
|
.md-card .md-card-toolbar-heading-text {
|
|
font-weight: 700 !important;
|
|
}
|
|
/*---*/
|
|
|
|
/* Breadcrumb*/
|
|
#breadcrumbs {
|
|
background: inherit !important;
|
|
}
|
|
|
|
|
|
/* Notification */
|
|
|
|
/*Remove the second close added by theme because it was used uikit 2*/
|
|
.uk-close::after {content: '' !important;}
|
|
|
|
/* Change z-index, because of sidebar and header z-index is larger that default */
|
|
.uk-notification {
|
|
z-index: 2000 !important;
|
|
}
|
|
/*---*/
|