+html {
+ font-size: 12px;
+ height: 100%;
+}
+
body {
- color: #000;
+ margin: 5rem auto;
+ color: #222;
background-color: #fff;
font-family: monospace;
+ width: 66rem;
}
h1, h2, h3, h4, h5, h6 {
border: 0;
}
+a:target {
+ background-color: #ccc;
+}
+
a.d,
a.h,
a.i,
text-decoration: none;
}
+#blob {
+ display: block;
+ max-width: 100%;
+ overflow-x: scroll;
+}
+
+article.markup {
+ font-size: 15px;
+ border: 2px solid #00000017;
+ border-radius: 10px;
+ font-family: sans-serif;
+ padding: 2.5em;
+ margin: 2em 0;
+}
+
+article.markup code {
+ font-size: 0.9em;
+ border: 1px solid #dbdbdb;
+ background-color: #f7f7f7;
+ padding: 0 0.3em;
+ border-radius: 0.3em
+}
+
+article.markup pre code {
+ border: none;
+ background: none;
+ padding: 0;
+ border-radius: 0;
+}
+
+article.markup pre {
+ background-color: #f7f7f7;
+ padding: 1em;
+ border: 1px solid #dbdbdb;
+ border-radius: 0.3em;
+}
+
+article.markup h1 {
+ font-size: 2.4em;
+ padding-bottom: 6px;
+ border-bottom: 5px solid #0000000a;
+}
+
+article.markup h2 {
+ font-size: 1.9em;
+ padding-bottom: 5px;
+ border-bottom: 2px solid #00000014;
+}
+
+article.markup h3 {
+ font-size: 1.5em;
+}
+
+article.markup h4 {
+ font-size: 1.3em;
+}
+
+article.markup h5 {
+ font-size: 1.1em;
+}
+
+article.markup h6 {
+ font-size: 1em;
+}
+
+article img {
+ max-width: 100%;
+}
+
+.linenos {
+ margin-right: 0;
+ border-right: 1px solid rgb(0 0 0 / 8%);
+ user-select: none;
+}
+
+.linenos a {
+ margin-right: 0.9em;
+ user-select: none;
+ text-decoration: none;
+}
+
#blob a {
color: #777;
}
pre a.d:hover {
text-decoration: none;
}
+
+.url td:nth-child(2) {
+ padding-top: 0.2em;
+ padding-bottom: 0.9em;
+}
+
+.url td:nth-child(2) span {
+ padding: 1px 5px;
+ background-color: #eee;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+
+.url td:nth-child(2) span a {
+ color: #444;
+}