Improve the overall layout; add link galleries

1 files changed, 24 insertions, 2 deletions

diff --git a/styles/opticks.css b/styles/opticks.css
index bfd4eca..4d55d75 100644
--- a/styles/opticks.css
+++ b/styles/opticks.css
@@ -18,6 +18,7 @@ html {
 /* The page */
 body {
 	width: 80%;
+	max-width: 65em;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 2em;
@@ -66,7 +67,7 @@ body {
 #content {
 	padding-bottom: 0.6em;
 	overflow: auto;
-	padding: 1em;
+	padding: 2em;
 	min-height: 10em;
 
 	background-color: white;
@@ -130,7 +131,7 @@ a:active {
 }
 
 /* Inline code and code blocks */
-code, pre.code {
+pre, code, pre.code {
 	font-family: monospace;
 	white-space: pre;
 }
@@ -537,3 +538,24 @@ fieldset, div.input, div.selection, div.other {
 .toolbutton {
 	background: white;
 }
+
+/*
+ FRONT PAGE LINK GALLERIES
+*/
+
+div.link-gallery {
+	text-align: center;
+}
+
+div.link-gallery > div {
+	display: inline-block;  
+	margin-left: 1em;
+	margin-right: 1em;
+}
+
+div.link-gallery > div > span {
+	display: block;
+
+	font-size: 130%;
+	font-variant: small-caps;
+}