eloyd/NWC2026-AstropotaPOD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial load

Browse Source
This commit is contained in:
Eric Loyd
2026-09-06 12:08:05 -04:00
commit 3c8d0674ef
25 changed files with 1763 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
left_gradient.css
+75
View File
@@ -0,0 +1,75 @@
/* ==========================================================================
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 */
}