Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>Home - My gpEasy CMS</title>
- <!-- link rel="stylesheet" type="text/css" href="style.css" / -->
- <style type="text/css">
- ul.menu_top
- {
- float:left;
- width:70%;
- margin: 8px 100px 0 0;
- border-radius:4px;
- background-color: #c4092a;
- list-style-type: none;
- z-index:+1;
- }
- ul.menu_top li
- {
- float: left;
- position: relative;
- margin: 4px 2em 4px 4px;
- padding: 0;
- }
- ul.menu_top li ul
- {
- visibility: hidden;
- position: absolute;
- top:100%;
- left:0;
- padding:0.5em;
- list-style-type: none;
- white-space:nowrap;
- background-color: #c4092a;
- border: 1px solid white;
- border-radius:4px;
- z-index:+1;
- }
- ul.menu_top li:hover > ul
- {
- visibility: visible;
- z-index: +2;
- }
- ul.menu_top li ul li
- {
- padding: 0;
- margin: 12px 4px;
- float:none;
- border:0;
- min-width:3em;
- }
- ul.menu_top li ul li ul
- {
- top:0;
- left:99%;
- }
- ul.menu_top a {
- background-color:#c4092a;
- color:white;
- text-decoration:none;
- padding:4px;
- font-size:18px
- }
- ul.menu_top a:hover,
- ul.menu_top a.haschildren.childselected,
- ul.menu_top a.selected {
- background-color:white;
- color:blue;
- text-decoration:none;
- }
- ul.menu_top li a.haschildren:after {
- content: "\00A0\00A0\25BC";
- }
- a {
- color:#0000aa;
- background-color:inherit;
- }
- </style>
- </head>
- <body>
- <ul class="menu_top">
- <li><a href="/" title="Home" class="selected">Home</a></li>
- <li><a href="/Help_Videos" title="Help Videos" class="haschildren">Help Videos</a><ul>
- <li><a href="/Child_Page" title="Child Page">Child Page</a></li>
- <li><a href="/Site_Map" title="Site Map" class="haschildren">Site Map</a><ul>
- <li><a href="/Galleries" title="Galleries">Galleries</a></li>
- <li><a href="/Missing" title="Missing">Missing</a></li></ul>
- </li></ul>
- </li>
- <li><a href="/About" title="About" class="haschildren">About</a><ul>
- <li><a href="/Contact" title="Contact">Contact</a></li></ul>
- </li>
- </ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement