Blockchain_KM/app/static/css/style.css
2024-12-02 01:18:08 +08:00

76 lines
1.1 KiB
CSS

body {
padding-top: 56px;
}
.sidebar {
position: fixed;
top: 56px;
bottom: 0;
left: 0;
z-index: 100;
padding: 0;
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.sidebar .nav-link {
color: #333;
padding: 0.8rem 1rem;
font-weight: 500;
}
.sidebar .nav-link:hover {
background-color: #e9ecef;
}
.sidebar .nav-link.active {
color: #007bff;
background-color: #e9ecef;
}
main {
padding-top: 20px;
}
/* 關鍵字樣式 */
.keywords-container {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.keyword {
display: inline-block;
padding: 4px 12px;
background-color: #e9ecef;
border-radius: 4px;
font-size: 14px;
cursor: help;
}
.keyword:hover {
background-color: #dee2e6;
}
.tooltip-inner {
max-width: 300px;
padding: 8px 12px;
text-align: left;
}
@media (max-width: 767.98px) {
.sidebar {
position: static;
height: auto;
padding-top: 1rem;
}
main {
margin-left: 0 !important;
}
.navbar-toggler {
display: block;
}
}