meanmenu.min.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. /*! #######################################################################
  2. MeanMenu 2.0.7
  3. --------
  4. To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
  5. ####################################################################### */
  6. a.meanmenu-reveal {
  7. display: none
  8. }
  9. .mean-container .mean-bar {
  10. float: left;
  11. width: 100%;
  12. position: relative;
  13. background: #0c1923;
  14. padding: 4px 0;
  15. min-height: 42px;
  16. z-index: 999999
  17. }
  18. .mean-container a.meanmenu-reveal {
  19. width: 22px;
  20. height: 22px;
  21. padding: 13px 13px 11px;
  22. position: absolute;
  23. top: 0;
  24. right: 0;
  25. cursor: pointer;
  26. color: #fff;
  27. text-decoration: none;
  28. font-size: 16px;
  29. text-indent: -9999em;
  30. line-height: 22px;
  31. font-size: 1px;
  32. display: block;
  33. font-family: Arial, Helvetica, sans-serif;
  34. font-weight: 700
  35. }
  36. .mean-container a.meanmenu-reveal span {
  37. display: block;
  38. background: #fff;
  39. height: 3px;
  40. margin-top: 3px
  41. }
  42. .mean-container .mean-nav {
  43. float: left;
  44. width: 100%;
  45. background: #0c1923;
  46. margin-top: 44px
  47. }
  48. .mean-container .mean-nav ul {
  49. padding: 0;
  50. margin: 0;
  51. width: 100%;
  52. list-style-type: none
  53. }
  54. .mean-container .mean-nav ul li {
  55. position: relative;
  56. float: left;
  57. width: 100%
  58. }
  59. .mean-container .mean-nav ul li a {
  60. display: block;
  61. float: left;
  62. width: 90%;
  63. padding: 1em 5%;
  64. margin: 0;
  65. text-align: left;
  66. color: #fff;
  67. border-top: 1px solid #383838;
  68. border-top: 1px solid rgba(255, 255, 255, .5);
  69. text-decoration: none;
  70. text-transform: uppercase
  71. }
  72. .mean-container .mean-nav ul li li a {
  73. width: 80%;
  74. padding: 1em 10%;
  75. border-top: 1px solid #f1f1f1;
  76. border-top: 1px solid rgba(255, 255, 255, .25);
  77. opacity: .75;
  78. filter: alpha(opacity=75);
  79. text-shadow: none !important;
  80. visibility: visible
  81. }
  82. .mean-container .mean-nav ul li.mean-last a {
  83. border-bottom: 0;
  84. margin-bottom: 0
  85. }
  86. .mean-container .mean-nav ul li li li a {
  87. width: 70%;
  88. padding: 1em 15%
  89. }
  90. .mean-container .mean-nav ul li li li li a {
  91. width: 60%;
  92. padding: 1em 20%
  93. }
  94. .mean-container .mean-nav ul li li li li li a {
  95. width: 50%;
  96. padding: 1em 25%
  97. }
  98. .mean-container .mean-nav ul li a:hover {
  99. background: #252525;
  100. background: rgba(255, 255, 255, .1)
  101. }
  102. .mean-container .mean-nav ul li a.mean-expand {
  103. margin-top: 1px;
  104. width: 26px;
  105. height: 32px;
  106. padding: 12px !important;
  107. text-align: center;
  108. position: absolute;
  109. right: 0;
  110. top: 0;
  111. z-index: 2;
  112. font-weight: 700;
  113. background: rgba(255, 255, 255, .1);
  114. border: 0 !important;
  115. border-left: 1px solid rgba(255, 255, 255, .4) !important;
  116. border-bottom: 1px solid rgba(255, 255, 255, .2) !important
  117. }
  118. .mean-container .mean-nav ul li a.mean-expand:hover {
  119. background: rgba(0, 0, 0, .9)
  120. }
  121. .mean-container .mean-push {
  122. float: left;
  123. width: 100%;
  124. padding: 0;
  125. margin: 0;
  126. clear: both
  127. }
  128. .mean-nav .wrapper {
  129. width: 100%;
  130. padding: 0;
  131. margin: 0
  132. }
  133. .mean-container .mean-bar,
  134. .mean-container .mean-bar * {
  135. -webkit-box-sizing: content-box;
  136. -moz-box-sizing: content-box;
  137. box-sizing: content-box
  138. }
  139. .mean-remove {
  140. display: none !important
  141. }