menu.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. /*--
  2. import url(../../../../../../../template/css/menu.css);
  3. --*/
  4. ul.bx-menu-hor,
  5. ul.bx-menu-custom-hor,
  6. ul.bx-menu-notif,
  7. ul.bx-menu-verlit,
  8. ul.bx-menu-ver,
  9. ul.bx-menu-custom-ver,
  10. ul.bx-menu-main-submenu,
  11. ul.bx-menu-toolbar,
  12. ul.bx-menu-floating-blocks-wide,
  13. ul.bx-menu-floating-blocks-big,
  14. ul.bx-menu-floating-blocks-dash,
  15. ul.bx-menu-floating-blocks,
  16. ul.bx-menu-inter,
  17. ul.bx-menu-inter-vert,
  18. ul.bx-menu-btns-ver,
  19. ul.bx-menu-btns-hor,
  20. ul.bx-menu-btns-icon-hor {
  21. padding: 0;
  22. margin: 0;
  23. list-style: none;
  24. }
  25. /* --- Vertical, Vertical lite, Custom Vertical Menus ---*/
  26. .bx-menu-ver li,
  27. .bx-menu-verlit li,
  28. .bx-menu-custom-ver li {
  29. margin-top: 1px;
  30. }
  31. .bx-menu-ver li:first-child,
  32. .bx-menu-verlit li:first-child,
  33. .bx-menu-custom-ver li:first-child {
  34. margin-top: 0px;
  35. }
  36. /* --- Horizontal, Custom Horizontal Menus --- */
  37. .bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item,
  38. .bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item a {
  39. border-radius: 0;
  40. }
  41. /*--- Interactive Menu ---*/
  42. .bx-menu-inter li.bx-menu-inter-hidden,
  43. .bx-menu-inter-vert li.bx-menu-inter-hidden {
  44. display: none;
  45. }
  46. /*--- Custom Menu with More Auto ---*/
  47. .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto,
  48. .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto {
  49. display: none;
  50. }
  51. .bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item a.p-2,
  52. .bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item a.px-2 {
  53. padding-left: 1rem;
  54. padding-right: 1rem;
  55. }
  56. /*--- Page Main menu ---*/
  57. .bx-menu-main .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item,
  58. .bx-menu-main .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item a {
  59. border-radius: 0;
  60. }
  61. /*--- Page Submenu ---*/
  62. .bx-menu-main-submenu {
  63. -webkit-justify-content: center;
  64. justify-content: center;
  65. }
  66. .bx-menu-main-submenu .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item > a {
  67. width: 100%;
  68. padding: 0.5rem 1.0rem;
  69. text-align: left;
  70. }
  71. .bx-menu-main-submenu .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item .bx-mi-underline {
  72. display: none;
  73. }
  74. /*--- Toolbar Menu ---*/
  75. .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-item-addon {
  76. position: absolute;
  77. top: -0.375rem;
  78. right: -0.375rem;
  79. padding: 0 0.25rem;
  80. }
  81. /*--- Account Popup ---*/
  82. #bx-sliding-menu-account .bx-menu-account-popup .bx-menu-item-addon.bx-def-unit-alert {
  83. position: relative;
  84. padding: 0 0.25rem;
  85. }
  86. #bx-sliding-menu-account .bx-menu-account-popup-profile-switcher-link {
  87. display: -webkit-flex;
  88. display: flex;
  89. -webkit-justify-content: center;
  90. justify-content: center;
  91. }
  92. /*--- Add Popup ---*/
  93. div.bx-popup-menu-main.sys-add-content ul {
  94. flex-direction: column;
  95. }
  96. /* --- Profile Followings Menu ---*/
  97. .bx-menu-ver.bx-menu-object-sys_profile_followings li .bx-menu-show {
  98. display: none;
  99. }
  100. .bx-menu-ver.bx-menu-object-sys_profile_followings li .bx-menu-hide {
  101. display: inline;
  102. }
  103. .bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-menu-item-collapsed .bx-menu-show {
  104. display: inline;
  105. }
  106. .bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-menu-item-collapsed .bx-menu-hide {
  107. display: none;
  108. }
  109. .bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-menu-item-collapsed .bx-menu-item-subitems {
  110. display: none;
  111. }
  112. /* Profiles meta menu */
  113. .sys-action-counter-icon .sys-icon{
  114. width: 1rem;
  115. height: 1rem;
  116. font-size: 0.75rem;
  117. line-height: 1.1rem;
  118. text-align: center;
  119. }
  120. .sys-action-counter-icon .sys-icon.sys-icon-emoji{
  121. line-height: 1rem;
  122. }
  123. .sys-action-counter-iconset .bx-def-icon-size{
  124. width: 1.5rem;
  125. height: 1.5rem;
  126. }
  127. .sys-action-counter-iconset .bx-base-pofile-unit-wo-info,
  128. .sys-action-counter-iconset .sys-action-counter-icon
  129. {
  130. margin-left: -.25rem;
  131. }