94 lines
2.2 KiB
CSS
94 lines
2.2 KiB
CSS
|
@import "default.css";
|
||
|
|
||
|
/******************* CUSTOM CSS ********************/
|
||
|
|
||
|
.layout-fixed .wrapper .sidebar {
|
||
|
height: calc(100vh - 3.5rem - 1px);
|
||
|
background: radial-gradient(#061b29, black);
|
||
|
}
|
||
|
|
||
|
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
|
||
|
transition: margin-left .3s ease-in-out;
|
||
|
margin-left: 250px;
|
||
|
background: radial-gradient(#061b29, black);
|
||
|
}
|
||
|
|
||
|
[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
|
||
|
color: hsla(0,0%,100%,.8);
|
||
|
background: radial-gradient(#061b29, black);
|
||
|
}
|
||
|
|
||
|
.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
|
||
|
transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
|
||
|
color: #d3d3d3;
|
||
|
}
|
||
|
|
||
|
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
|
||
|
color: #fff;
|
||
|
background: radial-gradient(#1b4b61, #fd030300);
|
||
|
border-radius: 50px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.dark-mode .card {
|
||
|
background-color: #00000000;
|
||
|
color: #ffffff99;
|
||
|
border-width: 3px;
|
||
|
border-color: #f7f7f7;
|
||
|
border-style: double;
|
||
|
border-radius: 15px;
|
||
|
}
|
||
|
|
||
|
.btn-info {
|
||
|
color: #ffffff;
|
||
|
background-color: #b8171700;
|
||
|
border-color: #ffffff;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
|
||
|
.btn-warning {
|
||
|
color: #ffffff;
|
||
|
background-color: #ffc10700;
|
||
|
border-color: #ffffff;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
|
||
|
.card-title {
|
||
|
float: left;
|
||
|
font-size: 1.1rem;
|
||
|
font-weight: 400;
|
||
|
margin: 0;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.dark-mode .text-muted {
|
||
|
color: #ffffff99!important;
|
||
|
}
|
||
|
|
||
|
.dark-mode .list-group-item {
|
||
|
background-color: #343a4000;
|
||
|
border-color: #ffffff99;
|
||
|
}
|
||
|
|
||
|
.dark-mode .info-box {
|
||
|
background-color: #343a4000;
|
||
|
color: #fff;
|
||
|
border: 3px;
|
||
|
border-style: double;
|
||
|
border-radius: 15px;
|
||
|
border-color: white;
|
||
|
}
|
||
|
|
||
|
label:not(.form-check-label):not(.custom-file-label) {
|
||
|
font-weight: 700;
|
||
|
color: #ffffffc2;
|
||
|
}
|
||
|
|
||
|
.dark-mode .custom-control-label:before, .dark-mode .custom-file-label, .dark-mode .custom-file-label:after, .dark-mode .custom-select, .dark-mode .form-control, .dark-mode .input-group-text {
|
||
|
background-color: #007af400;
|
||
|
color: #828282;
|
||
|
}
|
||
|
|