menubar.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .ui-menubar {
  2. padding: .25em;
  3. }
  4. .ui-menubar:after {
  5. content: "";
  6. clear: both;
  7. display: table;
  8. }
  9. .ui-menubar ul {
  10. margin: 0;
  11. padding: 0;
  12. list-style: none;
  13. }
  14. .ui-menubar .ui-menuitem-link {
  15. display: block;
  16. padding: .25em;
  17. position: relative;
  18. text-decoration: none;
  19. }
  20. .ui-menubar .ui-menuitem-icon {
  21. margin-right: .25em;
  22. }
  23. .ui-menubar .ui-menubar-root-list {
  24. display: inline-block;
  25. }
  26. .ui-menubar .ui-menubar-root-list > .ui-menuitem {
  27. display: inline-block;
  28. position: relative;
  29. }
  30. .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  31. padding: .5em;
  32. }
  33. .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  34. vertical-align: middle;
  35. margin-left: .25em;
  36. }
  37. .ui-menubar .ui-menubar-root-list > li ul {
  38. display: none;
  39. }
  40. .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  41. display: inline-block;
  42. vertical-align: middle;
  43. height: 1.5em;
  44. }
  45. .ui-menubar .ui-submenu-list {
  46. display: none;
  47. position: absolute;
  48. min-width: 12.5em;
  49. padding: .25em;
  50. }
  51. .ui-menubar .ui-submenu-list .ui-menuitem {
  52. margin: .125em 0;
  53. position: relative;
  54. }
  55. .ui-menubar .ui-menuitem-icon {
  56. margin-right: .25em;
  57. vertical-align: middle;
  58. }
  59. .ui-menubar .ui-menuitem-text {
  60. vertical-align: middle;
  61. }
  62. .ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
  63. position: absolute;
  64. margin-top: -.5em;
  65. right: 0;
  66. top: 50%;
  67. }
  68. .ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  69. display: block;
  70. }
  71. .ui-menubar .ui-menubar-custom {
  72. float: right;
  73. padding: .25em;
  74. }