summaryrefslogtreecommitdiff
path: root/css/dropmenu.css
blob: 59ad4593ca11c7cdd9cac701e9a20f7b0fe77e15 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/* BEGIN css driven dropdown menus - horizontal */

/* some notes on the changes i made - these can be removed in due course or moved to the skeleton.css file:
 * fixed pixel line-height is needed to move up the nested dropdown by the right amount:
 * ul.dropmenu             {line-height:x;}
 * ul.dropmenu li          {padding:y;}
 * ul.dropmenu li ul li ul {margin-top:((x + y) * -1)}
 *
 * removed color ul.dropmenu a {color} since this should not be set in this file
 * 
 * widened the dropmenu slightly to allow avoid line-breaks where possible
 *
 * - xing - Tuesday May 12, 2009   18:05:16 CEST
 */

/* The top level menu */
ul.dropmenu,
ul.dropmenu ul                   {padding:0; margin:0; list-style:none; line-height:18px; z-index:1000;}
ul.dropmenu a                    {display:block; width:100%;}
ul.dropmenu a:link,
ul.dropmenu a:hover              {}
/* affects all lists in all menus */
ul.dropmenu li ul                {position:absolute; background:#fff; left:-999em; z-index:1002; border:1px solid #999;}
ul.dropmenu>li                   {float:left;}
/* affects all items in all menus */
ul.dropmenu li                   {text-align:left; padding:2px; width:auto;}
ul.dropmenu>li>ul li:hover       {background-color:#eee;}
/* main drop menu items */
ul.dropmenu>li>ul li             {width:15em; z-index:1001;}
/* submenu lists */
ul.dropmenu li ul li ul          {margin:-21px 0 0 14em; z-index:1003; border:1px solid #ccc;}
ul.dropmenu li:hover ul ul,
ul.dropmenu li.iemenuhover ul ul {left:-999em;}
/* submenus */
ul.dropmenu li:hover ul,
ul.dropmenu li li:hover ul,
ul.dropmenu li.iemenuhover ul,
ul.dropmenu li li.iemenuhover ul {left:auto;}
ul.dropmenu .icon                {vertical-align:middle; padding:2px 0.2em 2px 0;}
/* END css driven drop menus */