jquery-mmenu.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @charset "UTF-8";
  2. .mm-hidden {
  3. display: none !important; }
  4. .mm-panels, .mm-panels > .mm-panel {
  5. position: absolute;
  6. top: 0;
  7. left: 0;
  8. z-index: 0;
  9. width: 100%;
  10. margin: 0;
  11. background: inherit; }
  12. .mm-panels {
  13. height: 100%;
  14. height: calc(100% - 76px);
  15. overflow: hidden; }
  16. .mm-panel {
  17. height: 100%;
  18. transition: -webkit-transform .4s ease;
  19. transition: transform .4s ease;
  20. transition: transform .4s ease, -webkit-transform .4s ease;
  21. -webkit-transform: translate3d(100%, 0, 0);
  22. transform: translate3d(100%, 0, 0); }
  23. .mm-panel.mm-opened {
  24. -webkit-transform: translate3d(0, 0, 0);
  25. transform: translate3d(0, 0, 0); }
  26. .mm-panel.mm-subopened {
  27. -webkit-transform: translate3d(-30%, 0, 0);
  28. transform: translate3d(-30%, 0, 0); }
  29. .mm-panel.mm-highest {
  30. z-index: 1;
  31. visibility: hidden; }
  32. .mm-panel.mm-highest.mm-opened {
  33. visibility: visible; }
  34. .mm-panel .mm-navbar {
  35. display: none; }
  36. .mm-panel.mm-hasnavbar .mm-navbar {
  37. display: block; }
  38. .mm-panel:first-child .mm-navbar {
  39. display: none; }
  40. .mm-navbar > a {
  41. line-height: 46px;
  42. color: #76838f; }
  43. .mm-navbar .mm-prev {
  44. position: relative;
  45. display: inline-block;
  46. font-style: normal;
  47. font-weight: normal;
  48. -webkit-transform: translate(0, 0);
  49. transform: translate(0, 0);
  50. -webkit-font-smoothing: antialiased;
  51. -moz-osx-font-smoothing: grayscale;
  52. speak: none;
  53. text-rendering: auto;
  54. position: absolute;
  55. left: 20px;
  56. font-family: "Web Icons"; }
  57. .mm-navbar .mm-prev:before {
  58. content: ""; }
  59. .mm-navbar .mm-title {
  60. display: block;
  61. padding: 0 20px;
  62. font-size: 16px;
  63. font-weight: 500;
  64. text-indent: 20px; }
  65. .mm-next {
  66. position: absolute;
  67. top: 0;
  68. right: 0;
  69. bottom: 0;
  70. left: 0;
  71. font-size: 0; }
  72. .mm-page {
  73. min-height: 100%;
  74. min-height: calc(100% - 44px);
  75. background-color: #f1f4f5; }
  76. .mm-search {
  77. padding: 7px 10px 10px; }
  78. .mm-search input {
  79. display: block;
  80. width: 100%;
  81. height: 2.573rem;
  82. padding: 0.429rem 1rem;
  83. font-size: 1rem;
  84. line-height: 1.57142857;
  85. color: #76838f;
  86. background-color: #fff;
  87. background-image: none;
  88. border: 1px solid #e4eaec;
  89. border-radius: 0.215rem;
  90. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  91. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  92. .mm-search input.focus, .mm-search input:focus {
  93. border-color: #3e8ef7;
  94. box-shadow: none; }
  95. .mm-search input::-ms-clear {
  96. display: none; }
  97. .mm-noresultsmsg {
  98. display: none;
  99. padding: 40px 0;
  100. font-size: 21px;
  101. text-align: center; }
  102. .mm-noresults .mm-noresultsmsg {
  103. display: block; }