From 3de23d681b7a4fbf0adaf2bfc33760e568c4dde1 Mon Sep 17 00:00:00 2001 From: Jarkko Toivanen Date: Sat, 28 Sep 2024 19:42:37 +0300 Subject: [PATCH] What a *flex* --- index.php | 18 ++++++++++++++++++ style.css | 46 +++++++++++++++++++++++++++++++++------------- 2 files changed, 51 insertions(+), 13 deletions(-) diff --git a/index.php b/index.php index 56a01fa..93ee7b8 100755 --- a/index.php +++ b/index.php @@ -14,6 +14,23 @@ if(!$database) { Snuffler +
+ +
+
    +
  • Kotisivu
    • +
  • Viestit
    • +
  • Kalavaleet
    • +
  • Takasivu
    • +
+
+
+
    +
  • Mikko Mällikäs
    @mmallikas
    • +
  • Jarkko Toivanen
    @jt
    • +
+
+
Snuffler
@@ -67,5 +84,6 @@ $database->close(); ?>
+
diff --git a/style.css b/style.css index a4862d5..76d33bd 100644 --- a/style.css +++ b/style.css @@ -7,6 +7,26 @@ hr { border-color: #584200; } + +#flexout { + display: flex; + max-width: 75rem; + margin: auto; + justify-content: center; +} +#lpanel { + order: 0; +} +#rpanel { + order: 2; +} +#rpanel, #lpanel, .flexpanel { + width: 15rem; + border-radius: 1rem; + padding: .5rem; + background-color: #271d00; +} + #loginform { text-align: center; } @@ -19,17 +39,22 @@ hr { height: 1em; } #centerbox { - margin: auto; - max-width: 50em; + margin-left: 1rem; + margin-right: 1rem; + background-color: #271d00; + border-radius: 1rem; + padding: .5rem; + flex-grow: 1; + order: 1; } #postform { - margin-top: 1em; - margin-bottom: 1em; + margin-top: 1rem; + margin-bottom: 1rem; } #postformtextarea { box-sizing: border-box; width: 100%; - border-radius: 1em; + border-radius: 1rem; } #postformactionrow { text-align: right; @@ -38,14 +63,9 @@ hr { .post { border-style: solid; border-width: 1px; - padding: 1em; - margin-top: 1em; - margin-bottom: 1em; - border-radius: 1em; - /* - margin: auto; - max-width: 50em; - */ + padding: 1rem; + margin-top: 1rem; + border-radius: 1rem; } .postactions { float: right;