« get me outta code hell

css: tweak page box model to support scrolling background - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-05-09 13:22:13 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-05-09 13:22:13 -0300
commitc45b00706fe7b021b8e89881ebf8a30aaed7cc01 (patch)
tree67abb6820348423d8100567762cc1283055a53bd
parent76ebfecb51b51585bc12164ad2a0bb2a8223392b (diff)
css: tweak page box model to support scrolling background
-rw-r--r--src/static/site6.css10
1 files changed, 6 insertions, 4 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index 66518d3b..c23acffb 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -32,7 +32,9 @@
 /* Layout - Common */
 
 body {
-  margin: 10px;
+  position: relative;
+  margin: 0;
+  padding: 10px;
   overflow-y: scroll;
 }
 
@@ -41,8 +43,8 @@ body::before {
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   z-index: -1;
 
   /* NB: these are 100 LVW, "largest view width", etc.
@@ -56,7 +58,7 @@ body::before {
 
 #page-container {
   max-width: 1100px;
-  margin: 10px auto 50px;
+  margin: 0 auto 40px;
   padding: 15px 0;
 }