API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 8th, 2017
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.47 KB | None | 0 0
raw download clone embed print report
  1. <!--%%%%%%%%%%%% QuickMenu Styles [Publish this section to the document head for full validation!] %%%%%%%%%%%-->
  2. <style type="text/css">
  3. /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
  4. /*[START-QCC]*/ .qmclear {
  5. }
  6.  
  7. .qmmc:after {
  8. content: ".";
  9. display: block;
  10. height: 0px;
  11. clear: both;
  12. overflow: hidden;
  13. }
  14.  
  15. .qmmc img {
  16. border: none;
  17. }
  18.  
  19. .qmmc, .qmmc > span, .qmmc > a, .qmmc div > a, .qmmc dd > a, .qmmc li > a, .qmmc div > span, .qmmc dd > span, .qmmc li > span, .qmmc div.qmsub, .qmmc dl, .qmmc dd, .qmmc .qmsub > li, .qmmc ul.qmsub {
  20. text-align: left;
  21. outline: none;
  22. font-weight: normal;
  23. text-decoration: none;
  24. font-family: Arial;
  25. font-size: 14px;
  26. line-height: normal;
  27. padding: 0px;
  28. margin: 0px;
  29. color: #333;
  30. background-color: transparent;
  31. }
  32.  
  33. .qmmc .qmiefix {
  34. z-index: 0;
  35. }
  36.  
  37. .qmmc, .qmmc .qmsub, .qmmc .qmmulti {
  38. list-style: none;
  39. padding: 0px;
  40. margin: 0px;
  41. }
  42.  
  43. .qmmc .qmdivider {
  44. display: block;
  45. border-width: 0px;
  46. border-style: solid;
  47. position: relative;
  48. }
  49.  
  50. .qmmc .qmtitle {
  51. display: block;
  52. cursor: default;
  53. white-space: nowrap;
  54. position: relative;
  55. }
  56.  
  57. .qmmc {
  58. position: relative;
  59. zoom: 1;
  60. }
  61.  
  62. .qmmc .qmitem-m, .qmmc > li {
  63. display: block;
  64. white-space: nowrap;
  65. position: relative;
  66. }
  67.  
  68. .qmmc .qmitem-s, .qmmc .qmsub > li {
  69. display: block;
  70. white-space: nowrap;
  71. position: relative;
  72. }
  73.  
  74. .qmmc .qmsub {
  75. visibility: hidden;
  76. position: absolute;
  77. z-index: 10;
  78. left: 100%;
  79. top: 0px;
  80. }
  81.  
  82. .qmmc div.qmsub {
  83. left: 0px;
  84. }
  85.  
  86. .qmmc .qmcbox {
  87. cursor: default;
  88. display: block;
  89. position: relative;
  90. white-space: normal;
  91. }
  92.  
  93. .qmmc .qmmulti {
  94. display: block;
  95. float: left;
  96. position: relative;
  97. }
  98.  
  99. .qmmc .qmmulti dd {
  100. margin: 0px;
  101. padding: 0px;
  102. position: relative;
  103. }
  104.  
  105. .qmmc.qm-horizontal-c > li, .qmmc.qm-horizontal-c .qmitem-m, .qmsub.qm-horizontal-c > li, .qmsub.qm-horizontal-c > .qmitem-s, .qm-horizontal-c > .qmtitle, .qm-horizontal-c > .qmdivider, .qm-horizontal-c > .qmcbox, .qm-horizontal-c > li > .qmtitle, .qm-horizontal-c > li > .qmdivider, .qm-horizontal-c > li > .qmcbox {
  106. float: left;
  107. }
  108.  
  109. .qm-horizontal-c > li > .qmsub {
  110. left: 0px;
  111. top: 100%;
  112. }
  113.  
  114. .qmmc.dohover li:hover > .qmsub, .qmmc.dohover dd:hover > ul.qmsub {
  115. visibility: inherit;
  116. }
  117.  
  118. .qmmc .qmml0 {
  119. z-index: 99;
  120. }
  121.  
  122. .qmmc .qmml1 {
  123. z-index: 98;
  124. }
  125.  
  126. .qmmc .qmml2 {
  127. z-index: 97;
  128. }
  129.  
  130. .qmmc .qmml3 {
  131. z-index: 96;
  132. }
  133.  
  134. .qmmc .qmml4 {
  135. z-index: 95;
  136. }
  137.  
  138. .qmmc .qmml5 {
  139. z-index: 94;
  140. }
  141.  
  142. .qmmc .qmml6 {
  143. z-index: 93;
  144. }
  145.  
  146. .qmmc .qmml7 {
  147. z-index: 92;
  148. }
  149.  
  150. .qmmc .qmml8 {
  151. z-index: 91;
  152. }
  153.  
  154. .qmmc .qmml9 {
  155. z-index: 90;
  156. }
  157.  
  158.  
  159. /*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/
  160.  
  161.  
  162. /* QuickMenu 0 */
  163.  
  164. /*"""""""" (MAIN) Container""""""""*/
  165. #qm0 {
  166. padding: 4px;
  167. background-color: #FFFFFF;
  168. border-width: 1px 0px;
  169. border-style: solid;
  170. border-color: #030303;
  171. }
  172.  
  173.  
  174. /*"""""""" (MAIN) Items""""""""*/
  175. #qm0 .qmitem-m {
  176. padding: 5px 8px;
  177. margin: 0px -1px 0px 0px;
  178. z-index: 100;
  179. color: #010101;
  180. font-family: Arial;
  181. font-size: 12px;
  182. text-decoration: none;
  183. text-align: left;
  184. border-width: 1px 1px 0px;
  185. border-style: solid;
  186. border-color: transparent;
  187. -moz-border-radius: 10px 10px 0px 0px;
  188. -webkit-border-radius: 10px 10px 0px 0px;
  189. -ms-border-radius: 10px 10px 0px 0px;
  190. -o-border-radius: 10px 10px 0px 0px;
  191. -khtml-border-radius: 10px 10px 0px 0px;
  192. border-radius: 10px 10px 0px 0px;
  193. }
  194.  
  195.  
  196. /*"""""""" (MAIN) Active State""""""""*/
  197. #qm0.qmmc .qmitem-m.qmactive, #qm0.dohover li:hover > .qmitem-m.qmparent, #qm0.dohover dd:hover > .qmitem-m.qmparent {
  198. background-color: #FFFFFF;
  199. border-color: #999999;
  200. }
  201.  
  202.  
  203. /*"""""""" (SUB) Container""""""""*/
  204. #qm0 .qmsub {
  205. padding: 10px;
  206. margin: -1px 0px 0px;
  207. background-color: #FFFFFF;
  208. border-width: 1px;
  209. border-style: solid;
  210. border-color: #999999;
  211. -moz-border-radius: 0px 10px 10px 10px;
  212. -webkit-border-radius: 0px 10px 10px 10px;
  213. -ms-border-radius: 0px 10px 10px 10px;
  214. -o-border-radius: 0px 10px 10px 10px;
  215. -khtml-border-radius: 0px 10px 10px 10px;
  216. border-radius: 0px 10px 10px 10px;
  217. -moz-box-shadow: 4px 4px 10px rgb(102, 102, 102);
  218. -webkit-box-shadow: 4px 4px 10px rgb(102, 102, 102);
  219. -ms-box-shadow: 4px 4px 10px rgb(102, 102, 102);
  220. -o-box-shadow: 4px 4px 10px rgb(102, 102, 102);
  221. -khtml-box-shadow: 4px 4px 10px rgb(102, 102, 102);
  222. box-shadow: 4px 4px 10px rgb(102, 102, 102);
  223. }
  224.  
  225.  
  226. /*"""""""" (SUB) Column""""""""*/
  227. #qm0 .qmsub .qmmulti {
  228. padding: 10px;
  229. }
  230.  
  231.  
  232. /*"""""""" (SUB) Items""""""""*/
  233. #qm0 .qmitem-s {
  234. padding: 4px 20px 4px 5px;
  235. z-index: 0;
  236. background-color: transparent;
  237. font-size: 12px;
  238. border-width: 0px;
  239. border-style: none;
  240. -moz-border-radius: 0px 0px 0px 0px;
  241. -webkit-border-radius: 0px 0px 0px 0px;
  242. -ms-border-radius: 0px 0px 0px 0px;
  243. -o-border-radius: 0px 0px 0px 0px;
  244. -khtml-border-radius: 0px 0px 0px 0px;
  245. border-radius: 0px 0px 0px 0px;
  246. }
  247.  
  248.  
  249. /*"""""""" (SUB) Hover State""""""""*/
  250. #qm0 .qmitem-s:hover {
  251. color: #CC0000;
  252. }
  253.  
  254.  
  255. /*"""""""" (SUB) Active State""""""""*/
  256. #qm0.qmmc .qmitem-s.qmactive, #qm0 ul li:hover > .qmitem-s.qmparent, #qm0 ul dd:hover > .qmitem-s.qmparent {
  257. color: #CC0000;
  258. text-decoration: underline;
  259. }
  260.  
  261.  
  262. /*"""""""" Individual Titles""""""""*/
  263. #qm0 .qmtitle {
  264. cursor: default;
  265. padding: 5px 0px 5px 4px;
  266. margin: 5px 0px;
  267. background-color: #D9D9D9;
  268. color: #313131;
  269. font-family: arial;
  270. font-size: 12px;
  271. font-weight: bold;
  272. -moz-border-radius: 4px 4px 4px 4px;
  273. -webkit-border-radius: 4px 4px 4px 4px;
  274. -ms-border-radius: 4px 4px 4px 4px;
  275. -o-border-radius: 4px 4px 4px 4px;
  276. -khtml-border-radius: 4px 4px 4px 4px;
  277. border-radius: 4px 4px 4px 4px;
  278. }
  279.  
  280.  
  281. /*"""""""" Individual Horizontal Dividers""""""""*/
  282. #qm0 > .qmdivider, #qm0 .qmsub > .qmdivider, #qm0 dd > .qmdivider, #qm0 > li > .qmdivider, #qm0 .qmsub > li > .qmdivider {
  283. height: 1px;
  284. background-color: #999999;
  285. margin: 4px 0px;
  286. }
  287.  
  288.  
  289. /*"""""""" Individual Vertical Dividers""""""""*/
  290. #qm0.qm-horizontal-c > .qmdivider, #qm0 .qm-horizontal-c > .qmdivider, #qm0.qm-horizontal-c > li > .qmdivider, #qm0 .qm-horizontal-c > li > .qmdivider {
  291. width: 1px;
  292. height: 15px;
  293. background-color: #999999;
  294. margin: 4px 2px 0px;
  295. }
  296.  
  297.  
  298. /*[END-QS0]*/
  299. </style>
  300. <body>
  301. <!--[START-QM0]--><ul id="qm0" class="qmmc qm-horizontal-c">
  302.  
  303. <li>
  304. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Lieferanten</a>
  305.  
  306. <ul class="qmsub">
  307. <li><a data-url="Derendinger AG.html" class="qmitem-s" href="JavaScript:void(0);">Derendinger AG</a></li>
  308. <li><a data-url="Normauto OE-Teile AG.html" class="qmitem-s" href="JavaScript:void(0);">Normauto OE-Teile AG</a></li>
  309. <li><a data-url="Glas Tr&ouml;sch AG Autoglas.html" class="qmitem-s" href="JavaScript:void(0);">Glas Tr&ouml;sch AG Autoglas</a></li>
  310. <li>
  311. <a class="qmitem-s qmparent" href="JavaScript:void(0);">... weitere</a>
  312.  
  313. <ul class="qmsub">
  314. <li><a data-url="Auto Teile Wettingen GmbH.html" class="qmitem-s" href="JavaScript:void(0);">Auto Teile Wettingen GmbH</a></li>
  315. <li><a data-url="Streit Imports GmbH.html" class="qmitem-s" href="JavaScript:void(0);">Streit Imports GmbH</a></li>
  316. </ul>
  317. </li>
  318.  
  319. </ul>
  320. </li>
  321.  
  322. <li>
  323. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Marken</a>
  324.  
  325. <ul class="qmsub">
  326. <li><a class="qmitem-s" href="JavaScript:void(0);">Alfa-Romeo</a></li>
  327. <li><a class="qmitem-s" href="JavaScript:void(0);">Audi</a></li>
  328. <li><a class="qmitem-s" href="JavaScript:void(0);">BMW</a></li>
  329. <li>
  330. <a class="qmitem-s qmparent" href="JavaScript:void(0);">... weitere</a>
  331.  
  332. <ul class="qmsub">
  333. <li><a class="qmitem-s" href="JavaScript:void(0);">Abarth</a></li>
  334. <li><a class="qmitem-s" href="JavaScript:void(0);">Aixam</a></li>
  335. </ul>
  336. </li>
  337.  
  338. </ul>
  339. </li>
  340.  
  341. <li>
  342. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Garagen</a>
  343.  
  344. <ul class="qmsub">
  345. <li><a class="qmitem-s" href="JavaScript:void(0);">AMAG AG, Aarau</a></li>
  346. <li><a class="qmitem-s" href="JavaScript:void(0);">AMAG AG, Buchs</a></li>
  347. </ul>
  348. </li>
  349.  
  350. <li>
  351. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Versicherungen</a>
  352.  
  353. <ul class="qmsub">
  354. <li><a class="qmitem-s" href="JavaScript:void(0);">Allianz Suisse</a></li>
  355. <li><a class="qmitem-s" href="JavaScript:void(0);">AXA Winterthur</a></li>
  356. <li><a class="qmitem-s" href="JavaScript:void(0);">Die Mobiliar</a></li>
  357. <li>
  358. <a class="qmitem-s qmparent" href="JavaScript:void(0);">... weitere</a>
  359.  
  360. <ul class="qmsub">
  361. <li><a class="qmitem-s" href="JavaScript:void(0);">ALBA</a></li>
  362. <li><a class="qmitem-s" href="JavaScript:void(0);">National</a></li>
  363. <li><a class="qmitem-s" href="JavaScript:void(0);">Smile</a></li>
  364. </ul>
  365. </li>
  366.  
  367. </ul>
  368. </li>
  369.  
  370. <li>
  371. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Telefonlisten</a>
  372.  
  373. <ul class="qmsub">
  374. <li><a class="qmitem-s" href="JavaScript:void(0);">A.T.U. Filialen</a></li>
  375. <li><a class="qmitem-s" href="JavaScript:void(0);">Mitarbeiter</a></li>
  376. <li><a class="qmitem-s" href="JavaScript:void(0);">ehem. Mitarbeiter</a></li>
  377. </ul>
  378. </li>
  379.  
  380. <li>
  381. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Stichwortverzeichnis</a>
  382.  
  383. <ul class="qmsub">
  384. <li>
  385. <a class="qmitem-s qmparent" href="JavaScript:void(0);">Textvorlagen</a>
  386.  
  387. <ul class="qmsub">
  388. <li><a class="qmitem-s" href="JavaScript:void(0);">Bremsscheibenuntermass</a></li>
  389. </ul>
  390. </li>
  391.  
  392. <li>
  393. <a class="qmitem-s qmparent" href="JavaScript:void(0);">Allgemein</a>
  394.  
  395. <ul class="qmsub">
  396. <li><a class="qmitem-s" href="JavaScript:void(0);">Logindaten</a></li>
  397. </ul>
  398. </li>
  399.  
  400. <li>
  401. <a class="qmitem-s qmparent" href="JavaScript:void(0);">Verkauf</a>
  402.  
  403. <ul class="qmsub">
  404. <li><a class="qmitem-s" href="JavaScript:void(0);">Roller Formular 13.20A</a></li>
  405. <li><a class="qmitem-s" href="JavaScript:void(0);">Farben</a></li>
  406. </ul>
  407. </li>
  408.  
  409. <li>
  410. <a class="qmitem-s qmparent" href="JavaScript:void(0);">Werkstatt</a>
  411.  
  412. <ul class="qmsub">
  413. <li><a class="qmitem-s" href="JavaScript:void(0);">Augendusche</a></li>
  414. <li><a class="qmitem-s" href="JavaScript:void(0);">K&auml;rcher</a></li>
  415. <li><a class="qmitem-s" href="JavaScript:void(0);">Klimager&auml;t</a></li>
  416. <li><a class="qmitem-s" href="JavaScript:void(0);">Entsorgung</a></li>
  417. <li><a class="qmitem-s" href="JavaScript:void(0);">Sicherheitsschuhe</a></li>
  418. </ul>
  419. </li>
  420.  
  421. <li>
  422. <a class="qmitem-s qmparent" href="JavaScript:void(0);">Lager</a>
  423.  
  424. <ul class="qmsub">
  425. <li><a class="qmitem-s" href="JavaScript:void(0);">Leer</a></li>
  426. <li><a class="qmitem-s" href="javascript:void(0);">Leer 2</a></li>
  427. </ul>
  428. </li>
  429.  
  430. </ul>
  431. </li>
  432.  
  433. <li>
  434. <a class="qmitem-m qmparent" href="JavaScript:void(0);">Links</a>
  435.  
  436. <ul class="qmsub">
  437. <li><a class="qmitem-s" href="JavaScript:void(0);">Google</a></li>
  438. <li><a class="qmitem-s" href="JavaScript:void(0);">Telefonbuch</a></li>
  439. <li><a class="qmitem-s" href="JavaScript:void(0);">AVIS</a></li>
  440. </ul>
  441. </li>
  442.  
  443. </ul>
  444.  
  445. <!-- Create Menu Settings: (Int Menu ID, Object Literal Settings - {showDelay:int, hideDelay:int, interaction:string}) [interaction options... 'hover', 'all-always-open', 'click-all', 'all', 'all-always-open', 'main')] -->
  446. <script type="text/javascript">qm_create(0,{showDelay:100,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]-->
  447. </body>
  448.  
  449. <body>
  450.  
  451. <p style="margin-bottom: 15px"> </p>
  452. <iframe id="infoiframe" width="900" height="600" frameborder="0"></iframe>
  453. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  454. <script>
  455. $("a[data-url]").on("click", function () {
  456. var url = $(this).attr("data-url");
  457. $("#infoiframe").attr("src", url);
  458. $(".qmmc").removeClass("dohover");
  459. });
  460. $(".qmmc").addClass("dohover").on("mouseout", function () {
  461. $(".qmmc").addClass("dohover");
  462. });
  463. </script>
  464.  
  465. </body>
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!