mirror of
https://github.com/semantica-agi/semantica.git
synced 2026-08-30 04:40:16 +00:00
Mohd Kaif
25289023fe
- Fix What's new → link in Info banner (now a proper <a> tag, always clickable) - Replace 4-stat CardGroup on index with inline premium stats row - Convert every <CardGroup>/<Card> block site-wide to markdown bullet lists: content sections → bold-title bullets with sub-bullets, nav cards → [Title](href) — description - Add cursor-animated list item hover effects to custom.css: green inset left border, subtle background tint, marker color change on hover - Affects index, getting-started, quickstart, concepts, modules, faq, architecture, installation, cookbook, glossary, learning-more, explorer-setup, cli-setup, community, contributing-guide, governance, citation, project-license, all integrations pages, and all 20+ reference module pages
169 lines
4.6 KiB
CSS
169 lines
4.6 KiB
CSS
/* ============================================================
|
|
TABLE — row & cell hover highlighting
|
|
============================================================ */
|
|
table tbody tr {
|
|
transition: background-color 0.15s ease;
|
|
cursor: default;
|
|
}
|
|
|
|
table tbody tr:hover {
|
|
background-color: rgba(16, 185, 129, 0.07) !important;
|
|
}
|
|
|
|
table tbody tr:hover td {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
table td,
|
|
table th {
|
|
transition: background-color 0.15s ease;
|
|
}
|
|
|
|
/* ============================================================
|
|
CODE BLOCKS — glow on hover
|
|
============================================================ */
|
|
pre,
|
|
[class*="codeblock"],
|
|
[class*="code-group"],
|
|
[class*="CodeBlock"],
|
|
[data-rehype-pretty-code-fragment] {
|
|
transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
|
|
}
|
|
|
|
pre:hover,
|
|
[class*="codeblock"]:hover,
|
|
[class*="CodeBlock"]:hover,
|
|
[data-rehype-pretty-code-fragment]:hover {
|
|
box-shadow: 0 0 0 1.5px rgba(16, 185, 129, 0.35),
|
|
0 4px 24px rgba(16, 185, 129, 0.09) !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
CARDS — lift + glow on hover
|
|
============================================================ */
|
|
[class*="card"],
|
|
[class*="Card"],
|
|
[data-card],
|
|
.group\/card {
|
|
transition: transform 0.2s ease,
|
|
box-shadow 0.2s ease,
|
|
border-color 0.2s ease !important;
|
|
}
|
|
|
|
[class*="card"]:hover,
|
|
[class*="Card"]:hover,
|
|
[data-card]:hover,
|
|
.group\/card:hover {
|
|
transform: translateY(-2px) !important;
|
|
box-shadow: 0 8px 32px rgba(16, 185, 129, 0.13),
|
|
0 0 0 1px rgba(16, 185, 129, 0.28) !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
CALLOUTS / NOTES / TIPS — subtle left-border highlight
|
|
============================================================ */
|
|
[class*="callout"],
|
|
[class*="Callout"],
|
|
[class*="admonition"] {
|
|
transition: box-shadow 0.2s ease !important;
|
|
}
|
|
|
|
[class*="callout"]:hover,
|
|
[class*="Callout"]:hover,
|
|
[class*="admonition"]:hover {
|
|
box-shadow: inset 3px 0 0 rgba(16, 185, 129, 0.55),
|
|
0 2px 12px rgba(16, 185, 129, 0.06) !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
STEPS — highlight active step on hover
|
|
============================================================ */
|
|
[class*="step"],
|
|
[class*="Step"] {
|
|
transition: background-color 0.15s ease !important;
|
|
}
|
|
|
|
[class*="step"]:hover,
|
|
[class*="Step"]:hover {
|
|
background-color: rgba(16, 185, 129, 0.04) !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
INLINE CODE — subtle green tint on hover
|
|
============================================================ */
|
|
:not(pre) > code {
|
|
transition: background-color 0.15s ease, color 0.15s ease !important;
|
|
cursor: text;
|
|
}
|
|
|
|
:not(pre) > code:hover {
|
|
background-color: rgba(16, 185, 129, 0.15) !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
NAV / SIDEBAR LINKS — subtle hover underline accent
|
|
============================================================ */
|
|
nav a,
|
|
[class*="sidebar"] a,
|
|
[class*="Sidebar"] a {
|
|
transition: color 0.15s ease !important;
|
|
}
|
|
|
|
/* ============================================================
|
|
BULLET POINTS — cursor-animated hover (premium feel)
|
|
============================================================ */
|
|
ul > li,
|
|
ol > li {
|
|
position: relative;
|
|
transition:
|
|
background-color 0.18s ease,
|
|
box-shadow 0.18s ease,
|
|
color 0.15s ease;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
}
|
|
|
|
ul > li:hover,
|
|
ol > li:hover {
|
|
background-color: rgba(16, 185, 129, 0.06);
|
|
box-shadow: inset 3px 0 0 #10B981;
|
|
color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
|
|
/* Animate the bullet marker green on hover */
|
|
ul > li:hover::marker,
|
|
ol > li:hover::marker {
|
|
color: #10B981;
|
|
}
|
|
|
|
/* Slide-in left accent bar for nested lists */
|
|
ul > li > ul > li:hover,
|
|
ol > li > ul > li:hover {
|
|
background-color: rgba(16, 185, 129, 0.04);
|
|
box-shadow: inset 2px 0 0 rgba(16, 185, 129, 0.6);
|
|
}
|
|
|
|
/* Strong text inside list items — subtle green tint on parent hover */
|
|
ul > li:hover > strong,
|
|
ol > li:hover > strong {
|
|
color: #10B981;
|
|
transition: color 0.15s ease;
|
|
}
|
|
|
|
/* ============================================================
|
|
HIDE THEME TOGGLE (moon / sun emoji button)
|
|
============================================================ */
|
|
button[aria-label="Switch to light mode"],
|
|
button[aria-label="Switch to dark mode"],
|
|
button[aria-label*="theme"],
|
|
button[title*="theme"],
|
|
button[title*="Theme"],
|
|
[data-theme-toggle],
|
|
[class*="ThemeToggle"],
|
|
[class*="theme-toggle"],
|
|
[class*="ColorModeToggle"],
|
|
[class*="DarkModeToggle"] {
|
|
display: none !important;
|
|
pointer-events: none !important;
|
|
}
|