From cf52f530761a3ac68b939f2c303c0dd62db3f8eb Mon Sep 17 00:00:00 2001 From: MCorange99 Date: Thu, 28 Mar 2024 01:24:13 +0200 Subject: [PATCH] uwu --- static/css/global.css | 94 ++++++++++++++++++++++++++++++++++++------- static/global.css | 89 ---------------------------------------- templates/index.html | 2 +- 3 files changed, 81 insertions(+), 104 deletions(-) delete mode 100644 static/global.css diff --git a/static/css/global.css b/static/css/global.css index 45ec267..2fa4b71 100644 --- a/static/css/global.css +++ b/static/css/global.css @@ -1,23 +1,89 @@ - -/* fonts here */ - -:root { - /* global vars like colors here */ -} - - -#nav { +body { + + background: url(/static/assets/bg.gif); + color: white; + font-family: monospace; + height: 100vh; + margin: 0; + display: flex; + justify-content: center; } -.nav-logo { +.titlebar { + text-align: center; +} + +.box { + + background: rgba(0, 0, 0, 0.8); + border: 2px solid purple; + padding: 10px; + box-sizing: border-box; + text-align: center; + width: 100%; + margin: 5px; + +} + +a:link { + + color: purple; + text-decoration: none; } -.nav-btn { - +#content { + width: 50%; } -.nav-btn-active { - +#main-pane { + width: 100%; + padding: 10px; + display: flex; + flex-direction: row; +} + +#content-pane, #sidenav { + height: 80vh; +} + +#sidenav { + + width: 25%; + font-size: 12pt; + + display: flex; + flex-direction: column; +} + +@media only screen and (max-width: 1080px) { + #content { + width: 90%; + } + + #main-pane { + + flex-direction: column; + width: 96%; + + } + + #content-pane, #sidenav { + height: 100%; + width: 100%; + } + + #sidenav { + + flex-direction: row; + + } + + #sidenav a { + + margin-left: 10px; + + } + } diff --git a/static/global.css b/static/global.css deleted file mode 100644 index 2fa4b71..0000000 --- a/static/global.css +++ /dev/null @@ -1,89 +0,0 @@ -body { - - background: url(/static/assets/bg.gif); - color: white; - font-family: monospace; - height: 100vh; - margin: 0; - display: flex; - justify-content: center; - -} - -.titlebar { - text-align: center; -} - -.box { - - background: rgba(0, 0, 0, 0.8); - border: 2px solid purple; - padding: 10px; - box-sizing: border-box; - text-align: center; - width: 100%; - margin: 5px; - -} - -a:link { - - color: purple; - text-decoration: none; - -} - -#content { - width: 50%; -} - -#main-pane { - width: 100%; - padding: 10px; - display: flex; - flex-direction: row; -} - -#content-pane, #sidenav { - height: 80vh; -} - -#sidenav { - - width: 25%; - font-size: 12pt; - - display: flex; - flex-direction: column; -} - -@media only screen and (max-width: 1080px) { - #content { - width: 90%; - } - - #main-pane { - - flex-direction: column; - width: 96%; - - } - - #content-pane, #sidenav { - height: 100%; - width: 100%; - } - - #sidenav { - - flex-direction: row; - - } - - #sidenav a { - - margin-left: 10px; - - } - -} diff --git a/templates/index.html b/templates/index.html index 8f9ad31..7095dc5 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,7 +5,7 @@ placeholder - +