Toggle search
Toggle menu
3.1K
1
5
7.1K
OHC Network Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Docs/styles.css: Difference between revisions

Template page
More languages
More actions
← Older editNewer edit →
Robo (talk | contribs)
Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Administrators
42 edits
Content deleted Content added
Rebrand doc chrome (admonitions, meta badges, pills) to OHC palette with Care·ui tinted cards (via update-page on MediaWiki MCP Server)
Bot: careui phase 4 — replace hardcoded teal/ink/lime palette with --ohc-* tokens; status badges now theme-aware (fixes dark mode) - Claude
Line 1: Line 1:
/* OHC Network Wiki -- component styles, careui design system.
/* CARE documentation components — admonitions, version pills, metadata
Colour comes exclusively from the --ohc-* token layer in
badges. Same OHC palette / theme-aware approach as OHC/styles.css:
MediaWiki:Common.css; do not introduce literals here. Note the
teal #0f8b6c · lime #b8f36f · sage line #d8e1db. */
TemplateStyles sanitizer rejects var() in border-radius, font-family,
padding and border-color, so those stay literal.
Reference: [[OHC Network Wiki:Design/careui]] */


/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */
/* Admonitions (Docusaurus :::note/:::tip/:::info/:::warning parity) ----- */
.docs-admonition { border-radius: 12px; padding: 0.7em 1em; margin: 0.8em 0; border-left: 4px solid #6b7280; background: rgba(107, 114, 128, 0.06); }
.docs-admonition { border-radius: 10px; padding: 0.7em 1em; margin: 0.8em 0; border-left: 4px solid var(--ohc-soft-foreground); background: var(--ohc-status-neutral-bg); }
.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }
.docs-admonition__title { font-weight: 700; margin-bottom: 0.25em; }
.docs-admonition__body { line-height: 1.55; }
.docs-admonition__body { line-height: 1.55; }
.docs-admonition--note { border-left-color: #6b7280; background: rgba(107, 114, 128, 0.06); }
.docs-admonition--note { border-left-color: var(--ohc-soft-foreground); background: var(--ohc-status-neutral-bg); }
.docs-admonition--info { border-left-color: #0ea5e9; background: rgba(14, 165, 233, 0.06); }
.docs-admonition--info { border-left-color: var(--ohc-status-info); background: var(--ohc-status-info-bg); }
.docs-admonition--tip { border-left-color: #0f8b6c; background: rgba(15, 139, 108, 0.07); }
.docs-admonition--tip { border-left-color: var(--ohc-primary); background: var(--ohc-primary-bg); }
.docs-admonition--warning { border-left-color: #d9822b; background: rgba(217, 130, 43, 0.08); }
.docs-admonition--warning { border-left-color: var(--ohc-status-warning); background: var(--ohc-status-warning-bg); }


/* Frozen-version banner -------------------------------------------------- */
/* Frozen-version banner -------------------------------------------------- */
.docs-banner { border-radius: 12px; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }
.docs-banner { border-radius: 10px; padding: 0.7em 1em; margin: 0.6em 0 1em; font-size: 0.95em; }
.docs-banner--frozen { background: rgba(14, 165, 233, 0.08); box-shadow: inset 0 0 0 1px #0ea5e9; }
.docs-banner--frozen { background: var(--ohc-status-info-bg); box-shadow: inset 0 0 0 1px var(--ohc-status-info); }


/* Version pills ----------------------------------------------------------- */
/* Version pills ----------------------------------------------------------- */
.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--color-subtle, #54595d); }
.docs-verpills { margin: 0.4em 0 0.8em; font-size: 0.9em; color: var(--ohc-soft-foreground); }
.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: 999px; color: #0f8b6c; box-shadow: inset 0 0 0 1px var(--border-color-base, #d8e1db); text-decoration: none; }
.docs-verpills a { display: inline-block; padding: 0.1em 0.7em; border-radius: 9999px; color: var(--ohc-primary); box-shadow: inset 0 0 0 1px var(--ohc-border); text-decoration: none; }
.docs-verpills a:hover { background: rgba(15, 139, 108, 0.08); }
.docs-verpills a:hover { background: var(--ohc-primary-bg); }


/* Metadata badge strip ---------------------------------------------------- */
/* Metadata badge strip ---------------------------------------------------- */
.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }
.docs-meta { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; margin: 0.3em 0 1.2em; font-size: 0.82em; }
.docs-meta__badge { padding: 0.15em 0.75em; border-radius: 999px; font-weight: 600; color: var(--color-emphasized, #173d34); background: var(--color-surface-2, #eef3f0); box-shadow: inset 0 0 0 1px var(--border-color-base, #d8e1db); }
.docs-meta__badge { padding: 0.15em 0.75em; border-radius: 9999px; font-weight: 600; color: var(--ohc-foreground); background: var(--ohc-muted-background); box-shadow: inset 0 0 0 1px var(--ohc-border); }
.docs-meta__badge--type { background: #0f8b6c; color: #ffffff; text-transform: capitalize; }
.docs-meta__badge--type { background: var(--ohc-primary); color: var(--ohc-primary-foreground); text-transform: capitalize; }
.docs-meta__badge a { color: #0f8b6c; }
.docs-meta__badge a { color: var(--ohc-primary); }
Retrieved from "https://ohcnwiki.tellmey.fyi/Template:Docs/styles.css"
This page has been accessed 236 times.