Files
adocWP/kb-markdown-importer/assets/css/themes/obyte.css
Sven Steinert f4511b9213 MD Umbau
2026-05-13 11:57:52 +02:00

155 lines
3.3 KiB
CSS

@font-face {
font-family: "URW Gothic L Demi";
src: url("../../fonts/urw_gothic_l_demi.ttf") format("truetype");
font-style: normal;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url("../../fonts/Nunito-VariableFont_wght.ttf") format("truetype");
font-style: normal;
font-weight: 200 900;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url("../../fonts/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
font-style: italic;
font-weight: 200 900;
font-display: swap;
}
.kb-docs-wrap {
--kb-primary: #00a7e6;
--kb-primary-soft: #33b9eb;
--kb-primary-shade: #0086b8;
--kb-ob-accent: #f59c00;
--kb-slate: #343537;
--kb-bg: #f5fbfe;
--kb-surface: #ffffff;
--kb-surface-muted: #f5fbfe;
--kb-text: #343537;
--kb-muted: rgba(52, 53, 55, 0.72);
--kb-border: rgba(52, 53, 55, 0.15);
--kb-accent: var(--kb-primary);
--kb-accent-soft: rgba(0, 167, 230, 0.1);
--kb-radius: 14px;
--kb-shadow: 0 18px 40px rgba(52, 53, 55, 0.11);
--kb-font-body: "Nunito", "Segoe UI", Arial, sans-serif;
--kb-font-heading: "Nunito", "Segoe UI", Arial, sans-serif;
--kb-font-strong: "URW Gothic L Demi", "Nunito", "Segoe UI", Arial, sans-serif;
font-family: var(--kb-font-body);
line-height: 1.58;
}
.kb-docs-wrap a:focus,
.kb-docs-wrap button:focus,
.kb-docs-wrap input:focus,
.kb-docs-wrap select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 167, 230, 0.32);
}
.kb-docs-wrap h1,
.kb-docs-wrap h2,
.kb-docs-wrap h3,
.kb-docs-wrap h4 {
font-family: var(--kb-font-heading);
color: var(--kb-text);
}
.kb-doc-content > h1 {
font-family: var(--kb-font-strong);
font-weight: 600;
letter-spacing: 0;
}
.kb-product-card,
.kb-search {
border-radius: var(--kb-radius);
border-color: var(--kb-border);
box-shadow: var(--kb-shadow);
}
.kb-product-card h2 a {
color: var(--kb-text);
text-decoration: none;
}
.kb-product-card h2 a:hover {
color: var(--kb-primary);
}
.kb-sidebar {
border-right-color: var(--kb-border);
}
.kb-sidebar select {
border-radius: 11px;
font-family: var(--kb-font-body);
}
.kb-sidebar-nav a,
.kb-sidebar-nav span {
border-radius: 11px;
}
.kb-sidebar-nav a:hover {
background: rgba(0, 167, 230, 0.12);
color: var(--kb-primary-shade);
}
.kb-breadcrumbs {
color: var(--kb-muted);
}
.kb-rendered-content p,
.kb-rendered-content li {
font-size: 17px;
}
.kb-rendered-content h2 {
font-size: clamp(26px, 3vw, 32px);
line-height: 1.12;
font-weight: 700;
}
.kb-rendered-content h3 {
font-size: 21px;
line-height: 1.2;
font-weight: 700;
}
.kb-rendered-content a {
color: var(--kb-primary-shade);
}
.kb-rendered-content pre {
background: #eef3f6;
color: var(--kb-text);
border: 1px solid var(--kb-border);
}
.kb-admonition {
border-left-color: var(--kb-primary);
background: rgba(0, 167, 230, 0.1);
}
.kb-current-version {
color: var(--kb-primary-shade);
}
.kb-search button {
border-radius: 12px;
background: linear-gradient(132deg, var(--kb-primary) 0%, var(--kb-primary-soft) 100%);
font-family: var(--kb-font-strong);
font-weight: 600;
}
.kb-search button:hover {
filter: brightness(1.06);
}