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