alpinux-wiki/docs/stylesheets/alpinux.css

142 lines
2.3 KiB
CSS

/* ── Alpinux theme for MkDocs Material ───────────────────────── */
:root {
--md-primary-fg-color: #1a6bbf;
--md-primary-fg-color--light: #e8f1fb;
--md-primary-fg-color--dark: #0f4e8f;
--md-accent-fg-color: #e8820c;
--md-typeset-a-color: #1a6bbf;
}
/* Header */
.md-header {
background: #1a6bbf;
box-shadow: 0 2px 8px rgba(26,107,191,.25);
}
/* Brand text */
.md-header__title {
font-family: 'Segoe UI', system-ui, sans-serif;
letter-spacing: .02em;
}
/* A[l]p[inux] brand typography */
.alpinux-brand-header {
font-weight: 400;
font-size: 1.1rem;
}
.alpinux-brand-header strong {
font-weight: 700;
}
/* Brand in page content */
.alpinux-brand {
font-family: 'Segoe UI', system-ui, sans-serif;
font-weight: 400;
}
.alpinux-brand strong {
font-weight: 700;
}
/* Tabs bar */
.md-tabs {
background: #0f4e8f;
}
/* Active tab */
.md-tabs__link--active,
.md-tabs__link:hover {
color: #fff !important;
opacity: 1;
}
/* Sidebar active item */
.md-nav__item--active > .md-nav__link {
color: #1a6bbf;
font-weight: 600;
}
.md-nav__link:hover {
color: #1a6bbf;
}
/* Search bar focus */
.md-search__input:focus {
background: #e8f1fb;
}
/* Content headings */
.md-typeset h1 {
color: #0f4e8f;
font-weight: 700;
border-bottom: 3px solid #1a6bbf;
padding-bottom: .3rem;
}
.md-typeset h2 {
color: #1a6bbf;
border-left: 4px solid #1a6bbf;
padding-left: .8rem;
margin-left: -.8rem;
}
/* Code blocks */
.md-typeset code {
background: #f0f4fa;
color: #0f4e8f;
border-radius: 4px;
font-size: .88em;
}
.highlight {
border-radius: 8px;
overflow: hidden;
}
/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
border-left-color: #1a6bbf;
border-radius: 0 8px 8px 0;
}
.md-typeset .admonition-title,
.md-typeset summary {
background: #e8f1fb;
color: #0f4e8f;
}
/* Footer */
.md-footer {
background: #0f4e8f;
}
.md-footer-meta {
background: #1a3a5c;
}
/* Table */
.md-typeset table:not([class]) {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 6px rgba(26,107,191,.1);
}
.md-typeset table:not([class]) th {
background: #1a6bbf;
color: #fff;
}
/* Back-to-top button */
.md-top {
background: #1a6bbf;
color: #fff;
}
/* Tag pills */
.md-tag {
background: #e8f1fb;
color: #1a6bbf;
}