1 /* From 'A list apart', 'dropdowns' */ 2 3 #nav { 4 clear: left; 5 margin:0; 6 padding:0; 7 font-weight: bold; 8 width:100%; 9 background-color: #EBF0FA; 10 border-bottom: 1px solid; 11 font-size: 80%; 12 } 13 #nav a { 14 text-decoration: none; 15 } 16 #nav a:hover { 17 text-decoration: underline; 18 } 19 .menubar ul { 20 list-style: none inside; 21 } 22 .menubar li { 23 margin: 0; 24 padding: 5px; 25 text-align: left; 26 text-indent: 0px; 27 list-style-position: inside; 28 list-style:none; 29 float: left; 30 position: relative; 31 width: 13em; 32 cursor: default; 33 background-color: #EBF0FA; 34 } 35 .menubar li ul /* second level lists */ { 36 display: none; 37 position: absolute; 38 left: 0; 39 } 40 .menubar li>ul { 41 border-left: 1px solid; 42 border-right: 1px solid; 43 border-bottom: 1px solid; 44 padding: 0; 45 margin: 5px 0; 46 left:auto; 47 font-weight: normal; 48 } 49 .menubar li:hover ul, li.over ul { /* lists nested under hovered list items */ 50 display: block; 51 } 52 53
