From 00ad5932d73fca7ec60acf5a6fa64bab6fed0224 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Fri, 17 Nov 2023 17:10:16 +0530 Subject: first commit --- static/css/styles.css | 131 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 static/css/styles.css (limited to 'static') diff --git a/static/css/styles.css b/static/css/styles.css new file mode 100644 index 0000000..db50f91 --- /dev/null +++ b/static/css/styles.css @@ -0,0 +1,131 @@ +:root { + --bg: #c5c8c6; + --bg-alt: #1d1f21; + + --fg: #1d1f21; + --fg-alt: #c5c8c6; + + --selection-bg: #004391; + --selection-fg: #c5c8c6; + + --nav-fg: #74a8e4; + + --link-fg: #004391; + + --codeblock-bg: #303132; + --codeblock-fg: #ffffff; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg: #1d1f21; + --bg-alt: #303132; + + --fg: #c5c8c6; + --fg-alt: #c5c8c6; + + --selection-bg: #3c76bb; + --selection-fg: #c5c8c6; + + --nav-fg: #74a8e4; + + --link-fg: #3c76bb; + } +} + +* { + font-family: sans-serif; +} + +body { + background-color: var(--bg); + color: var(--fg); + + line-height: 1.5; + + margin: 0; + padding: 0; +} + +::selection { + background: var(--selection-bg); + color: var(--selection-fg); +} + +::-moz-selection { + background: var(--selection-bg); + color: var(--selection-fg); +} + +a { + color: var(--link-fg); +} + +img { + display: block; + max-width: 100%; + max-height: 30rem; +} + +code { + background-color: var(--codeblock-bg); + color: var(--codeblock-fg); + padding: 5px 8px; + border-radius: 4px; + font-family: monospace; +} + +pre code { + overflow-x: auto; + display: block; +} + +main { + width: 95%; + max-width: 1300px; + margin: 4rem auto auto auto; +} + +nav { + margin-bottom: 0.3rem; + display: flex; + justify-content: center; + gap: 1rem; +} + +nav a { + color: var(--nav-fg); + text-decoration: none; +} + +nav a.active { + text-decoration: underline; +} + +#site-header { + width: 100%; + overflow: hidden; + background-color: var(--bg-alt); + color: var(--fg-alt); +} + +#site-header h1, #site-header p, #site-header nav { + text-align: center; +} + +.release { + border: 1px solid var(--fg); + padding: 5px 8px; + border-radius: 4px; +} + +.release-info .release-header { + border-bottom: 1px solid var(--fg); + margin: 0; + font-size: 1.7em; +} + +.release-info .release-header a { + color: var(--fg); + text-decoration: none; +} -- cgit v1.2.3