Nested lists need to be in <li>s themselves. Also add link styling to the navbar.

* Decorator.css.php
* docs/decoratortest.html

diff --git a/Decorator.css.php b/Decorator.css.php
index a835df9c934b9b109556326df29acb5c1c2475d0..e58598437840558048f9be2081eb6ed9f52b4f31 100644 (file)
--- a/Decorator.css.php
+++ b/Decorator.css.php
@@ -350,7 +350,6 @@ table .alt2
        color: rgb(203, 234, 148);
        text-indent: 10px;
        
-       height: 50px;
        line-height: 50px;
        
        background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
@@ -372,21 +371,18 @@ table .alt2
 }
 
 /* Navigation items list */
-#nav ul ul
+#nav ul li ul
 {
        margin: 0px;
-       
-       border-width: 0px 0px 1px 0px;
-       border-color: rgb(0, 0, 0);
-       border-style: solid;
 }
 
 /* Navigation items */
-#nav ul ul li
+#nav ul li ul li
 {
        border: none;
        
        padding: 2px 4px 2px 10px;
+       margin: 0px;
        
        height: auto;
        
@@ -399,18 +395,29 @@ table .alt2
        background-image: none;
 }
 
-       #nav ul ul li:first-child
+       #nav ul li ul li:first-child
        {
                padding-top: 10px;
        }
        
-       #nav ul ul li:last-child
+       #nav ul li ul li:last-child
        {
                padding-bottom: 10px;
        }
+       
+       #nav ul li ul li a
+       {
+               text-decoration: none;
+               color: rgb(0, 0, 0);
+       }
+       
+       #nav ul li ul li a:hover
+       {
+               font-style: italic;
+       }
 
 /* Selected navigation items */
-#nav ul ul li.selected
+#nav ul li ul li.selected
 {
        font-weight: bold;
        font-style: italic;

diff --git a/docs/decoratortest.html b/docs/decoratortest.html
index 5f5e921a37043fbca685fa23a054c94b956aef0c..9b4fb28a28d1dc44b554fa5e5ee875c44abc2102 100644 (file)
--- a/docs/decoratortest.html
+++ b/docs/decoratortest.html
@@ -17,11 +17,13 @@
        
        <ul>
                <li class="expand">Options</li>
+               <li>
                <ul>
-                       <li class="selected">Bugdar Settings</li>
-                       <li>Languages</li>
-                       <li>User Help Items</li>
+                       <li class="selected"><a href="#">Bugdar Settings</a></li>
+                       <li><a href="#">Languages</a></li>
+                       <li><a href="#">User Help Items</a></li>
                </ul>
+               </li>
                
                <li>Products</li>
                <li>Fields</li>