More CSS based layout

git-svn-id: https://svn.apache.org/repos/asf/ant/core/trunk@274383 13f79535-47bb-0310-9956-ffa450edef68

docs/index.html

@@ -81,10 +81,10 @@
   <div class="menucontainer">
     <div class="menu">
       <ul>
-              <li><font color="#CFDCED">Apache Ant</font>
+              <li class="menuheader">Apache Ant
           <ul>
                             <li>
-                              <span class="sel"><font color="#ffcc00">Welcome</font></span>
+                              <span class="sel">Welcome</span>
                               </li>
                             <li>
                                     <a href="./license.html">License</a>
@@ -94,7 +94,7 @@
                                 </li>
                       </ul>
         </li>
-              <li><font color="#CFDCED">Documentation</font>
+              <li class="menuheader">Documentation
           <ul>
                             <li>
                                     <a href="./manual/index.html">Manual</a>
@@ -116,7 +116,7 @@
                                 </li>
                       </ul>
         </li>
-              <li><font color="#CFDCED">Download</font>
+              <li class="menuheader">Download
           <ul>
                             <li>
                                     <a href="http://ant.apache.org/bindownload.cgi">Binary Distributions</a>
@@ -126,7 +126,7 @@
                                 </li>
                       </ul>
         </li>
-              <li><font color="#CFDCED">Get Involved</font>
+              <li class="menuheader">Get Involved
           <ul>
                             <li>
                                     <a href="./mail.html">Mailing Lists</a>
@@ -142,7 +142,7 @@
                                 </li>
                       </ul>
         </li>
-              <li><font color="#CFDCED">Project Management</font>
+              <li class="menuheader">Project Management
           <ul>
                             <li>
                                     <a href="./contributors.html">Contributors</a>

docs/page.css

@@ -33,6 +33,14 @@ a:hover { color: #000066; }
 .menu ul ul li .sel { list-style-image: url('images/current.gif'); font-weight : normal; }
 .menu ul ul li  { list-style-image: url('images/page.gif'); font-weight : normal; }
 
+.menuheader {
+    color: #CFDCED;
+}
+
+.sel {
+    color: #ffcc00;
+}
+
 .tab { font-size : 85%; border: 0 }
 .tab a:link {   text-decoration : none;  }
 .tab a:visited { text-decoration : none; color: #2A4A6D }

xdocs/stylesheets/templates.vm

@@ -220,14 +220,14 @@
     <div class="menu">
       <ul>
       #foreach ( $menu in $menus )
-        <li><font color="$blue1">$menu.getAttributeValue("name")</font>
+        <li class="menuheader">$menu.getAttributeValue("name")
           <ul>
             #foreach ( $item in $menu.getChildren() )
               #set ($name = $item.getAttributeValue("name"))
               #set ($current = $root.getChild("properties").getChild("title").getText() )
                 <li>
               #if ( $current.trim().equals( $name ) )
-                <span class="sel"><font color="$active">$name</font></span>
+                <span class="sel">$name</span>
               #else
                 #projectanchor($name $item.getAttributeValue("href"))
               #end