Advertisement
Guest User

Untitled

a guest
Jul 23rd, 2019
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.54 KB | None | 0 0
  1. .b-sevice {
  2. padding: [menu.top.level1.level1_bg.padding];
  3. background: [menu.top.level1.level1_bg.color] url("[menu.top.level1.level1_bg.img]") [menu.top.level1.level1_bg.repeat] scroll [menu.top.level1.level1_bg.hposition] [menu.top.level1.level1_bg.vposition];
  4. text-align: [menu.top.position];
  5. line-height: 1;
  6. position: relative;
  7. }
  8. .b-sevice:after,
  9. .b-sevice ul:after {
  10. clear: both;
  11. content: "";
  12. display: block;
  13. }
  14. .b-sevice ul {
  15. list-style: none;
  16. margin: 0;
  17. padding: 0;
  18. }
  19. .b-sevice a:link,
  20. .b-sevice a:visited {
  21. display: block;
  22. }
  23. .b-sevice .sevice__item-1 {
  24. margin-right: -.275em;
  25. display: inline-block;
  26. position: relative;
  27. }
  28. .b-sevice .sevice__item-1 span {
  29. display: block;
  30. position: relative;
  31. }
  32. .b-sevice .sevice__item-1 > span a:link,
  33. .b-sevice .sevice__item-1 > span a:visited {
  34. padding: [menu.top.level1.normal.background.padding];
  35. font-family: [menu.top.level1.normal.link.font_family];
  36. font-size: [menu.top.level1.normal.link.size];
  37. font-weight: [menu.top.level1.normal.link.weight];
  38. font-style: [menu.top.level1.normal.link.style];
  39. text-decoration: [menu.top.level1.normal.link.decoration];
  40. text-transform: [menu.top.level1.normal.link.transform];
  41. color: [menu.top.level1.normal.link.color];
  42. display: block;
  43. background: [menu.top.level1.normal.background.color] url("[menu.top.level1.normal.background.img]") [menu.top.level1.normal.background.repeat] scroll [menu.top.level1.normal.background.hposition] [menu.top.level1.normal.background.vposition];
  44. }
  45. .b-sevice .sevice__item-1:hover > span a:link,
  46. .b-sevice .sevice__item-1:hover > span a:visited,
  47. .b-sevice .sevice__item-1--on > span a:link,
  48. .b-sevice .sevice__item-1--on > span a:visited,
  49. .b-sevice .sevice__item-1--on > span a:hover,
  50. .b-sevice .sevice__item-1--on > span a:active {
  51. padding: [menu.top.level1.active.background.padding];
  52. font-family: [menu.top.level1.active.link.font_family];
  53. font-size: [menu.top.level1.active.link.size];
  54. font-weight: [menu.top.level1.active.link.weight];
  55. font-style: [menu.top.level1.active.link.style];
  56. text-decoration: [menu.top.level1.active.link.decoration];
  57. text-transform: [menu.top.level1.active.link.transform];
  58. color: [menu.top.level1.active.link.color];
  59. background: [menu.top.level1.active.background.color] url("[menu.top.level1.active.background.img]") [menu.top.level1.active.background.repeat] scroll [menu.top.level1.active.background.hposition] [menu.top.level1.active.background.vposition];
  60. display: block;
  61. }
  62. .b-sevice .sevice__item-1 > span ins {
  63. background: url("[menu.top.level1.normal.bullit.img]") no-repeat scroll 50% 50% transparent;
  64. height: [menu.top.level1.normal.bullit.height];
  65. width: [menu.top.level1.normal.bullit.width];
  66. overflow: hidden;
  67. position: absolute;
  68. [menu.top.level1.normal.bullit.hposition]: [menu.top.level1.normal.bullit.hvalue];
  69. [menu.top.level1.normal.bullit.vposition]: [menu.top.level1.normal.bullit.vvalue];
  70. }
  71. .b-sevice .sevice__item-1 > span em {
  72. height: [menu.top.level1.normal.bullit.height];
  73. width: [menu.top.level1.normal.bullit.width];
  74. overflow: hidden;
  75. position: absolute;
  76. [menu.top.level1.normal.bullit.hposition]: [menu.top.level1.normal.bullit.hvalue];
  77. [menu.top.level1.normal.bullit.vposition]: [menu.top.level1.normal.bullit.vvalue];
  78. font-size: 0;
  79. }
  80. .b-sevice .sevice__item-1 > span em,
  81. .b-sevice .sevice__item-1--on > span em {
  82. background-position: 50% 50%;
  83. background-repeat: no-repeat;
  84. }
  85.  
  86. .b-sevice .sevice__level-wrap {
  87. position: absolute;
  88. left: 0;
  89. top: 100%;
  90. overflow: hidden;
  91. display: none;
  92. background-color: [menu.top.level3.bg_color];
  93. width: [menu.top.level2.width];
  94. }
  95. .b-sevice .sevice__level-wrap--full {
  96. width: [menu.top.level2.width] + [menu.top.level3.width];
  97. }
  98. .b-sevice .sevice__item-1--haschild .sevice__level-wrap {
  99. -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
  100. -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
  101. box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
  102. }
  103. .b-sevice .sevice__item-1:hover .sevice__level-wrap {
  104. display: block;
  105. }
  106. .b-sevice .sevice__level-2 {
  107. padding: [menu.top.level2.padding];
  108. display: block;
  109. position: relative;
  110. top: auto;
  111. left: auto;
  112. right: auto;
  113. z-index: 35;
  114. background-color: [menu.top.level2.bg_color];
  115. width: [menu.top.level2.width];
  116. text-align: left;
  117. height: 100%;
  118. }
  119. .b-sevice .sevice__item-1:hover .sevice__level-2 {
  120. display: block;
  121. }
  122. .b-sevice .sevice__item-2 {}
  123. .b-sevice .sevice__item-2 > span a:link,
  124. .b-sevice .sevice__item-2 > span a:visited {
  125. padding: [menu.top.level2.normal.background.padding];
  126. font-family: [menu.top.level2.normal.link.font_family];
  127. font-size: [menu.top.level2.normal.link.size];
  128. font-weight: [menu.top.level2.normal.link.weight];
  129. font-style: [menu.top.level2.normal.link.style];
  130. text-decoration: [menu.top.level2.normal.link.decoration];
  131. text-transform: [menu.top.level2.normal.link.transform];
  132. color: [menu.top.level2.normal.link.color];
  133. display: block;
  134. background: [menu.top.level2.normal.background.color] url("[menu.top.level2.normal.background.img]") [menu.top.level2.normal.background.repeat] scroll [menu.top.level2.normal.background.hposition] [menu.top.level2.normal.background.vposition];
  135. }
  136. .b-sevice .sevice__item-2:hover > span a:link,
  137. .b-sevice .sevice__item-2:hover > span a:visited,
  138. .b-sevice .sevice__item-2--on > span a:link,
  139. .b-sevice .sevice__item-2--on > span a:visited,
  140. .b-sevice .sevice__item-2--on > span a:hover,
  141. .b-sevice .sevice__item-2--on > span a:active {
  142. padding: [menu.top.level2.active.background.padding];
  143. font-family: [menu.top.level2.active.link.font_family];
  144. font-size: [menu.top.level2.active.link.size];
  145. font-weight: [menu.top.level2.active.link.weight];
  146. font-style: [menu.top.level2.active.link.style];
  147. text-decoration: [menu.top.level2.active.link.decoration];
  148. text-transform: [menu.top.level2.active.link.transform];
  149. color: [menu.top.level2.active.link.color];
  150. display: block;
  151. background: [menu.top.level2.active.background.color] url("[menu.top.level2.active.background.img]") [menu.top.level2.active.background.repeat] scroll [menu.top.level2.active.background.hposition] [menu.top.level2.active.background.vposition];
  152. }
  153. .b-sevice .sevice__level-3 {
  154. padding: [menu.top.level3.padding];
  155. display: none;
  156. position: absolute;
  157. top: 0;
  158. left: 100%;
  159. z-index: 35;
  160. width: [menu.top.level3.width];
  161. background-color: [menu.top.level3.bg_color];
  162. }
  163. .b-sevice .sevice__level-3:before {
  164. content: '';
  165. display: block;
  166. position: absolute;
  167. left: 0;
  168. right: 0;
  169. top: 100%;
  170. height: 999px;
  171. width: [menu.top.level3.width];
  172. background-color: [menu.top.level3.bg_color];
  173. }
  174. .b-sevice .sevice__item-2:hover .sevice__level-3 {
  175. display: block;
  176. }
  177. .b-sevice .sevice__item-3 > span a:link,
  178. .b-sevice .sevice__item-3 > span a:visited {
  179. padding: [menu.top.level3.normal.background.padding];
  180. font-family: [menu.top.level3.normal.link.font_family];
  181. font-size: [menu.top.level3.normal.link.size];
  182. font-weight: [menu.top.level3.normal.link.weight];
  183. font-style: [menu.top.level3.normal.link.style];
  184. text-decoration: [menu.top.level3.normal.link.decoration];
  185. text-transform: [menu.top.level3.normal.link.transform];
  186. color: [menu.top.level3.normal.link.color];
  187. display: block;
  188. background: [menu.top.level3.normal.background.color] url("[menu.top.level3.normal.background.img]") [menu.top.level3.normal.background.repeat] scroll [menu.top.level3.normal.background.hposition] [menu.top.level3.normal.background.vposition];
  189. }
  190. .b-sevice .sevice__item-3:hover > span a:link,
  191. .b-sevice .sevice__item-3:hover > span a:visited,
  192. .b-sevice .sevice__item-3--on > span a:link,
  193. .b-sevice .sevice__item-3--on > span a:visited,
  194. .b-sevice .sevice__item-3--on > span a:hover,
  195. .b-sevice .sevice__item-3--on > span a:active {
  196. padding: [menu.top.level3.active.background.padding];
  197. font-family: [menu.top.level3.active.link.font_family];
  198. font-size: [menu.top.level3.active.link.size];
  199. font-weight: [menu.top.level3.active.link.weight];
  200. font-style: [menu.top.level3.active.link.style];
  201. text-decoration: [menu.top.level3.active.link.decoration];
  202. text-transform: [menu.top.level3.active.link.transform];
  203. color: [menu.top.level3.active.link.color];
  204. display: block;
  205. background: [menu.top.level3.active.background.color] url("[menu.top.level3.active.background.img]") [menu.top.level3.active.background.repeat] scroll [menu.top.level3.active.background.hposition] [menu.top.level3.active.background.vposition];
  206. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement