My Pastes
Public Pastes
Layout Width
Share Pastebin
Guest
Public paste!

Jeff

By: a guest | Nov 7th, 2008 | Syntax: CSS | Size: 1.13 KB | Hits: 164 | Expires: Never
Download | Raw | Embed | Report abuse
Copy text to clipboard
  1. /* Navigation Menu */
  2. #navmenu {
  3.     float: left;
  4.     width: 100%;
  5.     background-color: #eee;
  6. }
  7. #navmenu ul {
  8.     list-style: none;
  9.     margin: 0px;
  10.     padding: 0px;
  11.     float: left;
  12.     width: 12em;
  13. }
  14. #navmenu a,#navmenu h2 {
  15.     display: block;
  16.     border: 1px solid black;
  17.     margin: 0px;
  18.     padding: 2px 3px;
  19. }
  20. #navmenu h2 {
  21.     color: #fff;
  22.     background-color: black;
  23.     text-transform: uppercase;
  24. }
  25. #navmenu a {
  26.     color: black;
  27.     background-color: #efefef;
  28.     text-decoration: none;
  29. }
  30. #navmenu a:hover {
  31.     color: #a00;
  32.     background-color: white;
  33. }
  34. #navmenu li {
  35.     position: relative;
  36. }
  37. #navmenu ul ul {
  38.     position: absolute;
  39.     z-index: 500;
  40. }
  41. #navmenu ul ul ul {
  42.     top: 0px;
  43.     left: 100%
  44. }
  45. div#navmenu ul ul, div#navmenu ul li:hover ul ul, div#navmenu ul ul li:hover ul ul {
  46.     display: none;
  47. }
  48. div #navmenu ul li:hover ul, div#navmenu ul ul li:hover ul, div#navmenu ul ul ul li:hover ul {
  49.     display: block;
  50. }
  51. #navmenu ul li {float: left; width: 100%;}
  52. #navmenu ul li a {height: 1%;}
  53. #navmenu a, #navmenu h2 {
  54.     font: bold 0.7em/1.4em arial, helvetica, sans-serif;
  55. }
create new paste | create new version of this paste RAW Paste Data