From f0107d61bfb7de34fe9018a510fc9cb58b25a70d Mon Sep 17 00:00:00 2001 From: TheRON Date: Sun, 7 Jun 2026 06:04:48 -0400 Subject: [PATCH] Initial push --- hubzilla/addon/vs01/view/css/civicnav.css | 56 +++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 hubzilla/addon/vs01/view/css/civicnav.css diff --git a/hubzilla/addon/vs01/view/css/civicnav.css b/hubzilla/addon/vs01/view/css/civicnav.css new file mode 100644 index 0000000..3bd0e5f --- /dev/null +++ b/hubzilla/addon/vs01/view/css/civicnav.css @@ -0,0 +1,56 @@ +/* --------------------------------------------------------------------------- + CIVICNAV — top-level section navigation + Renders above the institutional directory widget in the aside. + Uses ID-prefixed selector to beat the theme's #region_2 Georgia rule. + --------------------------------------------------------------------------- */ + +#region_2 .civicnav { + margin-bottom: var(--civicinfra-space-4); + padding-bottom: var(--civicinfra-space-4); + border-bottom: 1px solid var(--civicinfra-border); + font-family: var(--bs-font-sans-serif); +} + +.civicnav-list { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + gap: var(--civicinfra-space-1); +} + +.civicnav-item { + display: block; +} + +#region_2 .civicnav-link { + display: block; + padding: var(--civicinfra-space-2) var(--civicinfra-space-3); + font-family: var(--bs-font-sans-serif); + font-size: var(--civicinfra-fs-sm); + font-weight: 500; + color: var(--civicinfra-primary); + text-decoration: none; + border-radius: var(--civicinfra-radius); + transition: background-color var(--civicinfra-transition), + color var(--civicinfra-transition); +} + +#region_2 .civicnav-link:hover { + background: var(--civicinfra-surface); + color: var(--civicinfra-primary); + text-decoration: none; +} + +#region_2 .civicnav-item.civicnav-active .civicnav-current { + display: block; + padding: var(--civicinfra-space-2) var(--civicinfra-space-3); + font-family: var(--bs-font-sans-serif); + font-size: var(--civicinfra-fs-sm); + font-weight: 700; + color: var(--civicinfra-text); + background: var(--civicinfra-surface); + border-radius: var(--civicinfra-radius); + cursor: default; +}