Devesh
568c04f7c1
* docs: reorganize sidebar navigation and clean up install pages` * feat: enhance index hero styling and update features documentation * docs: update installation guides and enhance table styling * docs: enhance investigation documentation and improve interactive shell descriptions * Update documentation for API, community giveaway, CloudOpsBench, deployment, FAQ, PR review flow, and Python API * Update documentation for background investigations, closed-loop learning, cron scheduling, and integrations overview * Introducing structured flow for the documentation * docs: update integration documentation for various services --------- Co-authored-by: Vaibhav Upreti <vaibhav.upreti16@gmail.com> Co-authored-by: Cursor <cursoragent@cursor.com>
168 lines
5.1 KiB
CSS
168 lines
5.1 KiB
CSS
/* Sidebar hierarchy: muted uppercase group labels + quiet page links. */
|
|
|
|
:root {
|
|
--opensre-sidebar-muted: #737373;
|
|
--opensre-sidebar-link: #a3a3a3;
|
|
--opensre-sidebar-link-hover: #e5e5e5;
|
|
--opensre-sidebar-active-bg: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
:root:not(.dark) {
|
|
--opensre-sidebar-muted: #a3a3a3;
|
|
--opensre-sidebar-link: #525252;
|
|
--opensre-sidebar-link-hover: #171717;
|
|
--opensre-sidebar-active-bg: rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
/* Group headers — OpenClaw-style section labels */
|
|
#sidebar .sidebar-group-header,
|
|
#sidebar .sidebar-group-header h5,
|
|
#sidebar [class*="sidebar-group-header"],
|
|
#sidebar [class*="SidebarGroup"] > :first-child,
|
|
#navigation-items .sidebar-group-header,
|
|
#navigation-items .sidebar-group-header h5,
|
|
#navigation-items [class*="sidebar-group-header"] {
|
|
font-family: "Britti Sans Trial", sans-serif !important;
|
|
font-size: 11px !important;
|
|
font-weight: 600 !important;
|
|
letter-spacing: 0.08em !important;
|
|
text-transform: uppercase !important;
|
|
line-height: 1.4 !important;
|
|
color: var(--opensre-sidebar-muted) !important;
|
|
margin-top: 1.25rem !important;
|
|
margin-bottom: 0.35rem !important;
|
|
padding-top: 0.25rem !important;
|
|
}
|
|
|
|
/* First group needs less top margin */
|
|
#sidebar .sidebar-group:first-child .sidebar-group-header,
|
|
#sidebar nav > .sidebar-group:first-child .sidebar-group-header,
|
|
#navigation-items .sidebar-group:first-child .sidebar-group-header {
|
|
margin-top: 0.25rem !important;
|
|
}
|
|
|
|
/* Page links under groups */
|
|
#sidebar a:not([href*="sign-up"]),
|
|
#navigation-items a:not([href*="sign-up"]) {
|
|
font-family: "Britti Sans Trial", sans-serif !important;
|
|
font-size: 14px !important;
|
|
font-weight: 400 !important;
|
|
letter-spacing: normal !important;
|
|
color: var(--opensre-sidebar-link) !important;
|
|
border-radius: 0.375rem !important;
|
|
}
|
|
|
|
#sidebar a:not([href*="sign-up"]):hover,
|
|
#navigation-items a:not([href*="sign-up"]):hover {
|
|
color: var(--opensre-sidebar-link-hover) !important;
|
|
}
|
|
|
|
/* Active page: readable highlight (keep Mintlify pill, clarify contrast) */
|
|
#sidebar a[aria-current="page"],
|
|
#sidebar a[data-active="true"],
|
|
#sidebar [data-active="true"] > a,
|
|
#sidebar li[data-active="true"] > a,
|
|
#sidebar a.active,
|
|
#navigation-items a[aria-current="page"],
|
|
#navigation-items a[data-active="true"],
|
|
#navigation-items [data-active="true"] > a,
|
|
#navigation-items li[data-active="true"] > a,
|
|
#navigation-items a.active {
|
|
color: #ffffff !important;
|
|
background: var(--opensre-sidebar-active-bg) !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
:root:not(.dark) #sidebar a[aria-current="page"],
|
|
:root:not(.dark) #sidebar a[data-active="true"],
|
|
:root:not(.dark) #sidebar [data-active="true"] > a,
|
|
:root:not(.dark) #sidebar li[data-active="true"] > a,
|
|
:root:not(.dark) #sidebar a.active,
|
|
:root:not(.dark) #navigation-items a[aria-current="page"],
|
|
:root:not(.dark) #navigation-items a[data-active="true"],
|
|
:root:not(.dark) #navigation-items [data-active="true"] > a,
|
|
:root:not(.dark) #navigation-items li[data-active="true"] > a,
|
|
:root:not(.dark) #navigation-items a.active {
|
|
color: #171717 !important;
|
|
}
|
|
|
|
/* Tracer mark sizing when used as a tab icon */
|
|
header img[src*="Tracer-Head-Black.png"],
|
|
header img[src*="Tracer-Head-White.png"],
|
|
nav img[src*="Tracer-Head-Black.png"],
|
|
nav img[src*="Tracer-Head-White.png"] {
|
|
width: 1rem !important;
|
|
height: 1rem !important;
|
|
object-fit: contain !important;
|
|
}
|
|
|
|
html.dark img[src*="Tracer-Head-Black.png"] {
|
|
filter: brightness(0) invert(1) !important;
|
|
}
|
|
|
|
/* Right sidebar ("On this page") alignment */
|
|
.toc-custom-actions {
|
|
margin-top: 0.75rem;
|
|
padding-top: 0.75rem;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
html.dark .toc-custom-actions {
|
|
border-top-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.toc-custom-action {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
padding-left: 0.25rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.75rem;
|
|
color: inherit;
|
|
}
|
|
|
|
.toc-custom-action span {
|
|
display: inline-block;
|
|
}
|
|
|
|
#table-of-contents-content,
|
|
[data-testid="table-of-contents"],
|
|
nav[aria-label*="Table of contents"],
|
|
[class*="table-of-contents"] {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
#table-of-contents-content ul,
|
|
[data-testid="table-of-contents"] ul,
|
|
nav[aria-label*="Table of contents"] ul,
|
|
[class*="table-of-contents"] ul {
|
|
padding-left: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
#table-of-contents-content a,
|
|
[data-testid="table-of-contents"] a,
|
|
nav[aria-label*="Table of contents"] a,
|
|
[class*="table-of-contents"] a {
|
|
padding-left: 0.25rem !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
[class*="right-sidebar"] #table-of-contents-content,
|
|
[class*="right-sidebar"] [data-testid="table-of-contents"],
|
|
[class*="right-sidebar"] nav[aria-label*="Table of contents"],
|
|
[class*="right-sidebar"] [class*="table-of-contents"] {
|
|
text-align: left !important;
|
|
align-items: flex-start !important;
|
|
justify-content: flex-start !important;
|
|
}
|
|
|
|
[class*="right-sidebar"] #table-of-contents-content a,
|
|
[class*="right-sidebar"] [data-testid="table-of-contents"] a,
|
|
[class*="right-sidebar"] nav[aria-label*="Table of contents"] a,
|
|
[class*="right-sidebar"] [class*="table-of-contents"] a {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
text-align: left !important;
|
|
}
|