https://ohcnwiki.tellmey.fyi/index.php?action=history&feed=atom&title=Template%3ADocs%2Fstyles.css 2026-11-03T21:25:49Z Revision history for this page on the wiki MediaWiki 1.45.4 https://ohcnwiki.tellmey.fyi/index.php?title=Template:Docs/styles.css&diff=873&oldid=prev 2026-08-12T07:19:57Z

<p>Bot: careui — links inside primary-filled title bars take primary-foreground (were emerald-on-emerald, invisible) - Claude</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:49, 12 August 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: var(--ohc-primary); color: var(--ohc-primary-foreground); text-transform: capitalize; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: var(--ohc-primary); color: var(--ohc-primary-foreground); text-transform: capitalize; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge a { color: var(--ohc-primary); }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge a { color: var(--ohc-primary); }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>/* Links inside a primary-filled surface must take the surface's</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> foreground, or they inherit --color-link and land emerald-on-emerald. */</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type a,</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type a:visited,</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type a.external { color: var(--ohc-primary-foreground); }</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-866:rev-873:wikidiff2=table:1.14.2:bc2a06be --> </table>

Robo https://ohcnwiki.tellmey.fyi/index.php?title=Template:Docs/styles.css&diff=866&oldid=prev 2026-08-12T07:14:54Z

<p>Bot: careui phase 4 — replace hardcoded teal/ink/lime palette with --ohc-* tokens; status badges now theme-aware (fixes dark mode) - Claude</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:44, 12 August 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>/* OHC Network Wiki -- component styles, careui design system.</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>/* CARE documentation components — admonitions, version pills, metadata</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> Colour comes exclusively from the --ohc-* token layer in</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> badges. Same OHC palette / theme-aware approach as OHC/styles.css:</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> MediaWiki:Common.css; do not introduce literals here. Note the</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> teal #0f8b6c · lime #b8f36f · sage line #d8e1db. */</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> TemplateStyles sanitizer rejects var() in border-radius, font-family,</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> padding and border-color, so those stay literal.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> Reference: [[OHC Network Wiki:Design/careui]] */</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition { border-radius: <del style="font-weight: bold; text-decoration: none;">12px</del>; padding: 0.7em 1em; margin: 0.8em 0; border-left: 4px solid <del style="font-weight: bold; text-decoration: none;">#6b7280</del>; background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">107, 114, 128, 0.06</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition { border-radius: <ins style="font-weight: bold; text-decoration: none;">10px</ins>; padding: 0.7em 1em; margin: 0.8em 0; border-left: 4px solid <ins style="font-weight: bold; text-decoration: none;">var(--ohc-soft-foreground)</ins>; background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-status-neutral-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__body { line-height: 1.55; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__body { line-height: 1.55; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--note { border-left-color: <del style="font-weight: bold; text-decoration: none;">#6b7280</del>; background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">107, 114, 128, 0.06</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--note { border-left-color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-soft-foreground)</ins>; background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-status-neutral-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--info { border-left-color: <del style="font-weight: bold; text-decoration: none;">#0ea5e9</del>; background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">14, 165, 233, 0.06</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--info { border-left-color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-status-info)</ins>; background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-status-info-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--tip { border-left-color: <del style="font-weight: bold; text-decoration: none;">#0f8b6c</del>; background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">15, 139, 108, 0.07</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--tip { border-left-color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-primary)</ins>; background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-primary-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--warning { border-left-color: <del style="font-weight: bold; text-decoration: none;">#d9822b</del>; background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">217, 130, 43, 0.08</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--warning { border-left-color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-status-warning)</ins>; background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-status-warning-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Frozen-version banner -------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Frozen-version banner -------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner { border-radius: <del style="font-weight: bold; text-decoration: none;">12px</del>; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner { border-radius: <ins style="font-weight: bold; text-decoration: none;">10px</ins>; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner--frozen { background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">14, 165, 233, 0.08</del>); box-shadow: inset 0 0 0 1px <del style="font-weight: bold; text-decoration: none;">#0ea5e9</del>; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner--frozen { background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-status-info-bg</ins>); box-shadow: inset 0 0 0 1px <ins style="font-weight: bold; text-decoration: none;">var(--ohc-status-info)</ins>; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Version pills ----------------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Version pills ----------------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--<del style="font-weight: bold; text-decoration: none;">color</del>-<del style="font-weight: bold; text-decoration: none;">subtle, #54595d</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--<ins style="font-weight: bold; text-decoration: none;">ohc</ins>-<ins style="font-weight: bold; text-decoration: none;">soft-foreground</ins>); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: <del style="font-weight: bold; text-decoration: none;">999px</del>; color: <del style="font-weight: bold; text-decoration: none;">#0f8b6c</del>; box-shadow: inset 0 0 0 1px var(--<del style="font-weight: bold; text-decoration: none;">border</del>-<del style="font-weight: bold; text-decoration: none;">color-base, #d8e1db</del>); text-decoration: none; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: <ins style="font-weight: bold; text-decoration: none;">9999px</ins>; color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-primary)</ins>; box-shadow: inset 0 0 0 1px var(--<ins style="font-weight: bold; text-decoration: none;">ohc</ins>-<ins style="font-weight: bold; text-decoration: none;">border</ins>); text-decoration: none; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a:hover { background: <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">15, 139, 108, 0.08</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a:hover { background: <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--ohc-primary-bg</ins>); }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Metadata badge strip ---------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Metadata badge strip ---------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge { padding: 0.15em 0.75em; border-radius: <del style="font-weight: bold; text-decoration: none;">999px</del>; font-weight: 600; color: var(--<del style="font-weight: bold; text-decoration: none;">color</del>-<del style="font-weight: bold; text-decoration: none;">emphasized, #173d34</del>); background: var(--<del style="font-weight: bold; text-decoration: none;">color</del>-<del style="font-weight: bold; text-decoration: none;">surface</del>-<del style="font-weight: bold; text-decoration: none;">2, #eef3f0</del>); box-shadow: inset 0 0 0 1px var(--border<del style="font-weight: bold; text-decoration: none;">-color-base, #d8e1db</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge { padding: 0.15em 0.75em; border-radius: <ins style="font-weight: bold; text-decoration: none;">9999px</ins>; font-weight: 600; color: var(--<ins style="font-weight: bold; text-decoration: none;">ohc</ins>-<ins style="font-weight: bold; text-decoration: none;">foreground</ins>); background: var(--<ins style="font-weight: bold; text-decoration: none;">ohc</ins>-<ins style="font-weight: bold; text-decoration: none;">muted</ins>-<ins style="font-weight: bold; text-decoration: none;">background</ins>); box-shadow: inset 0 0 0 1px var(-<ins style="font-weight: bold; text-decoration: none;">-ohc</ins>-border); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: <del style="font-weight: bold; text-decoration: none;">#0f8b6c</del>; color: <del style="font-weight: bold; text-decoration: none;">#ffffff</del>; text-transform: capitalize; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-primary)</ins>; color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-primary-foreground)</ins>; text-transform: capitalize; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge a { color: <del style="font-weight: bold; text-decoration: none;">#0f8b6c</del>; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge a { color: <ins style="font-weight: bold; text-decoration: none;">var(--ohc-primary)</ins>; }</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-727:rev-866:wikidiff2=table:1.14.2:bc2a06be --> </table>

Robo https://ohcnwiki.tellmey.fyi/index.php?title=Template:Docs/styles.css&diff=727&oldid=prev 2026-08-11T08:47:16Z

<p>Rebrand doc chrome (admonitions, meta badges, pills) to OHC palette with Care·ui tinted cards (via update-page on MediaWiki MCP Server)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:17, 11 August 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* CARE documentation components — admonitions, version pills, metadata</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* CARE documentation components — admonitions, version pills, metadata</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> badges. <del style="font-weight: bold; text-decoration: none;">Complements</del> OHC<del style="font-weight: bold; text-decoration: none;">/styles.css;</del> <del style="font-weight: bold; text-decoration: none;">same</del> theme-aware approach<del style="font-weight: bold; text-decoration: none;">.</del> <del style="font-weight: bold; text-decoration: none;">*</del>/</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> badges. <ins style="font-weight: bold; text-decoration: none;">Same</ins> OHC <ins style="font-weight: bold; text-decoration: none;">palette /</ins> theme-aware approach <ins style="font-weight: bold; text-decoration: none;">as OHC</ins>/<ins style="font-weight: bold; text-decoration: none;">styles.css:</ins></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> teal #0f8b6c · lime #b8f36f · sage line #d8e1db. */</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition { border-radius: <del style="font-weight: bold; text-decoration: none;">8px</del>; padding: 0.<del style="font-weight: bold; text-decoration: none;">75em</del> 1em; margin: 0.8em 0; border-left: 4px solid #6b7280; background: <del style="font-weight: bold; text-decoration: none;">var</del>(<del style="font-weight: bold; text-decoration: none;">--color-surface-2</del>, <del style="font-weight: bold; text-decoration: none;">#f8f9fa</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition { border-radius: <ins style="font-weight: bold; text-decoration: none;">12px</ins>; padding: 0.<ins style="font-weight: bold; text-decoration: none;">7em</ins> 1em; margin: 0.8em 0; border-left: 4px solid #6b7280; background: <ins style="font-weight: bold; text-decoration: none;">rgba</ins>(<ins style="font-weight: bold; text-decoration: none;">107</ins>, <ins style="font-weight: bold; text-decoration: none;">114, 128, 0.06</ins>); }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__body { line-height: 1.55; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition__body { line-height: 1.55; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--note { border-left-color: #6b7280; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--note { border-left-color: #6b7280<ins style="font-weight: bold; text-decoration: none;">; background: rgba(107, 114, 128, 0.06)</ins>; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--info { border-left-color: #0ea5e9; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--info { border-left-color: #0ea5e9<ins style="font-weight: bold; text-decoration: none;">; background: rgba(14, 165, 233, 0.06)</ins>; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--tip { border-left-color: #<del style="font-weight: bold; text-decoration: none;">059669</del>; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--tip { border-left-color: #<ins style="font-weight: bold; text-decoration: none;">0f8b6c; background: rgba(15, 139, 108, 0.07)</ins>; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--warning { border-left-color: #<del style="font-weight: bold; text-decoration: none;">f59e0b</del>; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-admonition--warning { border-left-color: #<ins style="font-weight: bold; text-decoration: none;">d9822b; background: rgba(217, 130, 43, 0.08)</ins>; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Frozen-version banner -------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Frozen-version banner -------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner { border-radius: <del style="font-weight: bold; text-decoration: none;">8px</del>; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner { border-radius: <ins style="font-weight: bold; text-decoration: none;">12px</ins>; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner--frozen { background: rgba(14, 165, 233, 0.08); box-shadow: inset 0 0 0 1px #0ea5e9; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-banner--frozen { background: rgba(14, 165, 233, 0.08); box-shadow: inset 0 0 0 1px #0ea5e9; }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Version pills ----------------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Version pills ----------------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--color<del style="font-weight: bold; text-decoration: none;">-base-</del>-subtle, #54595d); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--color-subtle, #54595d); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--border-color-base, #<del style="font-weight: bold; text-decoration: none;">c8ccd1</del>); text-decoration: none; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: 999px<ins style="font-weight: bold; text-decoration: none;">; color: #0f8b6c</ins>; box-shadow: inset 0 0 0 1px var(--border-color-base, #<ins style="font-weight: bold; text-decoration: none;">d8e1db</ins>); text-decoration: none; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-verpills a:hover { background: rgba(15, 139, 108, 0.08); }</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Metadata badge strip ---------------------------------------------------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Metadata badge strip ---------------------------------------------------- */</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge { padding: 0.15em 0.75em; border-radius: 999px; font-weight: 600; background: var(--color-surface-2, #<del style="font-weight: bold; text-decoration: none;">f8f9fa</del>); box-shadow: inset 0 0 0 1px var(--border-color-base, #<del style="font-weight: bold; text-decoration: none;">c8ccd1</del>); }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge { padding: 0.15em 0.75em; border-radius: 999px; font-weight: 600<ins style="font-weight: bold; text-decoration: none;">; color: var(--color-emphasized, #173d34)</ins>; background: var(--color-surface-2, #<ins style="font-weight: bold; text-decoration: none;">eef3f0</ins>); box-shadow: inset 0 0 0 1px var(--border-color-base, #<ins style="font-weight: bold; text-decoration: none;">d8e1db</ins>); }</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: #<del style="font-weight: bold; text-decoration: none;">059669</del>; color: #ffffff; text-transform: capitalize; }</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge--type { background: #<ins style="font-weight: bold; text-decoration: none;">0f8b6c</ins>; color: #ffffff; text-transform: capitalize; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.docs-meta__badge a { color: #0f8b6c; }</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-66:rev-727:wikidiff2=table:1.14.2:bc2a06be --> </table>

Admin https://ohcnwiki.tellmey.fyi/index.php?title=Template:Docs/styles.css&diff=66&oldid=prev 2026-07-04T22:31:08Z

<p>OHC identity seed</p> <p><b>New page</b></p><div>/* CARE documentation components — admonitions, version pills, metadata<br /> badges. Complements OHC/styles.css; same theme-aware approach. */<br /> <br /> /* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */<br /> .docs-admonition { border-radius: 8px; padding: 0.75em 1em; margin: 0.8em 0; border-left: 4px solid #6b7280; background: var(--color-surface-2, #f8f9fa); }<br /> .docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }<br /> .docs-admonition__body { line-height: 1.55; }<br /> .docs-admonition--note { border-left-color: #6b7280; }<br /> .docs-admonition--info { border-left-color: #0ea5e9; }<br /> .docs-admonition--tip { border-left-color: #059669; }<br /> .docs-admonition--warning { border-left-color: #f59e0b; }<br /> <br /> /* Frozen-version banner -------------------------------------------------- */<br /> .docs-banner { border-radius: 8px; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }<br /> .docs-banner--frozen { background: rgba(14, 165, 233, 0.08); box-shadow: inset 0 0 0 1px #0ea5e9; }<br /> <br /> /* Version pills ----------------------------------------------------------- */<br /> .docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--color-base--subtle, #54595d); }<br /> .docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--border-color-base, #c8ccd1); text-decoration: none; }<br /> <br /> /* Metadata badge strip ---------------------------------------------------- */<br /> .docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }<br /> .docs-meta__badge { padding: 0.15em 0.75em; border-radius: 999px; font-weight: 600; background: var(--color-surface-2, #f8f9fa); box-shadow: inset 0 0 0 1px var(--border-color-base, #c8ccd1); }<br /> .docs-meta__badge--type { background: #059669; color: #ffffff; text-transform: capitalize; }</div>

Admin