Signature
-----BEGIN SSH SIGNATURE-----
U1NIU0lHAAAAAQAAADMAAAALc3NoLWVkMjU1MTkAAAAgBTEvCQk6VqUAdN2RuH6bj1dNkY
oOpbPWj+jw4ua1B1cAAAADZ2l0AAAAAAAAAAZzaGE1MTIAAABTAAAAC3NzaC1lZDI1NTE5
AAAAQDIalE27ywzF8ThLMoriKX21igSE496c1osg9uxyw1YaPa9MNywXaPL2wjWhEmJm/6
IJqbJ/ZEmp73jGBFysVQM=
-----END SSH SIGNATURE-----
diff --git a/static/sakura.css b/static/sakura.css
index 22b5a0a468044f3b8c4e4730e8439938c097c6c1..393a82fe9f98bfd18e25411a54a71f1b621c5a91 100644
--- a/static/sakura.css
+++ b/static/sakura.css
@@ -18,7 +18,7 @@ --blossom: #94e2d5;
--fade: #f5c2e7;
--bg: #1e1e2e;
--bg-alt: #11111b;
- --text: #cdd6f4;
+ --text: #cdd6f4;
}
}
@@ -43,12 +43,19 @@ body {
font-size: 1.53rem;
}
}
+
@media (max-width: 382px) {
body {
font-size: 1.35rem;
}
}
-h1, h2, h3, h4, h5, h6 {
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
line-height: 1.1;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-weight: 700;
@@ -89,7 +96,9 @@ margin-top: 0px;
margin-bottom: 2.5rem;
}
-small, sub, sup {
+small,
+sub,
+sup {
font-size: 75%;
}
@@ -101,9 +110,11 @@ a {
text-decoration: none;
color: var(--blossom);
}
+
a:visited {
- color: #144f5a;
+ color: oklch(from var(--blossom) calc(l * 0.5) c h);
}
+
a:hover {
color: var(--fade);
border-bottom: 2px solid var(--text);
@@ -135,7 +146,8 @@ blockquote p {
margin-bottom: 0;
}
-img, video {
+img,
+video {
height: auto;
max-width: 100%;
margin-top: 0px;
@@ -153,14 +165,16 @@ margin-bottom: 2.5rem;
font-size: 0.9em;
}
-code, kbd, samp {
+code,
+kbd,
+samp {
font-size: 0.9em;
padding: 0 0.5em;
background-color: var(--bg-alt);
white-space: pre-wrap;
}
-pre > code {
+pre>code {
padding: 0;
background-color: transparent;
white-space: pre;
@@ -175,16 +189,20 @@ border-collapse: collapse;
margin-bottom: 2rem;
}
-td, th {
+td,
+th {
padding: 0.5em;
border-bottom: 1px solid var(--bg-alt);
}
/* Buttons, forms and input */
-input, textarea {
+input,
+textarea {
border: 1px solid var(--text);
}
-input:focus, textarea:focus {
+
+input:focus,
+textarea:focus {
border: 1px solid var(--blossom);
}
@@ -192,7 +210,12 @@ textarea {
width: 100%;
}
-.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
+.button,
+button,
+input[type=submit],
+input[type=reset],
+input[type=button],
+input[type=file]::file-selector-button {
display: inline-block;
padding: 5px 10px;
text-align: center;
@@ -205,23 +228,44 @@ border: 1px solid var(--blossom);
cursor: pointer;
box-sizing: border-box;
}
-.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+
+.button[disabled],
+button[disabled],
+input[type=submit][disabled],
+input[type=reset][disabled],
+input[type=button][disabled],
+input[type=file]::file-selector-button[disabled] {
cursor: default;
opacity: 0.5;
}
-.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+
+.button:hover,
+button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+input[type=button]:hover,
+input[type=file]::file-selector-button:hover {
background-color: var(--fade);
color: var(--bg);
outline: 0;
}
-.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+
+.button:focus-visible,
+button:focus-visible,
+input[type=submit]:focus-visible,
+input[type=reset]:focus-visible,
+input[type=button]:focus-visible,
+input[type=file]::file-selector-button:focus-visible {
outline-style: solid;
outline-width: 2px;
}
-textarea, select, input {
+textarea,
+select,
+input {
color: var(--text);
- padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+ padding: 6px 10px;
+ /* The 6px vertically centers text on FF, ignored by Webkit */
margin-bottom: 10px;
background-color: var(--bg-alt);
border: 1px solid var(--bg-alt);
@@ -229,7 +273,10 @@ border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
}
-textarea:focus, select:focus, input:focus {
+
+textarea:focus,
+select:focus,
+input:focus {
border: 1px solid var(--blossom);
outline: 0;
}
@@ -238,8 +285,10 @@ input[type=checkbox]:focus {
outline: 1px dotted var(--blossom);
}
-label, legend, fieldset {
+label,
+legend,
+fieldset {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
-}
+}
\ No newline at end of file