root / drupal7 / sites / all / modules / dhtml_menu / dhtml_menu.css @ a8cee257
1 | 85ad3d82 | Assos Assos | |
---|---|---|---|
2 | /**
|
||
3 | * @file dhtml_menu.css
|
||
4 | * Static stylesheet rules to be applied to DHTML Menu markup.
|
||
5 | */
|
||
6 | |||
7 | /*
|
||
8 | * Cloned leaves are small and emphasized with italics.
|
||
9 | */
|
||
10 | li.dhtml-menu-cloned-leaf { |
||
11 | font-size: 0.7em; |
||
12 | font-style: italic; |
||
13 | } |
||
14 | |||
15 | /*
|
||
16 | * Menus that are initially collapsed must be hidden statically.
|
||
17 | * Otherwise, they will show up while the page renders, until JS runs.
|
||
18 | */
|
||
19 | li.dhtml-menu.start-collapsed ul { |
||
20 | display: none; |
||
21 | } |
||
22 | |||
23 | /*
|
||
24 | * When using open-only menus, expanded links are italicized
|
||
25 | * to show that they are now static.
|
||
26 | */
|
||
27 | li.dhtml-menu-open > a { |
||
28 | font-style: italic; |
||
29 | } |
||
30 | |||
31 | /*
|
||
32 | * When using bullet-icon expansion, make the invisible link as large
|
||
33 | * as the bullet icon (16x16). It will be positioned by Javascript, respecting
|
||
34 | * text direction. Therefore no positioning code is required here.
|
||
35 | */
|
||
36 | a.dhtml-menu-icon { |
||
37 | position: relative; |
||
38 | float: left; |
||
39 | width: 16px; |
||
40 | height: 16px; |
||
41 | } |
||
42 | |||
43 | /*
|
||
44 | * Provide large and visible folder icons for easy clicking.
|
||
45 | */
|
||
46 | a8cee257 | Assos Assos | li.dhtml-folder { |
47 | list-style: none; |
||
48 | 85ad3d82 | Assos Assos | } |
49 | a8cee257 | Assos Assos | li.dhtml-folder.expanded .dhtml-menu-icon { |
50 | background-image: url("images/folder-open-white.png"); |
||
51 | } |
||
52 | li.dhtml-folder.collapsed .dhtml-menu-icon { |
||
53 | background-image: url("images/folder-closed-white.png"); |
||
54 | 85ad3d82 | Assos Assos | } |