API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 30th, 2016
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.58 KB | None | 0 0
raw download clone embed print report
  1. <div id="navbar" class="navbar-collapse collapse">
  2. <ul class="nav navbar-nav">
  3. <li class="dropdown mega-dropdown">
  4. <a data-target="/fireplaces/" href="/fireplaces/" class="dropdown-toggle" data-toggle="dropdown"><span>Fireplaces</span></a>
  5. <ul class="dropdown-menu mega-dropdown-menu menu-fireplace row">
  6. <li class="col-md-2six">
  7. <ul>
  8. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  9. <div class="carousel-inner">
  10. <div class="item active">
  11. <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/FireplaceDesignStudioImage.jpg" class="img-responsive" alt="product 1"></a>
  12. </div>
  13. </div>
  14. </div>
  15. </ul>
  16. </li>
  17. <li class="col-md-six">
  18. <ul>
  19. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Gas-Fireplaces"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/GasFireplaces.jpg"></a></li>
  20. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Gas-Fireplaces">Gas Fireplaces</a></li>
  21. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Electric-Fireplaces"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/ElectricFireplaces.jpg"></a></li>
  22. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Electric-Fireplaces">Electric Fireplaces</a></li>
  23. </ul>
  24. </li>
  25. <li class="col-md-six">
  26. <ul>
  27. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Outdoor-Fireplaces"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/OutdoorFireplaces.jpg"></a></li>
  28. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Outdoor-Fireplaces">Outdoor Fireplaces</a></li>
  29. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Wood-Fireplaces"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/WoodFireplaces.jpg"></a></li>
  30. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Wood-Fireplaces">Wood Fireplaces</a></li>
  31. </ul>
  32. </li>
  33. <li class="col-md-six">
  34. <ul>
  35. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Stoves"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/Stoves.jpg"></a></li>
  36. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Stoves">Stoves</a></li>
  37. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Inserts-"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/Inserts.jpg"></a></li>
  38. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Inserts-">Inserts</a></li>
  39. </ul>
  40. </li>
  41. <li class="col-md-six">
  42. <ul>
  43. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Log-Sets"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/LogSets.jpg"></a></li>
  44. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Log-Sets">Log Sets</a></li>
  45. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Fireplace-Mantels"><img src="<?php bloginfo('template_directory'); ?>/images/fireplaces/Mantles.jpg"></a></li>
  46. <li><a href="http://napoleon.larchedigitalmedia.com/fireplace-products/?category=Fireplace-Mantels">Mantles</a></li>
  47. </ul>
  48. </li>
  49. </ul>
  50. </li>
  51. <li class="dropdown mega-dropdown">
  52. <a data-target="/heating-and-cooling/" href="/heating-and-cooling/" class="dropdown-toggle" data-toggle="dropdown"><span>Heating And Cooling</span></a>
  53. <ul class="dropdown-menu mega-dropdown-menu menu-cooling row">
  54. <li class="col-md-2eight">
  55. <ul>
  56. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  57. <div class="carousel-inner">
  58. <div class="item active">
  59. <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/cooling/HeatingCoolingImage.jpg" class="img-responsive" alt="product 1"></a>
  60. </div>
  61. </div>
  62. </div>
  63. </ul>
  64. </li>
  65. <li class="col-md-eight">
  66. <ul>
  67. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/Furnaces.jpg"></li>
  68. <li><a href="#">Furnaces</a></li>
  69. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/DuctlessUnits.jpg"></li>
  70. <li><a href="#">Ductless Units</a></li>
  71. </ul>
  72. </li>
  73. <li class="col-md-eight">
  74. <ul>
  75. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/AirConditioners.jpg"></li>
  76. <li><a href="#">Air Conditioners</a></li>
  77. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/PackagedUnits.jpg"></li>
  78. <li><a href="#">Packaged Units</a></li>
  79. </ul>
  80. </li>
  81. <li class="col-md-eight">
  82. <ul>
  83. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/CondoPack.jpg"></li>
  84. <li><a href="#">Condo Pack</a></li>
  85. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/IndoorAirQuality.jpg"></li>
  86. <li><a href="#">Indoor Air Quality</a></li>
  87. </ul>
  88. </li>
  89. <li class="col-md-eight">
  90. <ul>
  91. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/CentralAirPumps.jpg"></li>
  92. <li><a href="#">Central Heat Pumps</a></li>
  93. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/Thermostats.jpg"></li>
  94. <li><a href="#">Thermostats</a></li>
  95. </ul>
  96. </li>
  97. <li class="col-md-eight">
  98. <ul>
  99. <li><img src="<?php bloginfo('template_directory'); ?>/images/cooling/Air-Handlers.jpg"></li>
  100. <li><a href="#">Air Handlers</a></li>
  101. </ul>
  102. </li>
  103. </ul>
  104. </li>
  105. <li class="dropdown mega-dropdown">
  106. <a data-target="/grills/" href="/grills/" class="dropdown-toggle" data-toggle="dropdown"><span>Grills</span></a>
  107. <ul class="dropdown-menu mega-dropdown-menu menu-grill row">
  108. <li class="col-md-2eight">
  109. <ul>
  110. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  111. <div class="carousel-inner">
  112. <div class="item active">
  113. <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/RecipesImage.jpg" class="img-responsive" alt="product 1"></a>
  114. </div>
  115. </div>
  116. </div>
  117. </ul>
  118. </li>
  119. <li class="col-md-eight">
  120. <ul>
  121. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Charcoal-Grills"><img src="<?php bloginfo('template_directory'); ?>/images/CharcoalGrills.jpg"></a></li>
  122. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Charcoal-Grills">Charcoal Grills</a></li>
  123. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Triumph-Series"><img src="<?php bloginfo('template_directory'); ?>/images/TriumphSeries.jpg"></a></li>
  124. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Triumph-Series">Triumph Series</a></li>
  125. </ul>
  126. </li>
  127. <li class="col-md-eight">
  128. <ul>
  129. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Portable-Grills"><img src="<?php bloginfo('template_directory'); ?>/images/PortableGrills.jpg"></a></li>
  130. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Portable-Grills">Portable Grills</a></li>
  131. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Built-In-Grills"><img src="<?php bloginfo('template_directory'); ?>/images/BuiltInGrills.jpg"></a></li>
  132. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Built-In-Grills">Built-In Grills</a></li>
  133. </ul>
  134. </li>
  135. <li class="col-md-eight">
  136. <ul>
  137. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Prestige-PRO-Series"><img src="<?php bloginfo('template_directory'); ?>/images/PrestigeProSeries.jpg"></a></li>
  138. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Prestige-PRO-Series">Prestige Pro Series</a></li>
  139. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Rogue-Series"><img src="<?php bloginfo('template_directory'); ?>/images/RogueSeries.jpg"></a></li>
  140. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Rogue-Series">Rogue Series</a></li>
  141. </ul>
  142. </li>
  143. <li class="col-md-eight">
  144. <ul>
  145. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Prestige-Series"><img src="<?php bloginfo('template_directory'); ?>/images/PrestigeSeries.jpg"></a></li>
  146. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Prestige-Series">Prestige Series</a></li>
  147. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Accessories-grills"><img src="<?php bloginfo('template_directory'); ?>/images/Accessories.jpg"></a></li>
  148. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=Accessories-grills">Accessories</a></li></li>
  149. </ul>
  150. </li>
  151. <li class="col-md-eight">
  152. <ul>
  153. <li><a class="noheight" href="http://napoleon.larchedigitalmedia.com/grill-products/?category=LEX-Series"><img src="<?php bloginfo('template_directory'); ?>/images/LexSeries.jpg"></a></li>
  154. <li><a href="http://napoleon.larchedigitalmedia.com/grill-products/?category=LEX-Series">Lex Series</a></li>
  155. <li><a class="noheight" href="#"><img src="<?php bloginfo('template_directory'); ?>/images/Recipes.jpg"></a></li>
  156. <li><a href="#">Recipes</a></li>
  157. </ul>
  158. </li>
  159. </ul>
  160. </li>
  161. </ul>
  162. </div>
  163.  
  164. .mega-dropdown {
  165. position: static !important;
  166. top:0;
  167. right:0;
  168. }
  169. .navbar-default .navbar-nav>li>a {
  170. font-weight: bold;
  171. }
  172. .mega-dropdown-menu {
  173. padding: 20px 0px;
  174. box-shadow: none;
  175. -webkit-box-shadow: none;
  176. }
  177. .mega-dropdown-menu > li > ul {
  178. padding: 0;
  179. margin: 0;
  180. }
  181. .mega-dropdown-menu > li > ul > li {
  182. list-style: none;
  183. width: 100%;
  184. }
  185. .mega-dropdown-menu > li > ul > li > a {
  186. font-weight: normal;
  187. line-height: 1.428571429;
  188. color: #999;
  189. font-size: 12px;
  190. white-space: normal;
  191. height: 55px;
  192. }
  193. .noheight {
  194. font-weight: normal;
  195. line-height: 1.428571429;
  196. color: #999;
  197. font-size: 12px;
  198. white-space: normal;
  199. height: initial!important;
  200. }
  201. .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  202. color: white;
  203. background-color: transparent;
  204. }
  205. .col-md-eight {
  206. width: 13.2%;
  207. text-align: center;
  208. }
  209. .col-md-2eight {
  210. width: 28.5%;
  211. text-align: center;
  212. }
  213. .col-md-six {
  214. width: 13.2%;
  215. text-align: center;
  216. }
  217. .col-md-2six {
  218. width: 33.3%;
  219. text-align: center;
  220. }
  221. .mega-dropdown .col-md-2eight img {
  222. width: 100%;
  223. }
  224. .mega-dropdown .col-md-2six img {
  225. width: 100%;
  226. }
  227. .mega-dropdown img {
  228. width: 80%;
  229. }
  230. .navbar-nav>li>.dropdown-menu {
  231. /*margin-top: 20px;*/
  232. border-top-left-radius: 4px;
  233. border-top-right-radius: 4px;
  234. }
  235.  
  236. $(".dropdown").hover(
  237. function() {
  238. $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
  239. $(this).toggleClass('open');
  240. },
  241. function() {
  242. $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
  243. $(this).toggleClass('open');
  244. });
  245. $("link").each(function(){
  246. if($(this).attr("href")=="http://mynapoleon.napoleonproducts.com/dealers-web-service/css/style-products-v2.css"){
  247. $(this).remove();
  248. }
  249. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!