From ae72b8f9976a1c0cca66ff4cb31eadf311c677e7 Mon Sep 17 00:00:00 2001 From: Ahmed Date: Mon, 1 Jun 2026 22:19:27 +0300 Subject: init: moved to own site --- static/styles/main.css | 166 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 166 insertions(+) create mode 100644 static/styles/main.css (limited to 'static/styles/main.css') diff --git a/static/styles/main.css b/static/styles/main.css new file mode 100644 index 0000000..be4fd2d --- /dev/null +++ b/static/styles/main.css @@ -0,0 +1,166 @@ +@font-face { + font-family: "Kawkab Mono"; + src: url(/fonts/KawkabMono-Regular.woff2); + font-weight: normal; +} + +@font-face { + font-family: "Kawkab Mono"; + src: url(/fonts/KawkabMono-Bold.woff2); + font-weight: bold; +} + +@font-face { + font-family: "Kawkab Mono"; + src: url(/fonts/KawkabMono-Light.woff2); + font-weight: light; +} + + +* { + unicode-bidi: plaintext; +} + +html { + color: black; + background-color: white; +} + +body { + font-family: "Kawkab Mono"; + font-size: 16px; + line-height: 1.4; + margin: 0; + padding: 4rem 0; + min-height: 100%; + overflow-wrap: break-word; +} + +h1, +header, +footer { + text-align: center; +} + +nav { + text-align: start; +} + +main { + text-align: justify; +} + +main, +header, +footer { + max-width: 800px; + margin-inline: auto; + padding: 0 2rem; +} + +@media (max-width: 600px) { + body { + font-size: 0.9em; + } + + h1 { + font-size: 1.8em; + } +} + +@media (max-width: 400px) { + body { + font-size: 0.8em; + } + + h1 { + font-size: 1.6em; + } +} + + +p, +h2, +h3, +h4 { + margin: 1em 0 0 0; +} + +ul, +ol { + margin: 0; +} + +img { + max-width: 100%; +} + +svg { + height: auto; + max-width: 100%; +} + +blockquote { + margin-block: 1em; + margin-inline-start: 1.4em; + margin-inline-end: 0; + padding-inline-start: 1em; + border-inline-start: thick solid; +} + +code { + font-size: 85%; + margin: 0; + hyphens: manual; +} + +pre { + margin: 1em 0; +} + +pre code { + border: thin solid; + padding: 1em; + display: block; + text-align: start; + overflow-x: scroll; +} + +table { + margin:auto; + border-collapse: collapse; +} + +th, +td { + border: 1px solid; +} + +header { + margin-bottom: 1em; +} + +footer { + margin-top: 3em +} + +.network { + font-size: 0.85em; + margin-top: 0.75em; +} + +@media (prefers-color-scheme: dark) { + + html, + body[theme="auto"] { + filter: invert(1); + } + + img { + filter: invert(1); + } + + .invertible { + filter: invert(0); + } +} \ No newline at end of file -- cgit v1.2.3