diff --git a/static/sakura.css b/static/sakura.css index 393a82fe9f98bfd18e25411a54a71f1b621c5a91..22b5a0a468044f3b8c4e4730e8439938c097c6c1 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,19 +43,12 @@ 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; @@ -96,9 +89,7 @@ margin-top: 0px; margin-bottom: 2.5rem; } -small, -sub, -sup { +small, sub, sup { font-size: 75%; } @@ -110,11 +101,9 @@ a { text-decoration: none; color: var(--blossom); } - a:visited { - color: oklch(from var(--blossom) calc(l * 0.5) c h); + color: #144f5a; } - a:hover { color: var(--fade); border-bottom: 2px solid var(--text); @@ -146,8 +135,7 @@ blockquote p { margin-bottom: 0; } -img, -video { +img, video { height: auto; max-width: 100%; margin-top: 0px; @@ -165,16 +153,14 @@ 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; @@ -189,20 +175,16 @@ 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); } @@ -210,12 +192,7 @@ 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; @@ -228,44 +205,23 @@ 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); @@ -273,10 +229,7 @@ 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; } @@ -285,10 +238,8 @@ 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 +}