introduced a CSS navigation bar in the documentation

pull/13/head
Volker Grabsch 15 years ago
parent 7444919dce
commit a83fce2637

@ -9,20 +9,32 @@
<style type="text/css">
body {
font-size: 11pt;
width: 30em;
margin-top: 0em;
}
h1, h2 {
font-family: sans-serif;
}
h1 {
font-size: 14pt;
background-color: #afa;
padding-top: 6pt;
padding-bottom: 6pt;
margin-top: 0em;
}
h2 {
font-size: 14pt;
background-color: #aff;
padding-top: 1em;
}
#navigation a {
text-decoration: none;
color: #00f;
}
#navigation a:visited {
text-decoration: none;
color: #009;
}
#navigation ul {
padding-left: 0em;
margin-top: 1.5em;
margin-bottom: 0em;
list-style-type: none;
}
#navigation li {
margin-bottom: 0.2em;
}
li, dt {
margin-bottom: 0.8em;
@ -44,34 +56,58 @@
background-color: #eee;
}
pre {
font-size: 10pt;
font-size: 8pt;
border: thin dotted #ccc;
padding: 2pt;
}
@media screen, handheld {
h1 {
font-size: 12pt;
}
#navigation {
position: fixed;
margin-top: 1em;
margin-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
width: 12em;
background-color: #afa;
}
.section {
width: 30em;
margin-left: 17em;
margin-bottom: 100%;
}
}
</style>
</head>
<body>
<h1>MinGW cross compiling environment</h1>
<ul>
<li><a href="#introduction" >Introduction</a></li>
<li><a href="#tutorial" >Tutorial</a></li>
<li><a href="#latest-release">Latest Release</a></li>
<li><a href="#development" >Development Version</a></li>
</ul>
<ul>
<li><a href="#prerequisites" >Prerequisites</a></li>
<li><a href="#usage" >Usage</a></li>
<li><a href="#packages" >List of Packages</a></li>
<li><a href="#copyright" >Copyright</a></li>
<li><a href="#history" >History</a></li>
</ul>
<ul>
<li><a href="#see-also" >See also</a></li>
</ul>
<div id="navigation">
<h1>MinGW cross&nbsp;compiling environment</h1>
<ul>
<li><a href="#introduction" >Introduction</a></li>
<li><a href="#tutorial" >Tutorial</a></li>
<li><a href="#latest-release">Latest Release</a></li>
<li><a href="#development" >Development Version</a></li>
</ul>
<ul>
<li><a href="#prerequisites" >Prerequisites</a></li>
<li><a href="#usage" >Usage</a></li>
<li><a href="#packages" >List of Packages</a></li>
<li><a href="#copyright" >Copyright</a></li>
<li><a href="#history" >History</a></li>
</ul>
<ul>
<li><a href="#see-also" >See also</a></li>
</ul>
</div>
<div class="section">
<h2 id="introduction">Introduction</h2>
<p>
@ -113,7 +149,9 @@
creates libraries to be linked statically, no DLL hell
</li>
</ul>
</div>
<div class="section">
<h2 id="tutorial">Tutorial</h2>
<ul>
@ -122,7 +160,9 @@
by Hans Bezemer
</li>
</ul>
</div>
<div class="section">
<h2 id="latest-release">Latest Release</h2>
<dl>
@ -157,7 +197,9 @@
</dd>
</dl>
</div>
<div class="section">
<h2 id="development">Development Version</h2>
<p>
@ -173,7 +215,9 @@
You can also browse the
<a href="http://www.profv.de/mingw_cross_env/hgweb.cgi">Web Repository</a>.
</p>
</div>
<div class="section">
<h2 id="prerequisites">Prerequisites</h2>
<dl>
@ -208,7 +252,9 @@
</dd>
</dl>
</div>
<div class="section">
<h2 id="usage">Usage</h2>
<dl class="usage">
@ -279,14 +325,18 @@
</dd>
</dl>
</div>
<div class="section">
<h2 id="packages">List of Packages</h2>
<table>
<!-- begin of package list -->
<!-- end of package list -->
</table>
</div>
<div class="section">
<h2 id="copyright">Copyright</h2>
<p>Authors:</p>
@ -322,7 +372,9 @@
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
</p>
</div>
<div class="section">
<h2 id="history">History</h2>
<dl>
@ -555,7 +607,9 @@
</dd>
</dl>
</div>
<div class="section">
<h2 id="see-also">See also</h2>
<ul>
@ -577,6 +631,7 @@
<a href="http://www.linuxtoday.com/developer/2009041501335RVSWDV">Linux Today</a>
</li>
</ul>
</div>
</body>
</html>

Loading…
Cancel
Save