metisMenu.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. /*!
  2. * metismenu https://github.com/onokumus/metismenu#readme
  3. * A jQuery menu plugin
  4. * @version 3.0.4
  5. * @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
  6. * @license: MIT
  7. */
  8. .metismenu .arrow {
  9. float: right;
  10. line-height: 1.42857;
  11. }
  12. *[dir="rtl"] .metismenu .arrow {
  13. float: left;
  14. }
  15. /*
  16. * Require Bootstrap 3.x
  17. * https://github.com/twbs/bootstrap
  18. */
  19. .metismenu .glyphicon.arrow:before {
  20. content: "\e079";
  21. }
  22. .metismenu .mm-active > a > .glyphicon.arrow:before {
  23. content: "\e114";
  24. }
  25. /*
  26. * Require Font-Awesome
  27. * http://fortawesome.github.io/Font-Awesome/
  28. */
  29. .metismenu .fa.arrow:before {
  30. content: "\f104";
  31. }
  32. .metismenu .mm-active > a > .fa.arrow:before {
  33. content: "\f107";
  34. }
  35. /*
  36. * Require Ionicons
  37. * http://ionicons.com/
  38. */
  39. .metismenu .ion.arrow:before {
  40. content: "\f3d2"
  41. }
  42. .metismenu .mm-active > a > .ion.arrow:before {
  43. content: "\f3d0";
  44. }
  45. .metismenu .plus-times {
  46. float: right;
  47. }
  48. *[dir="rtl"] .metismenu .plus-times {
  49. float: left;
  50. }
  51. .metismenu .fa.plus-times:before {
  52. content: "\f067";
  53. }
  54. .metismenu .mm-active > a > .fa.plus-times {
  55. -webkit-transform: rotate(45deg);
  56. transform: rotate(45deg);
  57. }
  58. .metismenu .plus-minus {
  59. float: right;
  60. }
  61. *[dir="rtl"] .metismenu .plus-minus {
  62. float: left;
  63. }
  64. .metismenu .fa.plus-minus:before {
  65. content: "\f067";
  66. }
  67. .metismenu .mm-active > a > .fa.plus-minus:before {
  68. content: "\f068";
  69. }
  70. .metismenu .mm-collapse:not(.mm-show) {
  71. display: none;
  72. }
  73. .metismenu .mm-collapsing {
  74. position: relative;
  75. height: 0;
  76. overflow: hidden;
  77. transition-timing-function: ease;
  78. transition-duration: .35s;
  79. transition-property: height, visibility;
  80. }
  81. .metismenu .has-arrow {
  82. position: relative;
  83. }
  84. .metismenu .has-arrow::after {
  85. position: absolute;
  86. content: '';
  87. width: .5em;
  88. height: .5em;
  89. border-width: 1px 0 0 1px;
  90. border-style: solid;
  91. border-color: currentColor;
  92. border-color: initial;
  93. right: 1em;
  94. -webkit-transform: rotate(-45deg) translate(0, -50%);
  95. transform: rotate(-45deg) translate(0, -50%);
  96. -webkit-transform-origin: top;
  97. transform-origin: top;
  98. top: 50%;
  99. transition: all .3s ease-out;
  100. }
  101. *[dir="rtl"] .metismenu .has-arrow::after {
  102. right: auto;
  103. left: 1em;
  104. -webkit-transform: rotate(135deg) translate(0, -50%);
  105. transform: rotate(135deg) translate(0, -50%);
  106. }
  107. .metismenu .mm-active > .has-arrow::after,
  108. .metismenu .has-arrow[aria-expanded="true"]::after {
  109. -webkit-transform: rotate(-135deg) translate(0, -50%);
  110. transform: rotate(-135deg) translate(0, -50%);
  111. }
  112. *[dir="rtl"] .metismenu .mm-active > .has-arrow::after,
  113. *[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
  114. -webkit-transform: rotate(225deg) translate(0, -50%);
  115. transform: rotate(225deg) translate(0, -50%);
  116. }
  117. /*# sourceMappingURL=metisMenu.css.map */