aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--doc/style.css56
-rw-r--r--lv2specgen/template.html48
2 files changed, 60 insertions, 44 deletions
diff --git a/doc/style.css b/doc/style.css
index 9c5cd95..a2c682a 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -116,14 +116,6 @@ h6 {
font-size: 100%;
font-weight: 700;
}
-#header {
- background-color: #F0F0F0;
- border: 0;
- border-bottom: 1px solid #D8D8D8;
- margin: 0;
- padding: 1ex;
- vertical-align: top;
-}
#titlebox, #meta {
display: inline-block;
}
@@ -164,8 +156,7 @@ h6 {
}
#shortdesc {
font-size: small;
- font-style: italic;
- margin-top: 1em;
+ margin-top: 0.25em;
}
#logo {
height: 63px;
@@ -420,8 +411,13 @@ blockquote {
margin: 2em 0 0;
padding: 0 1em 1em 1em;
vertical-align: top;
- background-color: #F3F3F3;
- border-top: 1px solid #DDD;
+ background-color: #222;
+ color: #FFF;
+ background: linear-gradient(to bottom, #444 0%, #000 100%);
+ border-top: solid 2px #444;
+ border-left: solid 2px #444;
+ border-right: solid 2px #444;
+ border-radius: 6px 6px 0 0;
}
#footer div {
padding-top: 1em;
@@ -457,9 +453,8 @@ a:active {
color: #C00;
}
.sec {
- border-bottom: 1px dashed #CCC;
color: #000;
- margin: 1em 1em 0.5em 1em;
+ margin: 0.5em 1em 0.5em 1em;
padding: 1ex 0 0.5ex 0;
}
ul, ol {
@@ -468,13 +463,27 @@ ul, ol {
margin: 0 0 0.5ex 0;
}
#contents {
- background-color: #F3F3F3;
- border: 0;
- border-bottom: 1px solid #D8D8D8;
- padding: 0.25ex 0 0.25ex 1ex;
+ margin-top: 0.25em;
+ padding: 0.25ex 0 0 0;
vertical-align: middle;
font-size: small;
}
+#topbar {
+ background-color: #222;
+ background: linear-gradient(to bottom, #444 0%, #000 100%);
+ border-bottom: solid 2px #444;
+ border-left: solid 2px #444;
+ border-right: solid 2px #444;
+ border-radius: 0 0 6px 6px;
+ color: #EEE;
+ margin: 0;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0.25em 0.5em 0em 0.5em;
+}
+#topbar a, #topbar a:visited {
+ color: #70957E;
+}
#contents li {
display: inline;
list-style-type: none;
@@ -523,16 +532,21 @@ ul, ol {
.specterm {
background-color: #FBFBFB;
border: 0;
- border: 1px solid #CCC;
+ border: 1px solid #444;
margin: 0;
padding: 0;
margin-bottom: 1em;
+ border-radius: 6px 6px 6px 6px;
}
.specterm h3 {
- padding: 0.5ex;
+ padding: 0.25ex;
margin: 0;
- border-bottom: 1px solid #DDD;
background-color: #F3F3F3;
+ color: #FFF;
+ background-color: #222;
+ background: linear-gradient(to bottom, #444 0%, #000 100%);
+ border: solid 2px #444;
+ border-radius: 6px 6px 0 0;
}
.spectermbody {
padding: 0 1em 1ex 1em;
diff --git a/lv2specgen/template.html b/lv2specgen/template.html
index aee133f..f82e7aa 100644
--- a/lv2specgen/template.html
+++ b/lv2specgen/template.html
@@ -18,37 +18,39 @@
<body>
<!-- HEADER -->
- <div id="header">
- <div id="titlebox">
- <h1 id="title">@NAME@</h1>
- <div id="subtitle"><a href="@URI@">@URI@</a></div>
- <div id="shortdesc">@SHORT_DESC@</div>
+ <div id="topbar">
+ <div id="header">
+ <div id="titlebox">
+ <h1 id="title">@NAME@</h1>
+ <div id="subtitle"><a href="@URI@">@URI@</a></div>
+ <div id="shortdesc">@SHORT_DESC@</div>
+ </div>
+ <table id="meta">
+ <!--<tr><th>URI</th><td><a href="@URI@">@URI@</a></td></tr>
+ <tr><th>Version</th><td>@REVISION@</td></tr>-->
+ <!--<tr><th>Prefixes</th><td>@PREFIXES@</td></tr>-->
+ <tr><th>Version</th><td>@VERSION@</td></tr>
+ <tr><th>Date</th><td>@DATE@</td></tr>
+ @MAIL@
+ @AUTHORS@
+ </table>
</div>
- <table id="meta">
- <!--<tr><th>URI</th><td><a href="@URI@">@URI@</a></td></tr>
- <tr><th>Version</th><td>@REVISION@</td></tr>-->
- <!--<tr><th>Prefixes</th><td>@PREFIXES@</td></tr>-->
- <tr><th>Version</th><td>@VERSION@</td></tr>
- <tr><th>Date</th><td>@DATE@</td></tr>
- @MAIL@
- @AUTHORS@
- </table>
+ <ul id="contents">
+ <!-- <li><a href="#sec-description">Description</a></li> -->
+ <li><a href="#sec-index">Index</a></li>
+ <li><a href="#sec-reference">Reference</a></li>
+ <li><a href="#sec-history">History</a></li>
+ @FILES@
+ </ul>
</div>
- <ul id="contents">
- <li><a href="#sec-description">Description</a></li>
- <li><a href="#sec-index">Index</a></li>
- <li><a href="#sec-reference">Reference</a></li>
- <li><a href="#sec-history">History</a></li>
- @FILES@
- </ul>
<!-- DESCRIPTION -->
- <h2 class="sec" id="sec-description">Description</h2>
+ <!--<h2 class="sec" id="sec-description">Description</h2>-->
<div class="content">@COMMENT@</div>
<!-- INDEX -->
<h2 class="sec" id="sec-index">Index</h2>
- <div class="content">
+ <div class="content" id="index">
@INDEX@
</div>