Eric Loyd
75 lines
3.8 KiB
CSS
75 lines
3.8 KiB
CSS
/* ==========================================================================
|
|
1. SIDEBAR CANVAS: Unified Deep Space Background
|
|
========================================================================== */
|
|
/* Targets the primary sidebar structural container and its underlying list */
|
|
html body.parent div.parentpage div#leftnav,
|
|
html body.parent div.parentpage .leftnav-container,
|
|
html body.parent div.parentpage ul.navside {
|
|
background-color: #02040a !important;
|
|
/* Diagonal 45-degree gradient matches the sweep pattern of the top header */
|
|
background: linear-gradient(45deg,
|
|
#02040a 0%,
|
|
#060c1f 40%,
|
|
#0b1736 100%
|
|
) !important;
|
|
border-right: 1px solid #1e3a8a !important; /* Low-contrast sapphire right boundary */
|
|
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
2. CATEGORY HEADERS: Structural Menu Sections
|
|
========================================================================== */
|
|
/* Style rules for static section headers (e.g., "Views", "Dashboards", "System") */
|
|
html body.parent div.parentpage .menu-section-title,
|
|
html body.parent div.parentpage ul.navside li.navside-head {
|
|
color: #3b82f6 !important; /* Prominent observatory focus blue */
|
|
font-weight: 600 !important;
|
|
text-transform: uppercase !important;
|
|
letter-spacing: 0.5px !important;
|
|
border-bottom: 1px solid rgba(37, 99, 235, 0.15) !important;
|
|
padding-bottom: 4px !important;
|
|
margin-top: 12px !important;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
3. NAVIGATION LINKS: Base Typography & Spacing Continuity
|
|
========================================================================== */
|
|
/* Maps target rules for left-hand menu lists while locking the native font layout */
|
|
html body.parent div.parentpage ul.navside li a,
|
|
html body.parent div.parentpage .leftnav-container ul li a {
|
|
display: block !important;
|
|
color: #cbd5e1 !important; /* Clean slate-white match with top navigation */
|
|
text-decoration: none !important;
|
|
/* Custom cubic-bezier ensures uniform physics curves with top header changes */
|
|
transition: transform 0.15s cubic-bezier(0.25, 1, 0.5, 1), color 0.15s ease, background-color 0.15s ease !important;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
4. NAVIGATION INTERACTION: Responsive Left-Hand Menu Pop
|
|
========================================================================== */
|
|
/* Triggers a physical pop response when hovering over left nav elements */
|
|
html body.parent div.parentpage ul.navside li a:hover,
|
|
html body.parent div.parentpage .leftnav-container ul li a:hover {
|
|
color: #ffffff !important; /* Snaps text to clean white */
|
|
background-color: rgba(255, 255, 255, 0.04) !important; /* Low-opacity selection frame */
|
|
|
|
/* Horizontal push (+4px to the right) functions better in vertical menus than a vertical lift */
|
|
transform: translateX(4px) !important;
|
|
|
|
text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
5. MENU TREE UTILITIES: Expand/Collapse Arrow Tweaks
|
|
========================================================================== */
|
|
/* Adjusts standard navigation arrow structures to use the accent blue tint */
|
|
html body.parent div.parentpage ul.navside li i.fa-chevron-right,
|
|
html body.parent div.parentpage ul.navside li i.fa-chevron-down,
|
|
html body.parent div.parentpage .leftnav-container .fa-caret-right {
|
|
color: #1d4ed8 !important; /* Integrated sapphire blue arrow indicators */
|
|
transition: color 0.15s ease !important;
|
|
}
|
|
|
|
html body.parent div.parentpage ul.navside li a:hover i {
|
|
color: #60a5fa !important; /* Highlights arrows on active parent item hover */
|
|
} |