diff options
Diffstat (limited to 'pages/html/style.gohtml')
| -rw-r--r-- | pages/html/style.gohtml | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/pages/html/style.gohtml b/pages/html/style.gohtml new file mode 100644 index 0000000..bb15fb9 --- /dev/null +++ b/pages/html/style.gohtml @@ -0,0 +1,84 @@ +{{ define "style"}} +<style> + @media (prefers-color-scheme: dark) { + html { + background-color: #3e3b37; + color: rgb(222, 213, 200); + } + } + + body { + max-width: 44em; + margin: auto; + display: flex; + flex-direction: column; + gap: 32px; + + & p { + padding: 4px 0; + } + } + main { + min-height: 105vh; + display: flex; + gap: 16px; + flex-direction: column; + align-items: center; + } + + label { + display: flex; + justify-content: end; + width: 100%; + gap: 8px; + } + + form { + font-family: system-ui; + display: flex; + flex-direction: column; + gap: 4px; + + width: 100%; + + & input { + background-color: #fefcf8; + color: rgb(30, 27, 25); + border-color: #bad1f9; + border-style: double; + } + + & input[type="number"] { + width: 48px; + } + + & input[type="text"] { + width: 20em; + } + + & input[type="submit"] { + background-color: #bef8d7; + border-color: #395143; + } + } + + header { + display: flex; + align-items: baseline; + gap: 16px; + justify-content: space-between; + + & a { + text-decoration: none; + } + + & h1 { + font-family: monospace + } + } + + a { + color: #f2cae2; + } +</style> +{{end}}
\ No newline at end of file |