Seuss_CZ

Untitled

Dec 31st, 2016
110
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @charset "utf-8";
  2.  
  3. /* Modern Menu */
  4. .modern-menu {
  5. width: 100%;
  6. height: 40px;
  7. font-family: "Arial Narrow", sans-serif;
  8. font-size: 15px;
  9. font-weight: bold;
  10. position: fixed;
  11. clear: both;
  12. }
  13. .modern-menu.mm-vertical {
  14. width: 184px;
  15. height: auto;
  16. }
  17.  
  18. /* General reset */
  19. .modern-menu, .modern-menu ul {
  20. list-style: none;
  21. margin: 0;
  22. padding: 0;
  23. }
  24.  
  25. /* A button item */
  26. .modern-menu li {
  27. position: relative;
  28. }
  29.  
  30. /* A button */
  31. .modern-menu a {
  32. height: 100%;
  33. text-decoration: none;
  34. display: block;
  35. position: relative;
  36. overflow: hidden;
  37. z-index: 101;
  38. border: none;
  39. }
  40.  
  41. /* The label of a button */
  42. .modern-menu a span {
  43. line-height: 40px;
  44. padding: 0 20px;
  45. display: block;
  46. }
  47. .modern-menu.mm-vertical a span {
  48. line-height: 36px;
  49. }
  50.  
  51. /* The label of a button with a dropdown */
  52. .mm-container.mm-drop span {
  53. padding-right: 15px;
  54. }
  55.  
  56. /* A horizontal label container */
  57. .mm-horizontal span {
  58. float: left;
  59. }
  60.  
  61. /* The label of a button with a dropdown */
  62. .mm-hdrop, .mm-hdrop-over, .mm-vdrop, .mm-vdrop-over {
  63. background-repeat: no-repeat;
  64. background-position: center right;
  65. padding-right: 20px;
  66. }
  67.  
  68. /* A button on the right side */
  69. .modern-menu .mm-right {
  70. display: block;
  71. float: right;
  72. }
  73.  
  74. /* The top buttons */
  75. .modern-menu > li {
  76. float: left;
  77. }
  78. .modern-menu.mm-vertical > li {
  79. float: none;
  80. }
  81.  
  82. /* A group of buttons */
  83. .mm-group li {
  84. float: left;
  85. }
  86. .modern-menu .mm-group span {
  87. line-height: 40px;
  88. }
  89.  
  90. /* The label of a subbutton */
  91. .modern-menu ul span {
  92. line-height: 36px;
  93. }
  94.  
  95. /* A dropdown of a button */
  96. .modern-menu li > ul {
  97. width: 155px;
  98. font-size: 14px;
  99. position: absolute;
  100. left: -5000px;
  101. opacity: 0;
  102. z-index: 100;
  103. }
  104.  
  105. /* A dropdown of a vertical menu */
  106. .mm-vertical li > ul {
  107. top: 0;
  108. }
  109.  
  110. /* Dropdowns from level 2 onwards */
  111. .modern-menu ul ul {
  112. float: right;
  113. top: 0;
  114. }
  115.  
  116. /* Icon buttons */
  117. .modern-menu .mm-icon span {
  118. width: 14px;
  119. height: 40px;
  120. background-repeat: no-repeat;
  121. background-position: center;
  122. padding: 0 18px;
  123. }
  124. .mm-vertical .mm-icon span {
  125. width: 10px;
  126. }
  127.  
  128.  
  129. /* Theme 2 */
  130. .theme2 {
  131. background-color: #fafafa;
  132. }
  133. .theme2 a span {
  134. color: #707070;
  135. background-color: #fafafa;
  136. }
  137. .active {
  138. background-color: #4CAF50;
  139. }
  140. .theme2 .mm-over {
  141. color: #fafafa;
  142. background-color: #44aadd;
  143. }
  144. .theme2 .mm-hdrop {
  145. background-image: url("../images/theme2/hdrop.png");
  146. }
  147. .theme2 .mm-hdrop-over {
  148. background-image: url("../images/theme2/hdrop-over.png");
  149. }
  150. .theme2 .mm-vdrop {
  151. background-image: url("../images/theme2/vdrop.png");
  152. }
  153. .theme2 .mm-vdrop-over {
  154. background-image: url("../images/theme2/vdrop-over.png");
  155. }
  156. .theme2 .mm-facebook {
  157. background-image: url("../images/theme2/facebook.png");
  158. }
  159. .theme2 .mm-facebook-over {
  160. background-image: url("../images/theme2/facebook-over.png");
  161. }
  162. .theme2 .mm-twitter {
  163. background-image: url("../images/theme2/twitter.png");
  164. }
  165. .theme2 .mm-twitter-over {
  166. background-image: url("../images/theme2/twitter-over.png");
  167. }
  168. .theme2 .mm-googleplus {
  169. background-image: url("../images/theme2/googleplus.png");
  170. }
  171. .theme2 .mm-googleplus-over {
  172. background-image: url("../images/theme2/googleplus-over.png");
  173. }
  174. .theme2 .mm-linkedin {
  175. background-image: url("../images/theme2/linkedin.png");
  176. }
  177. .theme2 .mm-linkedin-over {
  178. background-image: url("../images/theme2/linkedin-over.png");
  179. }
RAW Paste Data