| Index: trunk/extensions/TreeAndMenu/treeandmenu.css |
| — | — | @@ -0,0 +1,123 @@ |
| | 2 | +/** |
| | 3 | + * Tree view styles |
| | 4 | + * dTree 2.05 - www.destroydrop.com/javascript/tree/ |
| | 5 | + * Copyright (c) 2002-2003 Geir Landrö |
| | 6 | + */ |
| | 7 | +.dtree { |
| | 8 | + font-family: Arial, Helvetica, sans-serif; |
| | 9 | + font-size: 11px; |
| | 10 | + color: #666; |
| | 11 | + white-space: nowrap; |
| | 12 | +} |
| | 13 | +.dtree img { |
| | 14 | + border: 0px; |
| | 15 | + vertical-align: middle; |
| | 16 | +} |
| | 17 | +.dTreeNode { height: 18px } |
| | 18 | +.dtree a { |
| | 19 | + color: black; |
| | 20 | + text-decoration: none; |
| | 21 | +} |
| | 22 | +.dtree a.node, .dtree a.nodeSel { |
| | 23 | + white-space: nowrap; |
| | 24 | + padding: 1px 2px 1px 2px; |
| | 25 | +} |
| | 26 | +.dtree a:hover, .dtree a.node:hover, .dtree a.nodeSel:hover { |
| | 27 | + color: black; |
| | 28 | + text-decoration: underline; |
| | 29 | +} |
| | 30 | +.dtree a.nodeSel { |
| | 31 | + background-color: #c0d2ec; |
| | 32 | +} |
| | 33 | +.dtree .clip { |
| | 34 | + overflow: hidden; |
| | 35 | + padding-bottom: 1px; |
| | 36 | +} |
| | 37 | + |
| | 38 | +/** |
| | 39 | + * Dynamic menu styles |
| | 40 | + */ |
| | 41 | +.dmenu { |
| | 42 | + width: 180px; |
| | 43 | +} |
| | 44 | +.dmenu, .dmenu ul { |
| | 45 | + padding: 0; |
| | 46 | + margin: 0; |
| | 47 | + list-style: none; |
| | 48 | +} |
| | 49 | +.dmenu .selflink { |
| | 50 | + font-weight: normal; |
| | 51 | +} |
| | 52 | +.dmenu li { |
| | 53 | + position: relative; |
| | 54 | + float: left; |
| | 55 | + width: 172px; |
| | 56 | + padding: 4px; |
| | 57 | + z-index: 100; |
| | 58 | +} |
| | 59 | +.dmenu li, |
| | 60 | +.dmenu li.even a, |
| | 61 | +.dmenu li.odd a, |
| | 62 | +.dmenu li li, |
| | 63 | +.dmenu li li a, |
| | 64 | +.dmenu li li li, |
| | 65 | +.dmenu li li li a { |
| | 66 | + color : black; |
| | 67 | +} |
| | 68 | +.dmenu li li { |
| | 69 | + margin: 0; |
| | 70 | +} |
| | 71 | +.dmenu li ul { |
| | 72 | + position: absolute; |
| | 73 | + left: -999em; |
| | 74 | + z-index: 101; |
| | 75 | + border: 1px solid #ccc; |
| | 76 | +} |
| | 77 | +.dmenu li ul ul { |
| | 78 | + position: absolute; |
| | 79 | + left: -999em; |
| | 80 | + margin: 0 0 0 0; |
| | 81 | + z-index: 102; |
| | 82 | +} |
| | 83 | +.dmenu li.odd .submenu { |
| | 84 | + width: 12px; |
| | 85 | + height: 15px; |
| | 86 | + float: right; |
| | 87 | + background: url(/wiki/skins/common/images/Arr_r.png) 0 3px no-repeat; |
| | 88 | +} |
| | 89 | +.dmenu li.even .submenu { |
| | 90 | + width: 12px; |
| | 91 | + height: 15px; |
| | 92 | + float: right; |
| | 93 | + background: url(/wiki/skins/common/images/Arr_r.png) 0 3px no-repeat; |
| | 94 | +} |
| | 95 | +.dmenu li.odd { |
| | 96 | + background: #E9EDF4; |
| | 97 | + border: 2px solid #E9EDF4; |
| | 98 | +} |
| | 99 | +.dmenu li.even { |
| | 100 | + background: #D0D8E8; |
| | 101 | + border: 2px solid #D0D8E8; |
| | 102 | +} |
| | 103 | +.dmenu li:hover, .dmenu li.sfhover { |
| | 104 | + border: 2px solid #385D8A; |
| | 105 | +} |
| | 106 | +.dmenu li:hover ul ul, |
| | 107 | +.dmenu li:hover ul ul ul, |
| | 108 | +.dmenu li.sfhover ul ul, |
| | 109 | +.dmenu li.sfhover ul ul ul { |
| | 110 | + left: -999em; |
| | 111 | +} |
| | 112 | +.dmenu li:hover ul, |
| | 113 | +.dmenu li li:hover ul, |
| | 114 | +.dmenu li li li:hover ul, |
| | 115 | +.dmenu li.sfhover ul, |
| | 116 | +.dmenu li li.sfhover ul, |
| | 117 | +.dmenu li li li.sfhover ul { |
| | 118 | + left: 182px; |
| | 119 | + top: -3px; |
| | 120 | +} |
| | 121 | + |
| | 122 | +/** |
| | 123 | + * Star menu styles |
| | 124 | + */ |