Add some css and an xsl transformation to make the admonitions look much better.

Add css to adjust the width, padding and borders of the table.

Add a manual_style.svg file that I was using to compare colors etc, might come
in handy.


git-svn-id: svn://localhost/ardour2/trunk@1419 d708f5d6-7413-0410-9779-e7cbd77b26cf

1 files changed, 80 insertions, 10 deletions

diff --git a/manual/css/ardour_manual.css b/manual/css/ardour_manual.css
index 0e49a34514..cfe7a54b7f 100644
--- a/manual/css/ardour_manual.css
+++ b/manual/css/ardour_manual.css
@@ -2,8 +2,8 @@
 body {
 	background-color: white;
 	margin:0 auto;
-	font-family: "Bitstream Vera Sans","Lucida Grande", verdana, "Luxi Sans","Trebuchet MS", helvetica,verdana,arial,sans-serif;
-	font-size:12px;
+	font-family: "Bitstream Vera Sans","Lucida Grande", "Luxi Sans", verdana, "Trebuchet MS", helvetica,verdana,arial,sans-serif;
+	font-size:9pt;
 	max-width:55em;
 	padding:2em;
 	color:#333;
@@ -12,10 +12,13 @@ body {
 
 /* Links */
 
+/* these colors need work */
+
 a:link {
 	color:#7f83a4;
 }
 
+/* This is too light */
 a:visited {
 	color:#adabc8;
 }
@@ -34,19 +37,91 @@ img {
 
 
 .screen {
-	background-color:#dddddd;
-	color:#333333;
+	background-color:#d5d1b9;
+	color:#333;
 }
 
-pre,code{ 
+pre,code { 
 	padding:.3em 1em;
 	font-size:0.9em;
 	font-family:"Bitstream vera mono",monospace;
 }
 
+pre {
+	display:block;
+	overflow:auto;
+}
+
+code {
+	white-space:nowrap;
+	background-color:#bbb;
+	color:#222;
+}
+
+.command,
+.filename,
+.literal,
+.option {
+	font-weight:bold;
+}
+
+/* Admonitions */
+div.note,
+div.tip,
+div.important,
+div.caution,
+div.warning {
+	background: #27272b url(images/admon-bg.png) top left repeat;
+	color:white;
+	padding:0.8em;
+	margin-bottom:1.5em;
+}
+
+div.note .title,
+div.tip .title,
+div.important .title,
+div.caution .title,
+div.warning .title {
+	font-size:1.3em;
+	color: white;
+}
+
+div.note p,
+div.tip p,
+div.caution p,
+div.warning p,
+div.important p {
+	padding-left:0.5em;
+}
+
+/* Tables */
+
+table {
+	width:100%;
+	border-right:1px solid #aaa;
+	border-collapse:collapse;
+	border-top:1px solid #aaa;
+	border-left:1px solid #aaa;
+	border-bottom:1px solid #aaa;
+}
+
+table th {
+	padding:.2em .5em;
+}
+
+table td {
+	padding:.10em .5em;
+}
+
+table,td,th {
+	border-color:#777 !important;
+}
+
 /* Headings */
 
+
 h1,h2,h3,h4,h5,h6 {
+	/* this color is too purpley */
 	color:#565690;
 	line-height:130%;
 	margin-top:0em;
@@ -75,8 +150,3 @@ h5.formalpara {
 	font-size:1em;
 	margin-top:2em;
 }
-
-/* Element rules*/
-hr{border-collapse: collapse;border-style:none;border-top: 1px dotted #ccc;width:100% !important;}
-sup{color:#999;}
-