Mark up documentation with lv2:documentation as per discussion on lv2-dev.

Use unified lv2plug.in style for ontology documentation.

1 files changed, 414 insertions, 116 deletions

diff --git a/doc/style.css b/doc/style.css
index 055a707..825671a 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -1,180 +1,478 @@
-body {
-	color: black;
-	background: white;
+html, body {
+	background-color: #fff;
+	color: #000;
 	margin: 0;
+	padding: 0;
 }
-
-:link {
-	 color: #00C;
-	 background: transparent;
+a:link, a:visited {
+	text-decoration: none;
 }
-
-:visited {
-	 color: #609;
-	 background: transparent;
+a:link {
+	color: #00a;
 }
-
-a:active {
-	 color: #C00;
-	 background: transparent;
+a:visited {
+	color: #518;
 }
-
-h1, h2, h3, h4, h5, h6 {
-	 text-align: left;
+a:hover {
+	text-decoration: underline;
 }
-
-h1, h2 {
-	 background-color: #f2f2f2;
-	 margin-top: 0;
-	 color: #000;
-	 border-bottom: 1px solid #cccccc;
+img {
+	border: 0;
+}
+h1, h2, h3, h4, h5 {
+	font-weight: 400;
+	line-height: 1em;
 }
-
 h1 {
-	 padding: 1ex;
-	 margin-bottom: 0;
+	color: #234764;
+	font-size: 160%;
+	margin: .7em 0 0;
+	text-decoration: none;
+}
+h1 a {
+	color: #234764;
 }
-
 h2 {
-	 border-bottom: 1px solid #b2c0dd;
-	 padding: 0.5ex;
+	color: #366d9c;
+	font-size: 140%;
+	font-weight: 700;
+	margin: 3ex 0 1ex;
 }
-
 h3 {
-	 padding: 0;
-	 margin: 0 0 0.75ex 0;
+	color: #366d9c;
+	font-size: 130%;
+	margin: 0 0 .75ex;
+	padding: 0;
+}
+h4 {
+	color: #366d9c;
+	font-size: 120%;
+	font-style: italic;
+	margin: 2ex 0 0;
+	padding: 0;
+}
+#logoheader {
+	background-color: #f7f7f7;
+	border: 0;
+	border-bottom: 1px solid #999;
+	height: 84px;
+	margin: 0;
+	padding: 1px;
+	z-index: 1;
 }
-
-h2 {
-	 margin: 3ex 0 1ex 0;
+#titleheader {
+	background-color: #f7f7f7;
+	border: 0;
+	border-bottom: 1px solid #999;
+	margin: 0;
+	padding: 1ex;
+}
+#title {
+	color: #366d9c;
+	font-size: 200%;
+	font-weight: 700;
+	margin: .25ex 0 .5ex;
+	padding: 0;
+}
+#logo {
+	height: 63px;
+	margin-left: 1em;
+	margin-top: 10px;
+	width: 100px;
+}
+#content-body {
+	border-bottom: 0;
+	display: block;
+	font-size: 75%;
+	left: 0;
+	margin-left: 2em;
+	min-width: 660px;
+	padding: 3px 10px 0 0;
+	position: absolute;
+	top: 63px;
+	width: 93.900002%;
+	z-index: 0;
+}
+#body-main {
+	font-size: 100%;
+	line-height: 1.4em;
+	margin-left: 19em;
+	padding: 0 .55em 40px 0;
+}
+#left-hand-navigation {
+	left: 1ex;
+	position: absolute;
+	top: 100px;
+	z-index: 1;
+}
+#menu {
+	font-size: 75%;
+	margin-bottom: 5px;
+	padding: 0;
+	width: 16em;
+}
+#menu ul {
+	border: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+#menu ul.level-one a {
+	background-color: #f5f5f5;
+	border: 1px solid #dadada;
+	color: #4b5a6a;
+	display: block;
+	margin: 0 0 4px 1.4em;
+	padding: 2px 2px 2px 4px;
+	text-transform: uppercase;
+	width: 13.4em!important;
+}
+#menu ul.level-one a.selected {
+	background-color: #FFF;
+	border-left: 3px solid #ffdb4c;
+	color: #000;
+}
+#menu ul.level-two li:first-child a {
+	border-top: 0;
+}
+#menu ul.level-two a {
+	background: none;
+	background-color: transparent;
+	border: 0;
+	border-top: 1px solid #ddd;
+	color: #3c4b7b;
+	display: block;
+	margin: 0 3em 0 1.5em;
+	padding: .1em;
+	text-transform: none;
+	width: 11em!important;
+}
+#menu ul.level-two a:visited {
+	color: #4c3b5b;
+}
+#menu ul.level-one ul.level-two a.selected {
+	background-color: #FFF;
+	border-left: 0;
+	color: #000;
+	font-weight: 700;
+}
+#menu li ul {
+	margin-bottom: 7px;
+}
+#menu a {
+	text-decoration: none;
+}
+#menu ul.level-three a {
+	border: 0;
+	color: #5e72a5;
+	display: block;
+	font-size: 95%;
+	margin: 0 3em 0 1.8em;
+	padding: .1em .1em .1em 1em;
+	width: 10em!important;
+}
+#menu ul.level-three li.selected a.selected {
+	color: #000;
+	font-weight: 400;
+}
+#menu ul.level-three {
+	margin-top: 5px;
+}
+#left-hand-navigation h4 {
+	color: #4c5b6b;
+	font-size: 77%;
+	margin: .2em 0 .3em;
+	padding: .4em 0 0 1.5em;
+}
+#left-hand-navigation h4 a {
+	color: #4c5b6b;
+	font-weight: 700;
+	text-decoration: none;
+}
+#body-main ul, #body-main li {
+	margin-left: 1em;
+	padding-left: 0;
+}
+#utility-menu {
+	font-size: 88%;
+	height: 85px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: 4%;
+	top: 0;
+	width: 400px;
+	z-index: 1;
+}
+#utility-menu a {
+	color: #436a85;
+	padding: 0 .5em;
+	text-decoration: none;
+}
+#utility-menu a:hover {
+	text-decoration: underline;
+}
+#utility-menu #screen-switcher {
+	bottom: 0;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: 0;
+}
+#screen-switcher dl {
+	margin: 0;
+	padding: 0;
+}
+#searchbox {
+	font-weight: 700;
+	position: absolute;
+	right: 0;
+	text-align: right;
+	top: 0;
+	vertical-align: middle;
+	white-space: nowrap;
+	width: 28.1em;
+}
+#search {
+	color: #a38e60;
+	padding: 5px 5px 0 0;
+}
+#search .input-text {
+	background-color: #FFF;
+	border: 1px solid #c4cccc;
+	font-size: 116%;
+	font-weight: 400;
+	margin-top: 3px;
+	vertical-align: top;
+	width: 11em;
+}
+#search .input-button {
+	background-color: #f8f7f7;
+	border-bottom: 1px solid #6f7777;
+	border-left: 1px solid #c4cccc;
+	border-right: 1px solid #6f7777;
+	border-top: 1px solid #c4cccc;
+	color: #234;
+	font-weight: 700;
+	margin: 3px .4em 0;
+	padding: 0 .2em;
+	vertical-align: text-top;
+}
+input.formbutton {
+	background-color: #f8f7f7;
+	border-bottom: 1px solid #6f7777;
+	border-left: 1px solid #c4cccc;
+	border-right: 1px solid #6f7777;
+	border-top: 1px solid #c4cccc;
+	color: #234;
+	font-weight: 700;
+	vertical-align: text-top;
+}
+.formtextinput {
+	background-color: #FFF;
+	border: 1px solid #c4cccc;
+	font-size: 116%;
+	font-weight: 400;
+	vertical-align: top;
+}
+div#content table {
+	clear: right;
+}
+#body-main h1.pageheading {
+	margin: 40px 0 10px;
+}
+.content-section {
+	margin-top: 15px;
+}
+.content-section h1 {
+	margin: 0 0 10px;
+}
+.content-section p {
+	margin: 0 0 5px;
+	padding-left: 12px;
+}
+.content-section .pubdate {
+	color: #696969;
+	margin: 0 0 8px;
+	padding: 0 0 0 12px;
+}
+blockquote {
+	border-left: 1px solid #ccc;
+	margin-left: 1em;
+	padding-left: 1em;
+}
+#utility-menu dl {
+	font-size: 80%;
+	font-weight: 700;
+	text-align: right;
+}
+#utility-menu dd {
+	display: inline;
+	font-weight: 400;
+	margin: 0;
+	padding: 0 0 0 8px;
+}
+#utility-menu dd a {
+	color: #888;
+	margin: 0;
+	padding: 0;
+}
+#utility-menu dt {
+	margin: 0;
+}
+#footer {
+	border-top: 1px dashed #ccc;
+	bottom: 0;
+	clear: both;
+	font-size: 75%;
+	margin: 3em 0 0;
+	padding: 1em;
+	position: relative;
+	text-align: right;
+	vertical-align: top;
+}
+.footer-text {
+	margin: 0 0 0 0;
+	vertical-align: top;
+	color: #444;
+}
+#searchbox a.reference, #searchbox span.reference {
+	color: #339;
+	font-size: 85%;
+	font-weight: 400;
+	position: absolute;
+	right: 8.3em;
+	text-decoration: none;
+	top: 2.9em;
+}
+#content {
+	font-size: 115%;
+	min-height: 500px;
+}
+#body-main .success p {
+	margin: 4px 8px;
+}
+body {
+	background: #FFF;
+	color: #000;
+	margin: 0;
+}
+:link {
+	background: transparent;
+	color: #00C;
+}
+:visited {
+	background: transparent;
+	color: #609;
+}
+a:active {
+	background: transparent;
+	color: #C00;
+}
+.sec {
+	background-color: #f7f7f7;
+	border-bottom: 1px solid #CCC;
+	color: #000;
+	margin: 1em 0 .5em;
+	padding: 1ex;
 }
-
 ul, ol {
-	 margin: 0 1ex 2ex 1ex;
+	margin: 0 1ex 2ex;
 }
-
 .content {
-	 margin-left: 1.5em;
-	 margin-right: 1.5em;
+	margin-left: 1.5em;
+	margin-right: 1.5em;
 }
-
 .label {
-	 font-style: italic;
-	 margin: 1ex 0 1ex 0;
-	 }
-
+	font-style: italic;
+	margin: 1ex 0;
+}
 .index {
-	 margin-left: 1em;
+	margin-left: 1em;
 }
-
 .restriction {
-	 margin: 0.5ex 0 2ex 4ex;
-	 background-color: #eee;
-	 padding: 0.25ex;
-	 border: 1px solid #ddd;
+	border-left: 4px solid #ddd;
+	margin: .5ex 0 1ex 4ex;
+	padding: 0 0 0 1ex;
 }
-
 .description {
-	 margin-bottom: 2ex;
+	margin-bottom: 2ex;
 }
-
 .blankdesc {
-	 background-color: #eee;
-	 margin: 0.5em;
-	 border: 1px solid #ddd;
+	background-color: #eee;
+	border: 1px solid #ddd;
+	margin: .5em;
 }
-
 .blankterm {
-	 padding-right: 0.5em;
+	padding-right: .5em;
 }
-
 .specterm {
-	 margin-top: 1ex;
-	 padding: 1ex;
-	 background-color: #fafafa;
-	 border: 1px solid #ddd;
-}
-
-.footer {
-	margin-top: 3ex;
+	background-color: #fbfbfb;
+	border: 1px solid #ddd;
+	margin-top: 1ex;
 	padding: 1ex;
-	border-top: solid #4a6aaa 1px;
-	text-align: right;
 }
-
-.footer-text {
-	 font-size: small;
-	 color: #2a3c61;
-	 vertical-align: top;
-}
-
 dl {
-	 padding: 0;
-	 margin: 0;
+	margin: 0;
+	padding: 0;
 }
-
 dt {
-	 font-weight: bold ;
-	 margin-top: 0.75ex;
+	font-weight: 700;
+	margin-top: .75ex;
 }
-
 hr {
-	color: silver;
 	background-color: silver;
-	height: 1px;
 	border: 0;
-	margin-top: 1.5ex;
+	color: silver;
+	height: 1px;
 	margin-bottom: 1.5ex;
+	margin-top: 1.5ex;
 }
-
 div.head {
-	 margin-bottom: 1em;
+	margin-bottom: 1em;
 }
-
 div.head h1 {
-	 margin-top: 2em;
-	 clear: both;
+	clear: both;
+	margin-top: 2em;
 }
-
 div.head table {
-	 margin-left: 2em;
-	 margin-top: 2em;
-}
-
-th {
-	 text-align: left;
+	margin-left: 2em;
+	margin-top: 2em;
 }
-
 td {
-	 padding-right: 2ex;
+	padding-right: 2ex;
 }
-
-.meta {
-	background-color: #f9fafc;
+#meta {
+	border-bottom: 1px solid #c4cfe5;
 	font-size: small;
-	margin: 0 0 2ex 0;
+	margin: 0 0 2ex;
 	padding: 1ex 0 1ex 2ex;
-	border-bottom: 1px solid #c4cfe5;
 }
-
 .metahead {
-	 padding-right: 1ex;
+	padding-right: 1ex;
 }
-
 pre {
-	 margin-left: 2em;
-	 color: #373;
+	color: #373;
+	margin-left: 2em;
 }
-
 code {
-	 color: #373;
+	color: #373;
+}
+#menu li, #searchbox form, ul#iconbar li, #body-main .success p a {
+	display: inline;
+}
+#menu ul.level-one a:hover, #menu ul.level-two a:hover, #menu ul.level-three a:hover, #left-hand-navigation h4 a:hover {
+	color: #000;
+	text-decoration: underline;
+}
+h1, h2, h3, h4, h5, h6, th {
+	text-align: left;
 }
-
 @media aural {
 	dt {
-		pause-before: 20%
+		pause-before: 20%;
 	}
 	pre {
-		speak-punctuation: code
+		speak-punctuation: code;
 	}
 }