Mercurial > mxe-octave

changeset 351:0c1927a0afc5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
introduced a CSS navigation bar in the documentation
author Volker Grabsch <vog@notjusthosting.com>
date Wed, 03 Jun 2009 01:43:31 +0200
parents 09d52ae1ac84
children 3b5d22a1bf4c
files doc/README.html
diffstat 1 files changed, 81 insertions(+), 26 deletions(-) [+]
line wrap: on
line diff
--- a/doc/README.html	Wed Jun 03 00:53:29 2009 +0200
+++ b/doc/README.html	Wed Jun 03 01:43:31 2009 +0200
@@ -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>
+<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>
+    <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>