Files
kaptan/docs/theme/lore.css
T

283 lines
4.7 KiB
CSS

/*
* A static documentation layout: kernel-docs navigation with lore-like
* restraint. Colours follow Orkavian's black, silver, and green palette.
*/
:root,
html.light,
html.rust,
html.coal,
html.navy,
html.ayu {
--kaptan-background: #050505;
--kaptan-surface: #0a0a0a;
--kaptan-text: #cccccc;
--kaptan-muted: #888888;
--kaptan-accent: #00ff41;
--kaptan-border: #333333;
}
html,
body {
background: var(--kaptan-background);
color: var(--kaptan-text);
font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", monospace;
font-size: 15px;
line-height: 1.65;
}
* {
animation: none !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: none !important;
}
/* The book remains static: no help, theme picker, resizing, or search UI. */
#mdbook-help-container,
#mdbook-sidebar-toggle-anchor,
#mdbook-menu-bar-hover-placeholder,
#mdbook-menu-bar .left-buttons,
#mdbook-menu-bar .right-buttons,
#mdbook-sidebar-resize-handle {
display: none !important;
}
#mdbook-menu-bar {
background: var(--kaptan-surface);
border-bottom: 1px solid var(--kaptan-border);
height: auto;
margin: 0;
min-height: 0;
padding: 0.65rem 1.25rem;
position: static;
}
#mdbook-menu-bar .menu-title {
color: var(--kaptan-text);
font-family: inherit;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.35;
text-transform: uppercase;
}
#mdbook-sidebar {
background: var(--kaptan-surface);
border-right: 1px solid var(--kaptan-border);
box-sizing: border-box;
display: none !important;
overflow-y: auto;
}
.sidebar-scrollbox {
padding: 0.75rem 0;
}
.sidebar-scrollbox ol {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-scrollbox .chapter-item {
margin: 0;
}
.sidebar-scrollbox .chapter-item a {
color: var(--kaptan-text);
display: block;
font-size: 0.85rem;
line-height: 1.45;
padding: 0.3rem 1rem;
text-decoration: none;
}
.sidebar-scrollbox .chapter-item a:hover,
.sidebar-scrollbox .chapter-item a.active {
background: transparent;
color: var(--kaptan-accent);
}
.sidebar-scrollbox .section .chapter-item a {
padding-left: 2rem;
}
.sidebar-scrollbox strong {
color: var(--kaptan-muted);
font-weight: 400;
}
.content {
box-sizing: border-box;
margin: 0 auto;
max-width: 84ch;
padding: 2rem 1.5rem 3rem;
}
.content main {
margin: 0;
max-width: none;
}
h1,
h2,
h3,
h4 {
color: var(--kaptan-text);
font-family: inherit;
font-weight: 700;
line-height: 1.35;
}
h1 {
font-size: 1.35rem;
margin: 0 0 1.25rem;
}
h2 {
border-bottom: 1px solid var(--kaptan-border);
font-size: 1rem;
margin: 2rem 0 0.75rem;
padding-bottom: 0.35rem;
}
h3,
h4 {
font-size: 1rem;
margin: 1.5rem 0 0.5rem;
}
a {
color: var(--kaptan-accent);
text-decoration: underline;
text-underline-offset: 0.15em;
}
a.header {
color: inherit;
text-decoration: none;
}
p,
ul,
ol,
table,
blockquote,
pre {
margin: 0 0 1rem;
}
ul,
ol {
padding-left: 1.5rem;
}
li + li {
margin-top: 0.2rem;
}
code,
pre,
kbd {
font-family: inherit;
}
code {
background: var(--kaptan-surface);
color: var(--kaptan-text);
padding: 0.05rem 0.25rem;
}
pre {
background: var(--kaptan-surface);
border: 1px solid var(--kaptan-border);
overflow-x: auto;
padding: 0.75rem;
}
pre code {
padding: 0;
}
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
border: 1px solid var(--kaptan-border);
padding: 0.35rem 0.5rem;
text-align: left;
}
th {
font-weight: 700;
}
blockquote {
border-left: 2px solid var(--kaptan-border);
color: var(--kaptan-muted);
margin-left: 0;
padding-left: 0.8rem;
}
.nav-wrapper {
border-top: 1px solid var(--kaptan-border);
margin-top: 2rem;
padding-top: 0.75rem;
}
.nav-chapters {
background: none;
}
.nav-chapters a {
color: var(--kaptan-accent);
}
@media (min-width: 900px) {
#mdbook-sidebar {
bottom: 0;
display: block !important;
left: 0;
position: fixed;
top: 0;
transform: none !important;
width: 17.5rem;
}
#mdbook-page-wrapper,
.page-wrapper {
margin-left: 17.5rem !important;
transform: none !important;
}
}
@media (max-width: 899px) {
#mdbook-page-wrapper,
.page-wrapper {
margin-left: 0 !important;
transform: none !important;
}
}
@media print {
html,
body {
background: #ffffff;
color: #000000;
}
#mdbook-menu-bar,
#mdbook-sidebar {
display: none !important;
}
a {
color: #000000;
}
}