89 lines
2.3 KiB
CSS
89 lines
2.3 KiB
CSS
/* -------- Grundschrift & Layout -------- */
|
|
@page {
|
|
size: A4;
|
|
margin: 1.5cm;
|
|
}
|
|
:root {
|
|
--text: #222;
|
|
--muted: #666;
|
|
--accent: #0d6efd; /* Bootstrap-typischer Blauton */
|
|
--code-bg: #f6f8fa;
|
|
--border: #e5e7eb;
|
|
}
|
|
html, body {
|
|
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
color: var(--text);
|
|
line-height: 1.5;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
/* -------- Überschriften-Hierarchie -------- */
|
|
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-weight: 700; }
|
|
h1 { font-size: 22pt; margin: 0 0 0.4cm; border-bottom: 2px solid var(--border); padding-bottom: 0.2cm; }
|
|
h2 { font-size: 18pt; margin: 0.6cm 0 0.3cm; }
|
|
h3 { font-size: 14pt; margin: 0.5cm 0 0.25cm; }
|
|
|
|
/* -------- Absatz & Listen -------- */
|
|
p { margin: 0 0 0.35cm; }
|
|
ul, ol { margin: 0 0 0.35cm 0.6cm; }
|
|
li { margin: 0.1cm 0; }
|
|
|
|
/* -------- Tabellen -------- */
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 0.35cm 0;
|
|
font-size: 10pt;
|
|
}
|
|
th, td {
|
|
border: 1px solid var(--border);
|
|
padding: 6px 8px;
|
|
vertical-align: top;
|
|
}
|
|
th {
|
|
background: #fafafa;
|
|
text-align: left;
|
|
}
|
|
|
|
/* -------- Code-Blöcke & Inline-Code -------- */
|
|
code, pre code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", Consolas, "Courier New", monospace; }
|
|
pre {
|
|
background: var(--code-bg);
|
|
border: 1px solid var(--border);
|
|
padding: 10px 12px;
|
|
border-radius: 6px;
|
|
overflow: auto;
|
|
font-size: 10pt;
|
|
margin: 0.35cm 0;
|
|
}
|
|
code {
|
|
background: var(--code-bg);
|
|
padding: 0 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* -------- Bilder, Zitate, Links -------- */
|
|
img { max-width: 100%; page-break-inside: avoid; }
|
|
blockquote {
|
|
margin: 0.35cm 0;
|
|
padding: 0.01cm 0 0.01cm 0.5cm;
|
|
border-left: 3px solid var(--accent);
|
|
color: var(--muted);
|
|
}
|
|
a { color: var(--accent); text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
|
|
/* -------- Seitenumbruch steuern -------- */
|
|
hr, .page { page-break-after: always; border: 0; height: 0; }
|
|
|
|
/* -------- ToC (optional, falls generiert) -------- */
|
|
.toc ul { list-style: none; margin-left: 0; padding-left: 0; }
|
|
.toc li { margin: 0.15cm 0; }
|
|
|
|
/* -------- Mermaid/PlantUML (falls genutzt) -------- */
|
|
.mermaid, .plantuml { page-break-inside: avoid; }
|
|
|
|
/* -------- Emoji Größe anpassbar -------- */
|
|
.emoji { height: 1.25em; }
|
|
|