2019-11-12 16:55:37 +01:00
|
|
|
/*
|
|
|
|
Define the following variables on your project css file.
|
|
|
|
|
|
|
|
--sidebar-width: 320px;
|
|
|
|
--sidebar-font-size: 16px;
|
|
|
|
|
|
|
|
--header-height: 70px;
|
|
|
|
*/
|
|
|
|
|
2019-11-13 17:01:33 +01:00
|
|
|
/* Global css*/
|
|
|
|
|
|
|
|
html .dashboard {
|
|
|
|
color: black;
|
|
|
|
}
|
2019-11-12 16:55:37 +01:00
|
|
|
|
|
|
|
/* On link hover, his items with this class will be displayed*/
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard li>a .onHover {
|
2019-11-12 16:55:37 +01:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard li>a:hover .onHover {
|
2019-11-12 16:55:37 +01:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Custom width of sidebar, change var: sidebar-width*/
|
2019-11-13 15:19:04 +01:00
|
|
|
.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);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard .sidebar_main_active #sidebar_main {
|
|
|
|
-webkit-transform: translate3d(0,0,0);
|
|
|
|
transform: translate3d(0,0,0);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
2019-11-13 17:01:33 +01:00
|
|
|
.dashboard #sidebar_main .sidebar_main_header {
|
|
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard #sidebar_main .menu_section > ul > li > a {
|
|
|
|
font-weight: 700;
|
|
|
|
font-size: var(--sidebar-font-size);
|
2019-11-13 17:01:33 +01:00
|
|
|
color: rgba(0, 0, 0, 0.7);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard #sidebar_main .menu_section > ul > li ul a {
|
|
|
|
font-size: var(--sidebar-font-size);
|
2019-11-13 17:01:33 +01:00
|
|
|
color: rgba(0, 0, 0, 0.7);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1220px) {
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard .sidebar_main_active #header_main,
|
|
|
|
.dashboard .sidebar_main_active #page_content,
|
|
|
|
.dashboard .sidebar_main_active #top_bar {
|
|
|
|
margin-left: var(--sidebar-width);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
}
|
2019-11-13 17:01:33 +01:00
|
|
|
|
2019-11-12 16:55:37 +01:00
|
|
|
/* Custom height of header, change var: header-height*/
|
2019-11-13 15:19:04 +01:00
|
|
|
body.dashboard {
|
|
|
|
padding-top: var(--header-height);
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard #header_main {
|
|
|
|
padding: calc((var(--header-height) - 48px)/2) 25px;
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Custom card*/
|
2019-11-13 17:01:33 +01:00
|
|
|
.dashboard .md-card .md-card-content {
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.dashboard .md-card .md-card-toolbar .md-card-toolbar-actions {
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.dashboard .md-card .md-card-toolbar .md-card-toolbar-heading-text {
|
2019-11-13 15:19:04 +01:00
|
|
|
font-weight: 700;
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Breadcrumb*/
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard #breadcrumbs {
|
|
|
|
background: inherit;
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|
|
|
|
|
2019-11-13 17:01:33 +01:00
|
|
|
.dashboard #breadcrumbs > li a,
|
|
|
|
.dashboard #breadcrumbs > li span {
|
|
|
|
color: rgba(0, 0, 0, 0.4);
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
2019-11-12 16:55:37 +01:00
|
|
|
|
2019-11-13 17:01:33 +01:00
|
|
|
.dashboard #breadcrumbs > li + li a:before,
|
|
|
|
.dashboard #breadcrumbs > li + li span:before {
|
|
|
|
font-weight: 400 !important;
|
|
|
|
margin-top: -9px;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Notification */
|
|
|
|
/* Remove the second close added by theme because it was used uikit 2*/
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard .uk-close::after {content: '';}
|
2019-11-12 16:55:37 +01:00
|
|
|
|
2019-11-13 17:01:33 +01:00
|
|
|
/* Change z-index, because of sidebar and header z-index is bigger that default */
|
2019-11-13 15:19:04 +01:00
|
|
|
.dashboard .uk-notification {
|
|
|
|
z-index: 2000;
|
2019-11-12 16:55:37 +01:00
|
|
|
}
|