Layout changes

themes/theme/templates/style.css

@@ -24,7 +24,7 @@
 			}
 
 			.index h3 {
-				font: 1.1rem/1.5 serif;
+				font: 1.2rem/1.5 serif;
 			}
 
 			.source {
@@ -44,7 +44,7 @@
 			}
 
 			.container {
-				max-width: 56rem;
+				max-width: 42rem;
 				margin: 1rem auto 12rem auto;
 			}
 
@@ -79,16 +79,8 @@
 				margin-left: 1.5rem;
 			}
 
-			.content {
-				max-width: 36rem;
-			}
-
-			.content-wide {
-				max-width: none;
-			}
-
 			.content p {
-				font: 1.1rem/1.5 serif;
+				font: 1.2rem/1.5 serif;
 			}
 
 			.content ul {
@@ -96,13 +88,15 @@
 			}
 
 			.content li {
-				font: 1.1rem/1.5 serif;
+				font: 1.2rem/1.5 serif;
 			}
 
 			.content img:not(.floated) {
 				width: 100%;
 				max-width: 36rem;
 				height: auto;
+				display: block;
+				margin: 0 auto;
 			}
 
 			.content .floated {
@@ -118,19 +112,7 @@
 				border-bottom: none;
 			}
 
-			@media screen and (min-width:36rem) {
-				.content {
-					margin-left: 10rem;
-				}
-
-				.bar {
-					margin-top: 2px;
-					float: left;
-					width: 8rem;
-					text-align: right;
-					white-space: nowrap;
-				}
-
+			@media screen and (min-width:62rem) {
 				.content .aside {
 					display: inline;
 					float: left;
@@ -141,13 +123,6 @@
 				}
 			}
 
-			@media screen and (max-width:36rem) {
-				.bar {
-					overflow: auto;
-					margin-bottom: -1rem;
-				}
-			}
-
 
 			body {
 				background-color: #fff;
@@ -164,7 +139,11 @@
 				border-bottom: 1px solid #555;
 			}
 
-			a.return-home:visited, a.toclink:visited, .toc a:visited {
+			.return-home {
+				margin-bottom: 2rem;
+			}
+
+			.return-home a:visited, a.toclink:visited, .toc a:visited {
 				color: inherit;
 				border-bottom: inherit;
 			}