142 lines
2.5 KiB
CSS
142 lines
2.5 KiB
CSS
:root {
|
|
--bb-header-color: #e0e0e0;
|
|
--bb-header-bg: #702cf8;
|
|
}
|
|
|
|
.layout {
|
|
--bb-layout-header-background: var(--bb-header-bg);
|
|
--bb-layout-sidebar-banner-background: var(--bb-header-bg);
|
|
--bb-layout-header-color: var(--bb-header-color);
|
|
--bb-layout-title-color: var(--bb-header-color);
|
|
}
|
|
|
|
.layout-header {
|
|
border-bottom: 1px solid var(--bs-border-color);
|
|
}
|
|
|
|
.layout-header .widget {
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.layout-banner {
|
|
border-bottom: 1px solid var(--bs-border-color);
|
|
}
|
|
|
|
.layout-banner .layout-logo {
|
|
border: 1px solid var(--bb-header-color);
|
|
}
|
|
|
|
.layout-side {
|
|
border-right: 1px solid var(--bs-border-color);
|
|
}
|
|
|
|
.layout-footer {
|
|
border-top: 1px solid var(--bs-border-color);
|
|
}
|
|
|
|
.dropdown-logout {
|
|
--bb-logout-text-color: var(--bb-header-color);
|
|
}
|
|
|
|
.logout-avatar {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.dropdown-user img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.layout-drawer {
|
|
padding: 6px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.widget {
|
|
--bb-widget-toggle-color: var(--bb-header-color);
|
|
}
|
|
|
|
.widget .dropdown-menu {
|
|
--bs-dropdown-min-width: 16rem;
|
|
}
|
|
|
|
.widget .dropdown-body h3 {
|
|
color: #666666;
|
|
font-size: 14px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.widget .dropdown-body h4 {
|
|
color: #444444;
|
|
font-size: 15px;
|
|
margin: 0;
|
|
}
|
|
|
|
.widget .dropdown-body small {
|
|
color: #999999;
|
|
font-size: 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.widget .dropdown-item {
|
|
padding: 0.5rem 1rem;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.widget .dropdown-item > div:not(.progress):last-child {
|
|
width: calc(100% - 40px);
|
|
}
|
|
|
|
.widget .dropdown-item.active,
|
|
.widget .dropdown-item:active {
|
|
color: inherit;
|
|
}
|
|
|
|
.widget .dropdown-item:not(:nth-of-type(odd)):active {
|
|
background-color: inherit;
|
|
}
|
|
|
|
.widget .progress {
|
|
height: 7px;
|
|
}
|
|
|
|
.table-cell img {
|
|
width: 46px;
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
|
|
.table-cell .progress {
|
|
height: 6px;
|
|
margin-top: .5rem;
|
|
}
|
|
|
|
.user-demo-address {
|
|
margin-top: .25rem;
|
|
font-size: 86%;
|
|
color: #c0c4cc;
|
|
}
|
|
|
|
.table-demo {
|
|
height: calc(100% - 56px);
|
|
}
|
|
|
|
.table-users-demo {
|
|
height: calc(100vh - 162px);
|
|
}
|
|
|
|
.table-users {
|
|
height: calc(100% - 93px);
|
|
}
|
|
|
|
.cell-label {
|
|
line-height: 35px;
|
|
}
|
|
|
|
.menu {
|
|
--bb-menu-active-color: #702cf8;
|
|
--bb-menu-bar-bg: #702cf8;
|
|
--bb-menu-item-hover-bg: #702cf8;
|
|
--bb-menu-item-hover-color: #fff;
|
|
}
|