Styles for menus and navigation markup.

File

modules/system/system.menus.css
View source
  1. /**
  2. * @file
  3. * Styles for menus and navigation markup.
  4. */
  5. /**
  6. * Markup generated by theme_menu_tree().
  7. */
  8. ul.menu {
  9. border: none;
  10. list-style: none;
  11. text-align: left; /* LTR */
  12. }
  13. ul.menu li {
  14. margin: 0 0 0 0.5em; /* LTR */
  15. }
  16. ul li.expanded {
  17. list-style-image: url(../../misc/menu-expanded.png);
  18. list-style-type: circle;
  19. }
  20. ul li.collapsed {
  21. list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  22. list-style-type: disc;
  23. }
  24. ul li.leaf {
  25. list-style-image: url(../../misc/menu-leaf.png);
  26. list-style-type: square;
  27. }
  28. li.expanded,
  29. li.collapsed,
  30. li.leaf {
  31. padding: 0.2em 0.5em 0 0; /* LTR */
  32. margin: 0;
  33. }
  34. li a.active {
  35. color: #000;
  36. }
  37. td.menu-disabled {
  38. background: #ccc;
  39. }
  40. /**
  41. * Markup generated by theme_links().
  42. */
  43. ul.inline,
  44. ul.links.inline {
  45. display: inline;
  46. padding-left: 0;
  47. }
  48. ul.inline li {
  49. display: inline;
  50. list-style-type: none;
  51. padding: 0 0.5em;
  52. }
  53. /**
  54. * Markup generated by theme_breadcrumb().
  55. */
  56. .breadcrumb {
  57. padding-bottom: 0.5em;
  58. }
  59. /**
  60. * Markup generated by theme_menu_local_tasks().
  61. */
  62. ul.primary {
  63. border-bottom: 1px solid #bbb;
  64. border-collapse: collapse;
  65. height: auto;
  66. line-height: normal;
  67. list-style: none;
  68. margin: 5px;
  69. padding: 0 0 0 1em; /* LTR */
  70. white-space: nowrap;
  71. }
  72. ul.primary li {
  73. display: inline;
  74. }
  75. ul.primary li a {
  76. background-color: #ddd;
  77. border-color: #bbb;
  78. border-style: solid solid none solid;
  79. border-width: 1px;
  80. height: auto;
  81. margin-right: 0.5em; /* LTR */
  82. padding: 0 1em;
  83. text-decoration: none;
  84. }
  85. ul.primary li.active a {
  86. background-color: #fff;
  87. border: 1px solid #bbb;
  88. border-bottom: 1px solid #fff;
  89. }
  90. ul.primary li a:hover {
  91. background-color: #eee;
  92. border-color: #ccc;
  93. border-bottom-color: #eee;
  94. }
  95. ul.secondary {
  96. border-bottom: 1px solid #bbb;
  97. padding: 0.5em 1em;
  98. margin: 5px;
  99. }
  100. ul.secondary li {
  101. border-right: 1px solid #ccc; /* LTR */
  102. display: inline;
  103. padding: 0 1em;
  104. }
  105. ul.secondary a {
  106. padding: 0;
  107. text-decoration: none;
  108. }
  109. ul.secondary a.active {
  110. border-bottom: 4px solid #999;
  111. }