aboutsummaryrefslogtreecommitdiffstats
path: root/doc
diff options
context:
space:
mode:
authorDavid Robillard <d@drobilla.net>2010-11-26 20:25:02 +0000
committerDavid Robillard <d@drobilla.net>2010-11-26 20:25:02 +0000
commite0c4fb1bc1c66e5655a41ddcbfaafb07e32b93a2 (patch)
treea73d27c9839bd99ef8e14ac3efec8d59d21c756d /doc
parenta31c23155b8b1902f70a63a12d7c09822dacda04 (diff)
downloadlv2-e0c4fb1bc1c66e5655a41ddcbfaafb07e32b93a2.tar.xz
Mark up documentation with lv2:documentation as per discussion on lv2-dev.
Use unified lv2plug.in style for ontology documentation.
Diffstat (limited to 'doc')
-rw-r--r--doc/style.css530
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;
}
}