noxz-sites

A collection of a builder and various scripts creating the noxz.tech sites
git clone https://noxz.tech/git/noxz-sites.git
Log | Files | README | LICENSE

commit: a9610d600e971a51416a1c13feffd7e2972785ca
parent: 0285eccf3d55dceeda430ac8fea05a82f1bab4d0
author: Chris Noxz <chris@noxz.tech>
date:   Tue, 12 Jul 2022 17:54:23 +0200
center page layout
Mconfig/main.html6++++++
Mnoxz.tech/pub/style.css22++++++++++++++++----
2 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/config/main.html b/config/main.html
@@ -13,13 +13,16 @@
 </head>
 <body>
 	<div id="header">
+		<div>
 		<a id="header-logo" href="//noxz.tech/"><img src="{:logo:}" alt="logo"/></a>
 		<a id="header-link" href="//noxz.tech/">{:main_title:}</a>
 		<span id="header-subtitle">{:sub_title:}</span>
 		<a id="header-source" href="//noxz.tech/git">source</a>
+		</div>
 	</div>
 	<hr class="hidden-ruler"/>
 	<div id="content">
+		<div>
 		<table>
 			<tr>
 				<td id="nav" valign="top">
@@ -35,14 +38,17 @@
 				</td>
 			</tr>
 		</table>
+		</div>
 	</div>
 	<hr class="hidden-ruler"/>
 	<div id="footer">
+		<div>
 		<span class="right">
 			Copyright &copy; 2006-{:year:} Chris Noxz
 			| <a href="//noxz.tech/about/copying_policy">copying policy</a>
 			| <a href="//noxz.tech/git">source</a>
 		</span>
+		</div>
 	</div>
 </body>
 </html>
diff --git a/noxz.tech/pub/style.css b/noxz.tech/pub/style.css
@@ -3,11 +3,27 @@ body {
 	color           : #222;
 	font-family     : monospace, sans-serif;
 	font-size       : 1rem;
-	line-height     : 2em;
+	line-height     : 1.8;
 	padding         : 0;
 	margin          : 0;
+	overflow-y      : scroll;
 }
 
+/* begining: setup centered theme */
+#header > div, #footer > div, #content > div {
+	max-width       : 980px;
+	margin          : 0 auto;
+}
+
+#content > div {
+	max-width       : 1000px;
+	background-color: #ffffff;
+	border          : solid 1px #ddd;
+	border-top      : none;
+	border-bottom   : none;
+}
+/* end: setup centered theme */
+
 a {
 	color           : #005386;
 	text-decoration : none;
@@ -92,7 +108,6 @@ p, li {
 code {
 	font-family     : monospace;
 	font-size       : 1rem;
-	line-height     : 2rem;
 	background-color: #efefef;
 	padding         : 0.3em;
 }
@@ -105,7 +120,6 @@ pre {
 
 pre code {
 	font-size       : 0.9rem;
-	line-height     : 1.8rem;
 	background-color: none;
 	padding         : 0;
 }
@@ -114,7 +128,6 @@ pre code {
 	clear           : both;
 	margin          : 0;
 	padding         : 0;
-	background-color: #ffffff;
 	overflow        : hidden;
 }
 
@@ -286,6 +299,7 @@ ul.repo-log {
 ul.repo-log li {
 	font-family     : monospace;
 	font-size       : 0.7em;
+	text-align      : left !important;
 }
 
 ul.repo-log li .log-date {