doc: revamp html manual nav panel
authorRamprasad Venkataraman <ramv@illinois.edu>
Thu, 2 Aug 2012 21:12:46 +0000 (16:12 -0500)
committerRamprasad Venkataraman <ramv@illinois.edu>
Thu, 2 Aug 2012 22:34:29 +0000 (17:34 -0500)
doc/dot.latex2html-init
doc/manual.css

index aa0277af05a2d7d41c7f4db67267e5b36403b545..25e575258e1c3663a112ad15a24f7dd7a81bd6fb 100644 (file)
@@ -152,54 +152,21 @@ $TITLES_LANGUAGE = "english";
 # Feel free to mix and match buttons, titles, your own text, your logos,
 # and arbitrary HTML (the "." is the Perl concatenation operator).
 sub top_navigation_panel {
-    # "<!--#include virtual=\"/includes/top.shtml\"-->" .
-    #"<style type=\"text/css\"><!--@import url(\"manual.css\");--></style>" .
-    "<DIV class=\"ManualTitle\">Charm++ Parallel Programming System: Manual</DIV>\n" .
-
     # Now add a few buttons with a space between them
     #"$NEXT $UP $PREVIOUS $CONTENTS $INDEX $CUSTOM_BUTTONS" .
-    
-    #"<BR>\n" .                # Line break
-
-    "<center><table border=0 cellpadding=10><tr>" .
-       
-    # ... and the ``previous'' title
-    ($PREVIOUS_TITLE ? "<td><B> Previous:</B> $PREVIOUS_TITLE</td>\n" : undef) .
-   
+    '<ul id="nav-quicklinks">' . "\n" .
+       # ... and the ``previous'' title
+    ($PREVIOUS_TITLE ? '<li id="nav-prev"><strong>Previous:</strong>' . $PREVIOUS_TITLE . "</li>\n" : undef) .
     # Similarly with the ``up'' title ...
-    ($UP_TITLE ? "<td><B>Up:</B> $UP_TITLE</td>\n" : undef) . 
+    ($UP_TITLE ? '<li id="nav-up"><strong>Up:</strong>' . $UP_TITLE . "</li>\n" : undef) . 
     # If ``next'' section exists, add its title to the navigation panel
-    ($NEXT_TITLE ? "<td><B> Next:</B> $NEXT_TITLE</td>\n" : undef) . 
-    
-    "</tr></table></center>" .
+    ($NEXT_TITLE ? '<li id="nav-next"><strong> Next:</strong>' . $NEXT_TITLE . "</li>\n" : undef) . 
+    "</ul>" .
 
-    #  Line Break, horizontal rule (3-d dividing line) and new paragraph  
-    "<BR> <P>\n"               
+    "<div class=\"ManualTitle\">Charm++ Manual</DIV>\n"
 }
 
 sub bot_navigation_panel {
-
-    #  Start with a horizontal rule (3-d dividing line)
-    "<HR>".                    
-    
-    # Now add a few buttons with a space between them
-    #"$NEXT $UP $PREVIOUS $CONTENTS $INDEX $CUSTOM_BUTTONS" .
-    
-    #"<BR>\n" .                # Line break
-       
-    "<center><table border=0 cellpadding=10><tr>" .
-       
-    # ... and the ``previous'' title
-    ($PREVIOUS_TITLE ? "<td><B> Previous:</B> $PREVIOUS_TITLE</td>\n" : undef) .
-   
-    # Similarly with the ``up'' title ...
-    ($UP_TITLE ? "<td><B>Up:</B> $UP_TITLE</td>\n" : undef) . 
-    # If ``next'' section exists, add its title to the navigation panel
-    ($NEXT_TITLE ? "<td><B> Next:</B> $NEXT_TITLE</td>\n" : undef) . 
-    
-    "</tr></table></center>"
 }
 
 # Add more tags etc to the head section of each page
index 1becf388b17122dd147fe287cf24b4239d3d6df6..2da513b07e903603fa44e3dadd26d82a3b34fb5e 100644 (file)
@@ -16,17 +16,17 @@ BIG.HUGE            { font-size : larger   }
 BIG.XHUGE              { font-size : xx-large }
 
 /* heading styles */
-H1             { color: navy; margin: 2px auto; text-align:center; }
-H2             { color: navy; padding: 8pt; }
+H1             { color: #9b4e4e; margin: 2px auto; text-align:center; }
+H2             { color: #9b4e4e; padding: 8pt; }
 H3             { padding: 5pt; }
 H4             { padding: 3pt  }
 H5             {  }
-H1 a   { color: navy;  }
-H2 a   { color: navy;  }
+H1 a   { color: #9b4e4e;  }
+H2 a   { color: #9b4e4e;  }
 H3 a   { color: black;  }
 H4 a   { color: black;  }
-H1 a:hover     { color: navy  }
-H2 a:hover     { color: navy  }
+H1 a:hover     { color: #9b4e4e  }
+H2 a:hover     { color: #9b4e4e  }
 H3 a:hover     { color: black  }
 H4 a:hover     { color: black  }
 
@@ -38,15 +38,18 @@ TD.eqno                     { }     /* equation-number cells */
 
 
 /* document-specific styles come next */
-body { font-family: Droid Sans, Arial, sans-serif; }
+body { font-family: "Droid Sans", Arial, sans-serif; }
 h1, h2, h3 { font-family: Puritan, Verdana, Helvetica sans-serif; }
 code, pre { font-family: "Courier New" Courier monospace; }
 
-html { background: #ffffff; }
+html {
+               background: #ffffff;
+               background: url(navbarbkgd.png) repeat;
+}
 
 body {
                background: #efefef; color: black;
-               margin:20px auto;
+               margin:5em auto 20px;
                padding:30px;
                width: 900px;
                -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
@@ -54,7 +57,37 @@ body {
                border: 1px solid #ccc;
 }
 
-DIV.ManualTitle        { padding: 3pt; text-align: center; font-size: x-large; font-weight: bold  }
+div.navigation {
+               position: fixed;
+               top:0; left:0;
+               width: 100%;
+               text-align: left;
+               margin:0; padding: 2px;
+               border-bottom: 1px #555555 solid;
+               background: #dfdfdf;
+}
+
+#nav-quicklinks {
+               display:inline-block;
+               padding: 0px 10px;
+               margin: 5px;
+               float: right;
+}
+
+#nav-quicklinks li {
+               display: inline;
+               padding:0px 2px;
+               margin: 0px 1em;
+}
+
+DIV.ManualTitle        {
+               display: inline-block;
+               margin: 5px;
+               text-align: center;
+               font-size: x-large;
+               font-weight: bold;
+}
+
 DIV.center             {   }
 SPAN.tt                {   }
 SPAN.sc                {   }
@@ -70,15 +103,6 @@ pre {
                font-size: 110%;
 }
 
-div.navigation {
-               text-align: center;
-               margin: 15px;
-               border-bottom: 1px #555555 solid;
-               -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
-               -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
-               background: url(navbarbkgd.png) repeat;
-}
-
 DIV.small              {   }
 SPAN.bf                {   }
 PRE.preform            {   }