Revision 57602
Added by Konstantinos Triantafyllou over 4 years ago
| dashboard-custom.css | ||
|---|---|---|
| 7 | 7 |
--header-height: 70px; |
| 8 | 8 |
*/ |
| 9 | 9 |
|
| 10 |
/* Global css*/ |
|
| 10 | 11 |
|
| 12 |
html .dashboard {
|
|
| 13 |
color: black; |
|
| 14 |
} |
|
| 15 |
|
|
| 11 | 16 |
/* On link hover, his items with this class will be displayed*/ |
| 12 | 17 |
.dashboard li>a .onHover {
|
| 13 | 18 |
display: none; |
| ... | ... | |
| 16 | 21 |
.dashboard li>a:hover .onHover {
|
| 17 | 22 |
display: block; |
| 18 | 23 |
} |
| 19 |
/*---*/ |
|
| 20 | 24 |
|
| 21 |
|
|
| 22 | 25 |
/* Custom width of sidebar, change var: sidebar-width*/ |
| 23 | 26 |
.dashboard #sidebar_main {
|
| 24 | 27 |
width: var(--sidebar-width); |
| ... | ... | |
| 31 | 34 |
transform: translate3d(0,0,0); |
| 32 | 35 |
} |
| 33 | 36 |
|
| 37 |
.dashboard #sidebar_main .sidebar_main_header {
|
|
| 38 |
color: #000000; |
|
| 39 |
} |
|
| 40 |
|
|
| 34 | 41 |
.dashboard #sidebar_main .menu_section > ul > li > a {
|
| 35 | 42 |
font-weight: 700; |
| 36 | 43 |
font-size: var(--sidebar-font-size); |
| 37 |
color: rgba(0, 0, 0, 0.70);
|
|
| 44 |
color: rgba(0, 0, 0, 0.7); |
|
| 38 | 45 |
} |
| 39 | 46 |
|
| 40 | 47 |
.dashboard #sidebar_main .menu_section > ul > li ul a {
|
| 41 | 48 |
font-size: var(--sidebar-font-size); |
| 42 |
color: rgba(0, 0, 0, 0.70);
|
|
| 49 |
color: rgba(0, 0, 0, 0.7); |
|
| 43 | 50 |
} |
| 44 | 51 |
|
| 45 | 52 |
@media only screen and (min-width: 1220px) {
|
| ... | ... | |
| 49 | 56 |
margin-left: var(--sidebar-width); |
| 50 | 57 |
} |
| 51 | 58 |
} |
| 59 |
|
|
| 52 | 60 |
/* Custom height of header, change var: header-height*/ |
| 53 | 61 |
body.dashboard {
|
| 54 | 62 |
padding-top: var(--header-height); |
| ... | ... | |
| 57 | 65 |
.dashboard #header_main {
|
| 58 | 66 |
padding: calc((var(--header-height) - 48px)/2) 25px; |
| 59 | 67 |
} |
| 60 |
/*---*/ |
|
| 61 | 68 |
|
| 62 | 69 |
/* Custom card*/ |
| 63 |
.dashboard .md-card .md-card-toolbar-heading-text {
|
|
| 70 |
.dashboard .md-card .md-card-content {
|
|
| 71 |
color: rgba(0, 0, 0, 0.8); |
|
| 72 |
} |
|
| 73 |
|
|
| 74 |
.dashboard .md-card .md-card-toolbar .md-card-toolbar-actions {
|
|
| 75 |
color: rgba(0, 0, 0, 0.8); |
|
| 76 |
} |
|
| 77 |
|
|
| 78 |
.dashboard .md-card .md-card-toolbar .md-card-toolbar-heading-text {
|
|
| 64 | 79 |
font-weight: 700; |
| 65 | 80 |
} |
| 66 |
/*---*/ |
|
| 67 | 81 |
|
| 68 | 82 |
/* Breadcrumb*/ |
| 69 | 83 |
.dashboard #breadcrumbs {
|
| 70 | 84 |
background: inherit; |
| 71 | 85 |
} |
| 72 | 86 |
|
| 87 |
.dashboard #breadcrumbs > li a, |
|
| 88 |
.dashboard #breadcrumbs > li span {
|
|
| 89 |
color: rgba(0, 0, 0, 0.4); |
|
| 90 |
font-size: 12px; |
|
| 91 |
line-height: 20px; |
|
| 92 |
} |
|
| 93 |
|
|
| 94 |
.dashboard #breadcrumbs > li + li a:before, |
|
| 95 |
.dashboard #breadcrumbs > li + li span:before {
|
|
| 96 |
font-weight: 400 !important; |
|
| 97 |
margin-top: -9px; |
|
| 98 |
font-size: 16px; |
|
| 99 |
} |
|
| 100 |
|
|
| 73 | 101 |
/* Notification */ |
| 74 |
|
|
| 75 |
/*Remove the second close added by theme because it was used uikit 2*/ |
|
| 102 |
/* Remove the second close added by theme because it was used uikit 2*/ |
|
| 76 | 103 |
.dashboard .uk-close::after {content: '';}
|
| 77 | 104 |
|
| 78 |
/* Change z-index, because of sidebar and header z-index is larger that default */
|
|
| 105 |
/* Change z-index, because of sidebar and header z-index is bigger that default */
|
|
| 79 | 106 |
.dashboard .uk-notification {
|
| 80 | 107 |
z-index: 2000; |
| 81 | 108 |
} |
| 82 |
/*---*/ |
|
Also available in: Unified diff
[Monitor Dashboard]: customize breadcrumbs.