83 lines
1.8 KiB
CSS
83 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*/
|
|
.dashboard li>a .onHover {
|
|
display: none;
|
|
}
|
|
|
|
.dashboard li>a:hover .onHover {
|
|
display: block;
|
|
}
|
|
/*---*/
|
|
|
|
|
|
/* Custom width of sidebar, change var: sidebar-width*/
|
|
.dashboard #sidebar_main {
|
|
width: var(--sidebar-width);
|
|
-webkit-transform: translate3d(calc(-1 * var(--sidebar-width)),0,0);
|
|
transform: translate3d(calc(-1 * var(--sidebar-width)),0,0);
|
|
}
|
|
|
|
.dashboard .sidebar_main_active #sidebar_main {
|
|
-webkit-transform: translate3d(0,0,0);
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
|
|
.dashboard #sidebar_main .menu_section > ul > li > a {
|
|
font-weight: 700;
|
|
font-size: var(--sidebar-font-size);
|
|
color: rgba(0, 0, 0, 0.70);
|
|
}
|
|
|
|
.dashboard #sidebar_main .menu_section > ul > li ul a {
|
|
font-size: var(--sidebar-font-size);
|
|
color: rgba(0, 0, 0, 0.70);
|
|
}
|
|
|
|
@media only screen and (min-width: 1220px) {
|
|
.dashboard .sidebar_main_active #header_main,
|
|
.dashboard .sidebar_main_active #page_content,
|
|
.dashboard .sidebar_main_active #top_bar {
|
|
margin-left: var(--sidebar-width);
|
|
}
|
|
}
|
|
/* Custom height of header, change var: header-height*/
|
|
body.dashboard {
|
|
padding-top: var(--header-height);
|
|
}
|
|
|
|
.dashboard #header_main {
|
|
padding: calc((var(--header-height) - 48px)/2) 25px;
|
|
}
|
|
/*---*/
|
|
|
|
/* Custom card*/
|
|
.dashboard .md-card .md-card-toolbar-heading-text {
|
|
font-weight: 700;
|
|
}
|
|
/*---*/
|
|
|
|
/* Breadcrumb*/
|
|
.dashboard #breadcrumbs {
|
|
background: inherit;
|
|
}
|
|
|
|
/* Notification */
|
|
|
|
/*Remove the second close added by theme because it was used uikit 2*/
|
|
.dashboard .uk-close::after {content: '';}
|
|
|
|
/* Change z-index, because of sidebar and header z-index is larger that default */
|
|
.dashboard .uk-notification {
|
|
z-index: 2000;
|
|
}
|
|
/*---*/
|