a { text-decoration: none; color: hsl(210 100 50); } mark { background: linear-gradient(120deg, hsl(200 100 50), hsl(290 100 50), hsl(40 100 50)); background-clip: text; color: transparent; } body { margin: 0; } .tm_preview { /* TASK;2021-03-19;TechMemo;LR;LV;TechMemoCSS;Automatische Silbentrennung wird verwendet */ hyphens: auto; /* Requires '' to work properly. */ font-family: "Avenir", "Adwaita Sans", "Segoe UI", sans-serif; /* TASK;2021-03-15;TechMemo;LR;HV;TechMemoCSS;Der Kontrast von Text zu Hintergrund ist maximiert (Schwarz auf Weiß) */ background-color: #fff; } /* TASK;2021-03-16;TechMemo;LR;HV;TechMemoCSS;Die verwendeten Schriftarten haben 9 verschiedene Gewichtungen */ h1 { /* Hero */ font-size: 2.2em; font-weight: 350; font-family: "Didot", "Theano Didot", "Source Serif Pro", "Georgia", serif; } h2 { font-size: 1.9em; font-weight: 350; font-family: "Didot", "Theano Didot", "Source Serif Pro", "Georgia", serif; } h3 { font-size: 1.6em; font-weight: 350; } h4 { font-size: 1.3em; font-weight: 350; } p, li, h1, h2, h3, h4 { /* TASK;2021-03-17;TechMemo;LR;HV;TechMemoCSS;Zeilenabstand ist 120% – 145% der Buchstabengröße */ line-height: 2.75ex; /* TASK;2021-03-01;TechMemo;HR;LV;TechMemoCSS;Blocksatz wird verwendet */ /*text-align: justify;*/ } .large, .medium, .small { display: grid; justify-content: center; grid-gap: 5vh 3vw; } .large { grid-template-columns: repeat(auto-fit, minmax(22em, /*1fr*/ 80em)); } .medium { /* TASK;2021-03-18;TechMemo;LR;HV;TechMemoCSS;Die Zeilenlänge entspricht dreimal dem kleinen Alphabet mit Leerzeichen */ grid-template-columns: repeat(auto-fit, minmax(22em, /*1fr*/ 43em)); } .small { grid-template-columns: repeat(auto-fit, minmax(22em, /*1fr*/ 34em)); } table { border-collapse: collapse; margin: auto; text-align: center } tr:hover { background-color: #ddd; } td { border: solid 0.2ex #aaa; padding: 0.2em; } code { background-color: #eee; border-radius: 0.5ex; font-size: smaller; padding: 0.15ex 0.15em; vertical-align: baseline; hyphens: none; } pre { margin: 2ex 1em; font-size: smaller; padding: 1ex 1em; background-color: hsl(0 0 90); border: 0.2ex solid hsl(0 0 80); overflow-x: auto; border-radius: 0.5ex; } blockquote { margin: 1ex 0em 1ex 1em; padding-left: 1em; border-left: 0.2em solid #ddd; font-weight: 300; } blockquote p { margin: 1ex 0; } img { max-width: 100%; max-height: 100vh; color: #e00; } audio, video { width: 100% } pre .string { color: #f00; } pre .storage { color: #f80; } pre .collections { color: #0a0; } pre .structure { color: #0a0; } pre .arithmetic { color: #80f; } pre .trigonometry { color: #80f; } pre .exponentials { color: #80f; } pre .linear_algebra { color: #0aa; } pre .vector_analysis { color: #0aa; } pre .statistics { color: #aa0; } pre .data_types { color: #08f; } pre .constants_logic { color: #f0f; } pre .comment { color: #aaa; } pre .async_parallel { font-weight: 600; } pre .parallel_data { color: #f80; } pre .control_flow { font-weight: 600; } pre .quality { font-weight: 600; } /* TASK;2021-03-25;TechMemo;LR;LV;TechMemoCSS;Es gibt einen Nachtmodus */ @media (prefers-color-scheme: dark) { .tm_preview { color: hsl(0 0 100); background-color: hsl(0 0 10); } code { background-color: #333; } pre { background-color: #111; border-color: #444; } blockquote { border-color: #333; } tr:hover { background-color: #444; } } @media print { body { background-color: #fff; /* TASK;2021-03-20;TechMemo;LR;LV;TechMemoCSS;Schriftgröße ist 10pt – 12pt für den Druck */ font-size: 10pt; } }