Use multi-column layout and correct header colour

Also fixed some tab indents

Change-Id: If2e4301d2199e0a72c8d859231430c1982fd0fc0
Reviewed-on: https://gerrit.libreoffice.org/11649Reviewed-by: Caolán McNamara <caolanm@redhat.com>
Tested-by: Caolán McNamara <caolanm@redhat.com>

solenv/bin/mkdocs.sh

@@ -25,14 +25,14 @@ function header {
 	<style>
 	* { margin: 0; padding: 0; }
 	body { font-family: sans-serif; font-size: 12px; }
-	#head { padding: 20px; background: #18A303; }
+        #head { padding: 20px; background: #00A500; }
 	#head a { color: #000; }
 	#body { padding: 20px; }
 	#foot { padding: 10px; font-size: 9px; border-top: 1px #18A303 solid; margin-top: 25px; }
 	p { line-height: 1.7em; margin-bottom: 1em; }
 	pre { margin-bottom: 0.5em; }
-	.multi-col { -moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em; }
-	h1 {margin-bottom: 0.5em;}
+        .multi-col { -moz-column-width: 20em; -webkit-column-width: 20em; -moz-column-gap: 1em; -webkit-column-gap: 1em; }
+        h1 { margin-bottom: 0.5em; }
 	h2,h3,h4 { margin: 1.3em 0 0.5em 0; }
 	ul, ol { margin: 0.5em 1.5em; }
 	</style>
@@ -42,7 +42,7 @@ function header {
 	<h1>$title</h1>
 	<p>$breadcrumb</p>
 	</div>
-	<div id="body">
+        <div id="body" style="multi-col">
 EOF
 }