User:Lucas.schirmer

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<html>
<head>
<head>
Line 29: Line 28:
div#menu {
div#menu {
height:55px;
height:55px;
-
background:url(images/nav-bg.png) repeat-x;
+
background:url(images/f/fb/Nav-bg.png) repeat-x;
-
_background:url(images/nav-bg.gif) repeat-x;
+
_background:url(images/f/fb/Nav-bg.gif) repeat-x;
}
}
Line 67: Line 66:
padding: 0 0 9px 7px;
padding: 0 0 9px 7px;
_padding: 0 0 9px 3px;
_padding: 0 0 9px 3px;
-
background: url(images/submenu-bottom.png) no-repeat 7px bottom;
+
background: url(images/5/52/Submenu-bottom.png) no-repeat 7px bottom;
-
_background-image: url(images/submenu-bottom.gif);
+
_background-image: url(images/2/2b/Submenu-bottom.gif);
margin: 0 0 0 -9px;
margin: 0 0 0 -9px;
}
}
Line 102: Line 101:
}
}
-
div#menu li { background: url(images/nav_separator.png) top left no-repeat; }
+
div#menu li { background: url(images/e/ec/Nav_separator.png) top left no-repeat; }
div#menu li.last span{
div#menu li.last span{
-
background: url(images/nav_separator.png) top right no-repeat;
+
background: url(images/e/ec/Nav_separator.png) top right no-repeat;
padding: 18px 10px 16px 0;
padding: 18px 10px 16px 0;
}
}
Line 110: Line 109:
/* menu::level2 */
/* menu::level2 */
div#menu ul ul li {
div#menu ul ul li {
-
background: url(images/nav_dropdown_sep.gif) left bottom repeat-x;
+
background: url(images/4/45/Nav_dropdown_sep.gif) left bottom repeat-x;
padding: 4px 0;
padding: 4px 0;
z-index: 9;
z-index: 9;
Line 117: Line 116:
z-index: 12;
z-index: 12;
padding: 0;
padding: 0;
-
background: rgb(102,136,35) url(images/nav_dropdown_grad.png) right top no-repeat;
+
background: rgb(102,136,35) url(images/f/fd/Nav_dropdown_grad.png) right top no-repeat;
margin-top:0px;
margin-top:0px;
margin-left:4px;
margin-left:4px;
Line 141: Line 140:
}
}
div#menu ul ul a:hover {
div#menu ul ul a:hover {
-
background: url(images/submenu-selected-bottom.gif) no-repeat 8px bottom;
+
background: url(images/f/f1/Submenu-selected-bottom.gif) no-repeat 8px bottom;
}
}
div#menu ul ul a:hover span {
div#menu ul ul a:hover span {
-
background: url(images/submenu-selected-top.gif) no-repeat 0px 0px;
+
background: url(images/3/38/Submenu-selected-top.gif) no-repeat 0px 0px;
color: #fff;
color: #fff;
}
}
Line 460: Line 459:
</style>
</style>
-
<div id="menu">
+
 
-
    <ul class="menu">
+
-
        <li><a href="#" class="parent"><span>Home</span></a>
+
-
            <div><ul>
+
-
                <li><a href="#" class="parent"><span>Sub Item 1</span></a>
+
-
                    <div><ul>
+
-
                        <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
+
-
                            <div><ul>
+
-
                                <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
+
-
                                <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
+
-
                            </ul></div>
+
-
                        </li>
+
-
                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 1.3</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 1.4</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 1.5</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 1.6</span></a></li>
+
-
                        <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
+
-
                            <div><ul>
+
-
                                <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
+
-
                                <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
+
-
                            </ul></div>
+
-
                        </li>
+
-
                    </ul></div>
+
-
                </li>
+
-
                <li><a href="#"><span>Sub Item 2</span></a></li>
+
-
                <li><a href="#"><span>Sub Item 3</span></a></li>
+
-
            </ul></div>
+
-
        </li>
+
-
        <li><a href="#"><span>Product Info</span></a>
+
-
            <div><ul>
+
-
                <li><a href="#" class="parent"><span>Sub Item 1</span></a>
+
-
                    <div><ul>
+
-
                        <li><a href="#"><span>Sub Item 1.1</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
+
-
                    </ul></div>
+
-
                </li>
+
-
                <li><a href="#" class="parent"><span>Sub Item 2</span></a>
+
-
                    <div><ul>
+
-
                        <li><a href="#"><span>Sub Item 2.1</span></a></li>
+
-
                        <li><a href="#"><span>Sub Item 2.2</span></a></li>
+
-
                    </ul></div>
+
-
                </li>
+
-
                <li><a href="#"><span>Sub Item 3</span></a></li>
+
-
                <li><a href="#"><span>Sub Item 4</span></a></li>
+
-
                <li><a href="#"><span>Sub Item 5</span></a></li>
+
-
                <li><a href="#"><span>Sub Item 6</span></a></li>
+
-
                <li><a href="#"><span>Sub Item 7</span></a></li>
+
-
            </ul></div>
+
-
        </li>
+
-
        <li><a href="#"><span>Help</span></a></li>
+
-
        <li class="last"><a href="#"><span>Contacts</span></a></li>
+
-
    </ul>
+
-
</div>
+
<div id="copyright">Copyright &copy; 2010 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>
<div id="copyright">Copyright &copy; 2010 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>

Revision as of 19:54, 15 June 2010

Style 08 (Yellow Green) - Menu by Apycom.com