diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index 50153e0..36f3655 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -120,37 +120,34 @@
width: 220px;
max-height: calc(100vh - 4rem);
overflow-y: auto;
- background: linear-gradient(to bottom, #fafafa 0%, #f8f8f8 100%);
- border: 1px solid #ddd;
- border-radius: 2px;
- padding: 1.25rem;
+ background: transparent;
+ padding: 0;
font-size: 0.8rem;
line-height: 1.5;
- box-shadow: 0 2px 8px rgba(0,0,0,0.08);
z-index: 100;
}
.nav-sidebar::-webkit-scrollbar {
- width: 6px;
+ width: 4px;
}
.nav-sidebar::-webkit-scrollbar-track {
- background: #f0f0f0;
+ background: transparent;
}
.nav-sidebar::-webkit-scrollbar-thumb {
- background: #ccc;
- border-radius: 3px;
+ background: #ddd;
+ border-radius: 2px;
}
.nav-sidebar h3 {
- font-size: 0.9rem;
+ font-size: 0.85rem;
font-weight: 600;
font-style: italic;
- margin: 0 0 0.75rem 0;
- padding-bottom: 0.5rem;
- border-bottom: 1px solid #ddd;
- color: #333;
+ margin: 0 0 0.5rem 0;
+ padding-bottom: 0.4rem;
+ border-bottom: 1px solid #eee;
+ color: #555;
}
.nav-sidebar ul {
@@ -164,26 +161,21 @@
}
.nav-sidebar a {
- color: #555;
+ color: #666;
text-decoration: none;
border-bottom: none;
display: block;
- padding: 0.25rem 0.5rem;
- border-radius: 2px;
- transition: all 0.2s;
+ padding: 0.2rem 0;
+ transition: color 0.2s;
}
.nav-sidebar a:hover {
color: #000;
- background: rgba(0,0,0,0.05);
}
.nav-sidebar a.current {
color: #000;
- background: rgba(0,0,0,0.08);
font-weight: 600;
- border-left: 3px solid #333;
- padding-left: 0.75rem;
}
.nav-sidebar .testament-section {
@@ -204,18 +196,21 @@
}
.nav-sidebar .context-path {
- background: #f0f0f0;
- padding: 0.75rem;
+ background: transparent;
+ padding: 0 0 0.75rem 0;
margin-bottom: 1rem;
- border-left: 3px solid #666;
- font-size: 0.8rem;
- line-height: 1.8;
- color: #555;
+ border-left: 2px solid #ccc;
+ padding-left: 0.5rem;
+ font-size: 0.75rem;
+ line-height: 1.6;
+ color: #666;
+ font-style: italic;
}
.nav-sidebar .context-path strong {
- color: #000;
+ color: #333;
font-weight: 600;
+ font-style: normal;
}
/* Hide sidebar on smaller screens */