You are here

mm-fresh.css in Mobile sliding menu 7.2

Same filename and directory in other branches
  1. 8 themes/mm-fresh/styles/mm-fresh.css
body {
  -webkit-user-select: initial !important;
  -moz-user-select: initial !important;
  -ms-user-select: initial !important;
  -o-user-select: initial !important;
  user-select: initial !important; }

/* Blocker */
#mm-blocker {
  background: #000 !important;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

/* Menu nav */
.mmenu-nav:not(.mm-menu) {
  display: none; }

.mmenu-nav.mm-fresh {
  z-index: 10000;
  background: #e8e8e8;
  color: #686868;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.5) !important;
  text-shadow: 0 1px white;
  /* Icons */
  /* Header */
  /* List or Panel */
  /* Has search */
  /* Counter */
  /* Footer */
  /* Mmenu search form block */ }
  .mmenu-nav.mm-fresh [class^="icon-"],
  .mmenu-nav.mm-fresh [class*=" icon-"],
  .mmenu-nav.mm-fresh .mmenu-block-icon {
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    padding-right: 15px; }
  .mmenu-nav.mm-fresh .mmenu-block-title {
    display: table-cell; }
  .mmenu-nav.mm-fresh > .mm-header {
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #686868;
    height: 60px;
    line-height: 60px;
    /* Old browsers */
    background: #dbdbdb;
    /* FF3.6+ */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #d2d2d2));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
    /* W3C */
    background: linear-gradient(to bottom, #dbdbdb 0%, #d2d2d2 100%);
    /* IE6-9 */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 )"; }
    .mmenu-nav.mm-fresh > .mm-header .mm-title {
      font-size: 2em;
      padding: 0 10%;
      width: 80%;
      text-align: center; }
    .mmenu-nav.mm-fresh > .mm-header .mm-prev {
      padding: 0;
      left: 20px;
      right: 90%;
      top: 0;
      bottom: 0;
      width: auto; }
      .mmenu-nav.mm-fresh > .mm-header .mm-prev:before {
        margin: 0;
        width: 10px;
        height: 10px;
        z-index: 10;
        border-color: #686868; }
    .mmenu-nav.mm-fresh > .mm-header .mm-next {
      padding: 0;
      left: 90%;
      right: 20px;
      top: 0;
      bottom: 0;
      width: auto; }
      .mmenu-nav.mm-fresh > .mm-header .mm-next:before {
        margin: 0;
        width: 10px;
        height: 10px;
        z-index: 10;
        border-color: #686868; }
  .mmenu-nav.mm-fresh > .mm-list {
    padding-top: 0;
    padding-bottom: 0;
    padding: 60px 20px;
    margin: 20px 0; }
    .mmenu-nav.mm-fresh > .mm-list li {
      border: 1px solid lightgrey;
      border-top: 1px solid white; }
      .mmenu-nav.mm-fresh > .mm-list li > a:not(.mm-subopen):not(.mm-subclose):not(.mm-fullsubopen) {
        padding: 10px 20px;
        white-space: normal; }
      .mmenu-nav.mm-fresh > .mm-list li:after {
        margin-left: 0 !important;
        border-color: rgba(0, 0, 0, 0); }
      .mmenu-nav.mm-fresh > .mm-list li.mm-selected > a, .mmenu-nav.mm-fresh > .mm-list li.mm-selected > span {
        background: inherit; }
      .mmenu-nav.mm-fresh > .mm-list li.mmenu-expanded .mmenu-block-collapsed {
        padding: 15px 20px !important;
        font-size: 1.25em; }
      .mmenu-nav.mm-fresh > .mm-list li.mmenu-expanded .mmenu-block-expanded {
        padding: 5px 10px 5px 10px !important;
        /* Old browsers */
        background: #dbdbdb;
        /* FF3.6+ */
        background: -moz-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
        /* Chrome,Safari4+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #d2d2d2));
        /* Chrome10+,Safari5.1+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
        /* IE10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
        /* W3C */
        background: linear-gradient(to bottom, #dbdbdb 0%, #d2d2d2 100%);
        /* IE6-9 */
        filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 )"; }
    .mmenu-nav.mm-fresh > .mm-list > .mm-list {
      margin: 0;
      padding: 0; }
  .mmenu-nav.mm-fresh.mm-hassearch > .mm-header {
    top: 0; }
  .mmenu-nav.mm-fresh.mm-hassearch > .mm-panel {
    padding-top: 110px !important; }
  .mmenu-nav.mm-fresh.mm-hassearch > .mm-search {
    height: 50px;
    top: 60px;
    border-bottom: 1px solid lightgrey; }
  .mmenu-nav.mm-fresh.mm-hassearch li.mm-noresults {
    padding: 40px 0;
    color: #c4ccda;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
  .mmenu-nav.mm-fresh.mm-hasheader > .mm-panel {
    padding-top: 60px; }
  .mmenu-nav.mm-fresh.mm-hasfooter > .mm-panel {
    padding-bottom: 40px; }
  .mmenu-nav.mm-fresh em.mm-counter {
    color: #686868;
    right: 35px; }
  .mmenu-nav.mm-fresh .mm-subopen,
  .mmenu-nav.mm-fresh .mm-subclose {
    padding-left: 25px; }
    .mmenu-nav.mm-fresh .mm-subopen:before,
    .mmenu-nav.mm-fresh .mm-subclose:before {
      border-left: none; }
    .mmenu-nav.mm-fresh .mm-subopen:after,
    .mmenu-nav.mm-fresh .mm-subclose:after {
      border-color: #686868 !important;
      width: 8px;
      height: 8px; }
  .mmenu-nav.mm-fresh em.mm-counter + a.mm-subopen + a,
  .mmenu-nav.mm-fresh em.mm-counter + a.mm-subopen + span {
    margin-right: 65px;
    padding: 10px 20px; }
  .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul {
    padding: 0 0 0 30px;
    background: rgba(255, 255, 255, 0.05); }
    .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li {
      border-left: none; }
      .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li:first-child {
        border-top: none; }
      .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li:last-child {
        border-bottom: none; }
  .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > a.mm-subopen {
    background: rgba(255, 255, 255, 0.05);
    border-bottom: none;
    width: 40px; }
  .mmenu-nav.mm-fresh > .mm-footer {
    background: #e8e8e8;
    color: #686868;
    padding: 0;
    font-size: 1.25em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-color: rgba(0, 0, 0, 0.15) !important; }
  .mmenu-nav.mm-fresh .search-form {
    margin-bottom: 0; }
    .mmenu-nav.mm-fresh .search-form .container-inline div,
    .mmenu-nav.mm-fresh .search-form .container-inline label {
      display: block; }
    .mmenu-nav.mm-fresh .search-form .form-item {
      margin: 0 0 10px 0;
      padding: 0; }
    .mmenu-nav.mm-fresh .search-form label {
      margin-bottom: 10px; }
    .mmenu-nav.mm-fresh .search-form .form-text {
      padding: 5px 0;
      width: 100%;
      border: none; }
    .mmenu-nav.mm-fresh .search-form .form-submit {
      margin: 0; }

File

themes/mm-fresh/styles/mm-fresh.css
View source
  1. body {
  2. -webkit-user-select: initial !important;
  3. -moz-user-select: initial !important;
  4. -ms-user-select: initial !important;
  5. -o-user-select: initial !important;
  6. user-select: initial !important; }
  7. /* Blocker */
  8. #mm-blocker {
  9. background: #000 !important;
  10. opacity: 0.5;
  11. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  12. filter: alpha(opacity=50); }
  13. /* Menu nav */
  14. .mmenu-nav:not(.mm-menu) {
  15. display: none; }
  16. .mmenu-nav.mm-fresh {
  17. z-index: 10000;
  18. background: #e8e8e8;
  19. color: #686868;
  20. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  21. font-family: Helvetica, sans-serif;
  22. font-size: 12px;
  23. box-shadow: 0 0 0px rgba(0, 0, 0, 0.5) !important;
  24. text-shadow: 0 1px white;
  25. /* Icons */
  26. /* Header */
  27. /* List or Panel */
  28. /* Has search */
  29. /* Counter */
  30. /* Footer */
  31. /* Mmenu search form block */ }
  32. .mmenu-nav.mm-fresh [class^="icon-"],
  33. .mmenu-nav.mm-fresh [class*=" icon-"],
  34. .mmenu-nav.mm-fresh .mmenu-block-icon {
  35. display: table-cell;
  36. vertical-align: middle;
  37. font-style: normal;
  38. padding-right: 15px; }
  39. .mmenu-nav.mm-fresh .mmenu-block-title {
  40. display: table-cell; }
  41. .mmenu-nav.mm-fresh > .mm-header {
  42. border-color: rgba(0, 0, 0, 0.15) !important;
  43. color: #686868;
  44. height: 60px;
  45. line-height: 60px;
  46. /* Old browsers */
  47. background: #dbdbdb;
  48. /* FF3.6+ */
  49. background: -moz-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  50. /* Chrome,Safari4+ */
  51. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #d2d2d2));
  52. /* Chrome10+,Safari5.1+ */
  53. background: -webkit-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  54. /* Opera 11.10+ */
  55. background: -o-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  56. /* IE10+ */
  57. background: -ms-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  58. /* W3C */
  59. background: linear-gradient(to bottom, #dbdbdb 0%, #d2d2d2 100%);
  60. /* IE6-9 */
  61. filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 )"; }
  62. .mmenu-nav.mm-fresh > .mm-header .mm-title {
  63. font-size: 2em;
  64. padding: 0 10%;
  65. width: 80%;
  66. text-align: center; }
  67. .mmenu-nav.mm-fresh > .mm-header .mm-prev {
  68. padding: 0;
  69. left: 20px;
  70. right: 90%;
  71. top: 0;
  72. bottom: 0;
  73. width: auto; }
  74. .mmenu-nav.mm-fresh > .mm-header .mm-prev:before {
  75. margin: 0;
  76. width: 10px;
  77. height: 10px;
  78. z-index: 10;
  79. border-color: #686868; }
  80. .mmenu-nav.mm-fresh > .mm-header .mm-next {
  81. padding: 0;
  82. left: 90%;
  83. right: 20px;
  84. top: 0;
  85. bottom: 0;
  86. width: auto; }
  87. .mmenu-nav.mm-fresh > .mm-header .mm-next:before {
  88. margin: 0;
  89. width: 10px;
  90. height: 10px;
  91. z-index: 10;
  92. border-color: #686868; }
  93. .mmenu-nav.mm-fresh > .mm-list {
  94. padding-top: 0;
  95. padding-bottom: 0;
  96. padding: 60px 20px;
  97. margin: 20px 0; }
  98. .mmenu-nav.mm-fresh > .mm-list li {
  99. border: 1px solid lightgrey;
  100. border-top: 1px solid white; }
  101. .mmenu-nav.mm-fresh > .mm-list li > a:not(.mm-subopen):not(.mm-subclose):not(.mm-fullsubopen) {
  102. padding: 10px 20px;
  103. white-space: normal; }
  104. .mmenu-nav.mm-fresh > .mm-list li:after {
  105. margin-left: 0 !important;
  106. border-color: rgba(0, 0, 0, 0); }
  107. .mmenu-nav.mm-fresh > .mm-list li.mm-selected > a, .mmenu-nav.mm-fresh > .mm-list li.mm-selected > span {
  108. background: inherit; }
  109. .mmenu-nav.mm-fresh > .mm-list li.mmenu-expanded .mmenu-block-collapsed {
  110. padding: 15px 20px !important;
  111. font-size: 1.25em; }
  112. .mmenu-nav.mm-fresh > .mm-list li.mmenu-expanded .mmenu-block-expanded {
  113. padding: 5px 10px 5px 10px !important;
  114. /* Old browsers */
  115. background: #dbdbdb;
  116. /* FF3.6+ */
  117. background: -moz-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  118. /* Chrome,Safari4+ */
  119. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #d2d2d2));
  120. /* Chrome10+,Safari5.1+ */
  121. background: -webkit-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  122. /* Opera 11.10+ */
  123. background: -o-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  124. /* IE10+ */
  125. background: -ms-linear-gradient(top, #dbdbdb 0%, #d2d2d2 100%);
  126. /* W3C */
  127. background: linear-gradient(to bottom, #dbdbdb 0%, #d2d2d2 100%);
  128. /* IE6-9 */
  129. filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 )"; }
  130. .mmenu-nav.mm-fresh > .mm-list > .mm-list {
  131. margin: 0;
  132. padding: 0; }
  133. .mmenu-nav.mm-fresh.mm-hassearch > .mm-header {
  134. top: 0; }
  135. .mmenu-nav.mm-fresh.mm-hassearch > .mm-panel {
  136. padding-top: 110px !important; }
  137. .mmenu-nav.mm-fresh.mm-hassearch > .mm-search {
  138. height: 50px;
  139. top: 60px;
  140. border-bottom: 1px solid lightgrey; }
  141. .mmenu-nav.mm-fresh.mm-hassearch li.mm-noresults {
  142. padding: 40px 0;
  143. color: #c4ccda;
  144. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
  145. .mmenu-nav.mm-fresh.mm-hasheader > .mm-panel {
  146. padding-top: 60px; }
  147. .mmenu-nav.mm-fresh.mm-hasfooter > .mm-panel {
  148. padding-bottom: 40px; }
  149. .mmenu-nav.mm-fresh em.mm-counter {
  150. color: #686868;
  151. right: 35px; }
  152. .mmenu-nav.mm-fresh .mm-subopen,
  153. .mmenu-nav.mm-fresh .mm-subclose {
  154. padding-left: 25px; }
  155. .mmenu-nav.mm-fresh .mm-subopen:before,
  156. .mmenu-nav.mm-fresh .mm-subclose:before {
  157. border-left: none; }
  158. .mmenu-nav.mm-fresh .mm-subopen:after,
  159. .mmenu-nav.mm-fresh .mm-subclose:after {
  160. border-color: #686868 !important;
  161. width: 8px;
  162. height: 8px; }
  163. .mmenu-nav.mm-fresh em.mm-counter + a.mm-subopen + a,
  164. .mmenu-nav.mm-fresh em.mm-counter + a.mm-subopen + span {
  165. margin-right: 65px;
  166. padding: 10px 20px; }
  167. .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul {
  168. padding: 0 0 0 30px;
  169. background: rgba(255, 255, 255, 0.05); }
  170. .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li {
  171. border-left: none; }
  172. .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li:first-child {
  173. border-top: none; }
  174. .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > ul li:last-child {
  175. border-bottom: none; }
  176. .mmenu-nav.mm-fresh.mm-vertical li.mm-opened > a.mm-subopen {
  177. background: rgba(255, 255, 255, 0.05);
  178. border-bottom: none;
  179. width: 40px; }
  180. .mmenu-nav.mm-fresh > .mm-footer {
  181. background: #e8e8e8;
  182. color: #686868;
  183. padding: 0;
  184. font-size: 1.25em;
  185. height: 40px;
  186. line-height: 40px;
  187. text-align: center;
  188. border-color: rgba(0, 0, 0, 0.15) !important; }
  189. .mmenu-nav.mm-fresh .search-form {
  190. margin-bottom: 0; }
  191. .mmenu-nav.mm-fresh .search-form .container-inline div,
  192. .mmenu-nav.mm-fresh .search-form .container-inline label {
  193. display: block; }
  194. .mmenu-nav.mm-fresh .search-form .form-item {
  195. margin: 0 0 10px 0;
  196. padding: 0; }
  197. .mmenu-nav.mm-fresh .search-form label {
  198. margin-bottom: 10px; }
  199. .mmenu-nav.mm-fresh .search-form .form-text {
  200. padding: 5px 0;
  201. width: 100%;
  202. border: none; }
  203. .mmenu-nav.mm-fresh .search-form .form-submit {
  204. margin: 0; }