Minor styling work, centering all content

1 files changed, 7 insertions, 5 deletions

diff --git a/local.css b/local.css
index 4576f1f..2d871ac 100644
--- a/local.css
+++ b/local.css
@@ -1,3 +1,4 @@
+*{box-sizing:border-box;}
 body{line-height:1.4;}
 img{height:auto;max-width:100%;}
 h1{font-size:2.2rem;}
@@ -7,10 +8,11 @@ table{border-collapse:collapse;text-align:left;width:100%;}
 table tr{border-bottom:1px solid;}
 table td{padding:8px;}
 blockquote{border-left:4px solid;font-size:120%;font-style:italic;margin-left:0;padding-left:10px;}
-#pagebody{margin:0 auto;max-width:900px;}
-.sidebar{border:1px solid; padding:1rem; margin-right:10px;width:auto;}
+.pageheader,#pagebody,.sidebar,.pagefooter{margin:0 auto;max-width:900px;}
+.sidebar{border:0;padding:0;}
 .sidebar p{font-size:1rem;margin-top:0;}
-.sidebar ul{margin-bottom:0;padding-left:20px;}
+.sidebar ul{list-style:none;margin-bottom:0;padding:0 20px;}
+.sidebar ul li{display:inline-block;}
 .blogform{display:none;margin-bottom:1em;}
 .pageheader .trails{display:none;}
 .pagedate{margin-top:4rem;}
@@ -24,13 +26,13 @@ blockquote{border-left:4px solid;font-size:120%;font-style:italic;margin-left:0;
 	h1{font-size:1.6rem;}
 	.pageheader{padding:1em 0.5em 1.5em;}
 	.page{display:block;}
-	.sidebar{float:right;margin:10px;}
+	.sidebar ul{padding: 0 10px;}
 }
 
 @media (prefers-color-scheme: dark) {
 	body {background:#2d2d2d;color:white;}
 	a{color:goldenrod;}
-	.pageheader,.sidebar{background:black;color:white !important;}
+	.pageheader,.sidebar{background:#2d2d2d;color:white !important;}
 	pre,code{background:black;}
 	.pageheader .actions ul li{background:#2d2d2d;}
 }