misc scripts & programs
katproto.girlonthemoon.xyz
1@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
2 html {
3 color: var(--ctp-frappe-base);
4 background-color: var(--ctp-latte-base);
5 }
6 body {
7 margin: 0 auto;
8 max-width: 50%;
9 padding-left: 50px;
10 padding-right: 50px;
11 padding-top: 50px;
12 padding-bottom: 50px;
13 hyphens: auto;
14 overflow-wrap: break-word;
15 text-rendering: optimizeLegibility;
16 font-kerning: normal;
17 }
18 @media (max-width: 600px) {
19 body {
20 font-size: 0.9em;
21 padding: 12px;
22 max-width: 100%;
23 }
24 h1 {
25 font-size: 1.8em;
26 }
27 }
28 @media print {
29 html {
30 background-color: white;
31 }
32 body {
33 background-color: transparent;
34 color: black;
35 font-size: 12pt;
36 }
37 p, h2, h3 {
38 orphans: 3;
39 widows: 3;
40 }
41 h2, h3, h4 {
42 page-break-after: avoid;
43 }
44 }
45 p {
46 margin: 1em 0;
47 }
48 a, a:link, a:visited, a:link:visited {
49 color: var(--ctp-latte-lavender);
50 }
51 a:hover {
52 text-decoration: none;
53 color: var(--ctp-latte-text);
54 }
55 img {
56 max-width: 100%;
57 }
58 svg {
59 height: auto;
60 max-width: 100%;
61 }
62 h1, h2, h3, h4, h5, h6 {
63 margin-top: 1.4em;
64 color: var(--ctp-frappe-surface0);
65 }
66 h5, h6 {
67 font-size: 1em;
68 font-style: italic;
69 }
70 h6 {
71 font-weight: normal;
72 }
73 ol, ul {
74 padding-left: 1.7em;
75 margin-top: 1em;
76 }
77 li > ol, li > ul {
78 margin-top: 0;
79 }
80 blockquote {
81 margin: 1em 0 1em 1.7em;
82 padding-left: 1em;
83 border-left: 2px solid #e6e6e6;
84 color: #606060;
85 }
86 code {
87 font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
88 font-size: 85%;
89 margin: 0;
90 hyphens: manual;
91 }
92 pre {
93 margin: 1em 0;
94 overflow: auto;
95 padding: 1em;
96 background: #303446;
97 }
98 pre code {
99 padding: 0;
100 overflow: visible;
101 overflow-wrap: normal;
102 }
103 .sourceCode {
104 background-color: transparent;
105 overflow: visible;
106 }
107 hr {
108 background-color: #1a1a1a;
109 border: none;
110 height: 1px;
111 margin: 1em 0;
112 }
113 table {
114 margin: 1em 0;
115 border-collapse: collapse;
116 width: 100%;
117 overflow-x: auto;
118 display: block;
119 font-variant-numeric: lining-nums tabular-nums;
120 }
121 table caption {
122 margin-bottom: 0.75em;
123 }
124 tbody {
125 margin-top: 0.5em;
126 border-top: 1px solid #1a1a1a;
127 border-bottom: 1px solid #1a1a1a;
128 }
129 th {
130 border-top: 1px solid #1a1a1a;
131 padding: 0.25em 0.5em 0.25em 0.5em;
132 }
133 td {
134 padding: 0.125em 0.5em 0.25em 0.5em;
135 }
136 header {
137 margin-bottom: 4em;
138 text-align: center;
139 }
140 #TOC li {
141 list-style: none;
142 }
143 #TOC ul {
144 padding-left: 1.3em;
145 }
146 #TOC > ul {
147 padding-left: 0;
148 }
149 #TOC a:not(:hover) {
150 text-decoration: none;
151 }
152 code{white-space: pre-wrap;}
153 span.smallcaps{font-variant: small-caps;}
154 div.columns{display: flex; gap: min(4vw, 1.5em);}
155 div.column{flex: auto; overflow-x: auto;}
156 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
157 /* The extra [class] is a hack that increases specificity enough to
158 override a similar rule in reveal.js */
159 ul.task-list[class]{list-style: none;}
160 ul.task-list li input[type="checkbox"] {
161 font-size: inherit;
162 width: 0.8em;
163 margin: 0 0.8em 0.2em -1.6em;
164 vertical-align: middle;
165 }
166 .display.math{display: block; text-align: center; margin: 0.5rem auto;}
167
168 ::selection {
169 color: var(--ctp-latte-surface1);
170 background: var(--ctp-frappe-crust);
171 }