diff options
| -rw-r--r-- | doc/style.css | 56 | ||||
| -rw-r--r-- | lv2specgen/template.html | 48 |
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> |