admin.toolbar.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. .toolbar-tray-horizontal .menu-item:hover {
  2. background: #fff;
  3. }
  4. .toolbar-tray-horizontal .menu-item a:focus {
  5. background: #abeae4;
  6. }
  7. .toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  8. background-position: center right;
  9. background-image: url('../misc/icons/0074bd/chevron-right.svg');
  10. background-repeat: no-repeat;
  11. }
  12. .toolbar-tray-horizontal .menu-item--expanded .menu {
  13. background: #fff;
  14. width: auto;
  15. height: auto;
  16. }
  17. .toolbar-tray-horizontal .menu-item--expanded {
  18. background-color: #f5f5f2;
  19. }
  20. .toolbar-tray-horizontal ul li li.menu-item {
  21. border-top: none transparent;
  22. border-right: 1px solid #dddddd;
  23. border-bottom: 1px solid #dddddd;
  24. border-left: 1px solid #dddddd;
  25. }
  26. .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  27. border-left: 1px solid #dddddd;
  28. border-right: 1px solid #dddddd;
  29. }
  30. .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  31. border-top: 1px solid #dddddd;
  32. }
  33. .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul,
  34. .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul,
  35. .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul ul,
  36. .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul ul ul {
  37. display: none;
  38. left: -999em; /* LTR */
  39. }
  40. /* Lists nested under hovered list items */
  41. .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul,
  42. .toolbar-tray-horizontal li li.menu-item--expanded.hover-intent ul,
  43. .toolbar-tray-horizontal li li li.menu-item--expanded.hover-intent ul,
  44. .toolbar-tray-horizontal li li li li.menu-item--expanded.hover-intent ul,
  45. .toolbar-tray-horizontal li li li li li.menu-item--expanded.hover-intent ul {
  46. display: block;
  47. left: auto; /* LTR */
  48. }
  49. .toolbar-tray-horizontal .menu ul li a,
  50. .toolbar-tray-horizontal .menu ul .toolbar-icon {
  51. padding: 12px 15px 12px 12px;
  52. }
  53. .toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul {
  54. display: block;
  55. position: absolute;
  56. width: 200px;
  57. box-shadow: 2px 2px 3px hsla(0, 0%, 0%, 0.4);
  58. z-index: 1;
  59. }
  60. .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item > ul {
  61. display: none;
  62. }
  63. .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  64. background-position: center right;
  65. background-image: url('../misc/icons/0074bd/chevron-right.svg');
  66. background-repeat: no-repeat;
  67. }
  68. .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item.hover-intent ul {
  69. display: block;
  70. margin: -40px 0 0 197px;
  71. }
  72. .toolbar-tray-horizontal li:hover ul li {
  73. float: none;
  74. }
  75. .toolbar-tray-horizontal li.hover-intent ul li {
  76. float: none;
  77. }
  78. .toolbar-tray-horizontal .toolbar .level-2 > ul {
  79. position: absolute;
  80. padding-top: 0;
  81. top: 0;
  82. left: 200px;
  83. width: 200px;
  84. }
  85. .toolbar .toolbar-tray-vertical li.open > ul.toolbar-menu.clearfix {
  86. display: block;
  87. }
  88. [dir="rtl"] .toolbar-tray-horizontal .menu-item:hover {
  89. background: #fff;
  90. }
  91. [dir="rtl"] .toolbar-tray-horizontal .menu-item a:focus {
  92. background: #abeae4;
  93. }
  94. [dir="rtl"] .toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  95. background-position: center right;
  96. background-image: url('../misc/icons/0074bd/chevron-right.svg');
  97. background-repeat: no-repeat;
  98. }
  99. [dir="rtl"] .toolbar-tray-horizontal .menu-item--expanded .menu {
  100. background: #fff;
  101. width: auto;
  102. height: auto;
  103. }
  104. [dir="rtl"] .toolbar-tray-horizontal .menu-item--expanded {
  105. background-color: #f5f5f2;
  106. }
  107. [dir="rtl"] .toolbar-tray-horizontal ul li li.menu-item {
  108. border-top: none transparent;
  109. border-right: 1px solid #dddddd;
  110. border-bottom: 1px solid #dddddd;
  111. border-left: 1px solid #dddddd;
  112. }
  113. [dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  114. border-left: 1px solid #dddddd;
  115. border-right: 1px solid #dddddd;
  116. }
  117. [dir="rtl"] .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  118. border-top: 1px solid #dddddd;
  119. }
  120. [dir="rtl"] .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul,
  121. [dir="rtl"] .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul,
  122. [dir="rtl"] .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul ul,
  123. [dir="rtl"] .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul ul ul ul ul {
  124. display: none;
  125. left: -999em; /* LTR */
  126. }
  127. /* Lists nested under hovered list items */
  128. [dir="rtl"] .toolbar-tray-horizontal li.menu-item--expanded.hover-intent ul,
  129. [dir="rtl"] .toolbar-tray-horizontal li li.menu-item--expanded.hover-intent ul,
  130. [dir="rtl"] .toolbar-tray-horizontal li li li.menu-item--expanded.hover-intent ul,
  131. [dir="rtl"] .toolbar-tray-horizontal li li li li.menu-item--expanded.hover-intent ul,
  132. [dir="rtl"] .toolbar-tray-horizontal li li li li li.menu-item--expanded.hover-intent ul {
  133. display: block;
  134. left: auto; /* LTR */
  135. }
  136. [dir="rtl"] .toolbar-tray-horizontal .menu ul li a,
  137. [dir="rtl"] .toolbar-tray-horizontal .menu ul .toolbar-icon {
  138. padding: 12px 15px 12px 12px;
  139. }
  140. [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul {
  141. display: block;
  142. position: absolute;
  143. width: 200px;
  144. box-shadow: 2px 2px 3px hsla(0, 0%, 0%, 0.4);
  145. z-index: 1;
  146. }
  147. [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item > ul {
  148. display: none;
  149. }
  150. [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  151. background-position: center left;
  152. background-image: url('../misc/icons/0074bd/chevron-left.svg');
  153. background-repeat: no-repeat;
  154. }
  155. [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item.hover-intent ul {
  156. display: block;
  157. margin: -40px 197px 0 0;
  158. }
  159. [dir="rtl"] .toolbar-tray-horizontal li:hover ul li {
  160. float: none;
  161. }
  162. [dir="rtl"] .toolbar-tray-horizontal li.hover-intent ul li {
  163. float: none;
  164. }
  165. [dir="rtl"] .toolbar-tray-horizontal .toolbar .level-2 > ul {
  166. position: absolute;
  167. padding-top: 0;
  168. top: 0;
  169. left: 200px;
  170. width: 200px;
  171. }
  172. [dir="rtl"] .toolbar .toolbar-tray-vertical li.open > ul.toolbar-menu.clearfix {
  173. display: block;
  174. }