You are here

Home » API reference » DHTML Menu 7

dhtml_menu.css in DHTML Menu 7

Same filename and directory in other branches
  1. 8 dhtml_menu.css
  2. 6.4 dhtml_menu.css
  3. 6.3 dhtml_menu.css

dhtml_menu.css Static stylesheet rules to be applied to DHTML Menu markup.

File

dhtml_menu.css
View source 
  1. 

  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. li.dhtml-folder {

  47.     list-style: none;

  48. }

  49. 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. }

  55.