2022-12-20 11:21:31 +00:00
|
|
|
body {
|
|
|
|
counter-reset: toplist;
|
|
|
|
font-size: .875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Sidebar */
|
|
|
|
.sidebar {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 100;
|
|
|
|
padding: 48px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 767.98px) {
|
|
|
|
.sidebar {
|
|
|
|
top: 4rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-sticky {
|
|
|
|
height: calc(100vh - 48px);
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar .nav-link {
|
|
|
|
font-weight: 500;
|
|
|
|
color: #333;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar .nav-link {
|
|
|
|
margin-right: 4px;
|
|
|
|
color: #727272;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar .nav-link.active {
|
|
|
|
color: #2470dc;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar .nav-link:hover,
|
|
|
|
.sidebar .nav-link.active {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-heading {
|
|
|
|
font-size: .75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Navbar */
|
|
|
|
.navbar-brand {
|
|
|
|
padding-top: .75rem;
|
|
|
|
padding-bottom: .75rem;
|
|
|
|
background-color: rgba(0, 0, 0, .25);
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar .navbar-toggler {
|
|
|
|
top: .25rem;
|
|
|
|
right: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar .form-control {
|
|
|
|
padding: .75rem 1rem;
|
|
|
|
}
|
|
|
|
|
2022-12-20 12:26:32 +00:00
|
|
|
/* Footer */
|
|
|
|
footer {
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
|
|
|
background-color: var(--bs-gray-100);
|
|
|
|
}
|
|
|
|
|
2022-12-20 11:21:31 +00:00
|
|
|
/* custom */
|
|
|
|
ul.list-top > li::before {
|
|
|
|
counter-increment: toplist;
|
|
|
|
content: "# " counter(toplist) ": ";
|
|
|
|
}
|