Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 1 | /* From 'A list apart', 'dropdowns' */ |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 2 | |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 3 | #nav { |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 4 | clear: left; |
5 | margin:0; | ||||
6 | padding:0; | ||||
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 7 | font-weight: bold; |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 8 | width:100%; |
9 | background-color: #EBF0FA; | ||||
10 | border-bottom: 1px solid; | ||||
11 | font-size: 80%; | ||||
Ted Kremenek | 591b907 | 2009-06-08 21:21:24 +0000 | [diff] [blame] | 12 | } |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 13 | #nav a { |
14 | text-decoration: none; | ||||
15 | } | ||||
16 | #nav a:hover { | ||||
17 | text-decoration: underline; | ||||
Ted Kremenek | 591b907 | 2009-06-08 21:21:24 +0000 | [diff] [blame] | 18 | } |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 19 | .menubar ul { |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 20 | list-style: none inside; |
Ted Kremenek | 591b907 | 2009-06-08 21:21:24 +0000 | [diff] [blame] | 21 | } |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 22 | .menubar li { |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 23 | margin: 0; |
24 | padding: 5px; | ||||
Ted Kremenek | e28897a | 2010-02-09 23:16:24 +0000 | [diff] [blame^] | 25 | text-align: left; |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 26 | text-indent: 0px; |
27 | list-style-position: inside; | ||||
28 | list-style:none; | ||||
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 29 | float: left; |
30 | position: relative; | ||||
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 31 | width: 13em; |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 32 | cursor: default; |
33 | background-color: #EBF0FA; | ||||
34 | } | ||||
35 | .menubar li ul /* second level lists */ { | ||||
36 | display: none; | ||||
37 | position: absolute; | ||||
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 38 | left: 0; |
39 | } | ||||
40 | .menubar li>ul { | ||||
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 41 | border-left: 1px solid; |
42 | border-right: 1px solid; | ||||
43 | border-bottom: 1px solid; | ||||
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 44 | padding: 0; |
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 45 | margin: 5px 0; |
Ted Kremenek | 5a9bd11 | 2010-02-08 23:50:54 +0000 | [diff] [blame] | 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 | } | ||||
Ted Kremenek | 8bebc6e | 2010-02-09 23:05:59 +0000 | [diff] [blame] | 52 |