irwan

navigation

Apr 22nd, 2012
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 12.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <head>
  7.   <title>Hello!</title>
  8. </head>
  9. <!--%%%%%%%%%%%% NodeFire Styles [Publish this section to the document head for full validation!] %%%%%%%%%%%-->
  10. <style type="text/css">
  11.  
  12.  
  13. /*!!!!!!!!!!! NodeFire Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
  14. /*[START-QCC]*/.qmclear{}.qmmc:after{content: ".";display:block;height:0px;clear:both;overflow:hidden;}.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 {text-align:left;outline:none;font-wieght:normal;text-decoration:none;font-family:Arial;font-size:14px;line-height:normal;padding:0px;margin:0px;color:#333;background-color:transparent;}.qmmc .qmiefix {z-index:0;}.qmmc, .qmmc .qmsub, .qmmc .qmmulti{list-style:none;padding:0px;margin:0px;}.qmmc .qmdivider{display:block;border-width:0px;border-style:solid;position:relative;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;}.qmmc {position:relative;zoom:1;}.qmmc .qmitem-m, .qmmc>li {display:block;white-space:nowrap;position:relative;}.qmmc .qmitem-s, .qmmc .qmsub>li {display:block;white-space:nowrap;position:relative;}.qmmc .qmsub{visibility:hidden;position:absolute;z-index:10;left:100%;top:0px;}.qmmc div.qmsub{left:0px;}.qmmc .qmcbox{cursor:default;display:block;position:relative;white-space:normal;}.qmmc .qmmulti{display:block;float:left;position:relative;}.qmmc .qmmulti dd{margin:0px;padding:0px;position:relative;}.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 {float:left;}.qm-horizontal-c>li>.qmsub  {left:0px;top:100%}.qmmc li:hover>.qmsub, .qmmc dd:hover>ul.qmsub {visibility:inherit;}.qmmc .qmml0 {z-index:99;}.qmmc .qmml1 {z-index:98;}.qmmc .qmml2 {z-index:97;}.qmmc .qmml3 {z-index:96;}.qmmc .qmml4 {z-index:95;}.qmmc .qmml5 {z-index:94;}.qmmc .qmml6 {z-index:93;}.qmmc .qmml7 {z-index:92;}.qmmc .qmml8 {z-index:91;}.qmmc .qmml9 {z-index:90;}
  15.  
  16.  
  17. /*!!!!!!!!!!! NodeFire Styles !!!!!!!!!!!*/
  18.  
  19.  
  20.     /* NodeFire 0 */
  21.  
  22.     /*"""""""" (MAIN) Container""""""""*/
  23.     #qm0
  24.    {
  25.         background-color:transparent;
  26.         border-radius:7px 7px 7px 7px;-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;-ms-border-radius:7px 7px 7px 7px;-o-border-radius:7px 7px 7px 7px;-khtml-border-radius:7px 7px 7px 7px;
  27.     }
  28.  
  29.  
  30.     /*"""""""" (MAIN) Items""""""""*/
  31.     #qm0 .qmitem-m
  32.    {
  33.         padding:8px 15px 8px 20px;
  34.         color:#3F3F3F;
  35.        font-family:Arial;
  36.         font-size:12px;
  37.         text-decoration:none;
  38.         font-weight:bold;
  39.         border-radius:7px 7px 0px 0px;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;-ms-border-radius:7px 7px 0px 0px;-o-border-radius:7px 7px 0px 0px;-khtml-border-radius:7px 7px 0px 0px;
  40.     }
  41.  
  42.  
  43.     /*"""""""" (MAIN) Hover State""""""""*/
  44.     #qm0 .qmitem-m:hover
  45.    {
  46.         text-decoration:underline;
  47.     }
  48.  
  49.  
  50.     /*"""""""" (MAIN) Parent Items""""""""*/
  51.     #qm0 .qmitem-m.qmparent
  52.    {
  53.         background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20NodeFire/chrome/content/qmimages/qthoverfill_plus_sub_hover.gif");
  54.         background-repeat:no-repeat;
  55.         background-position:9px 13px;
  56.     }
  57.  
  58.  
  59.     /*"""""""" (MAIN) Active State""""""""*/
  60.     #qm0.qmmc .qmitem-m.qmactive, #qm0 li:hover>.qmitem-m.qmparent, #qm0 dd:hover>.qmitem-m.qmparent
  61.    {
  62.         background-color:#3F3F3F;
  63.        background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20NodeFire/chrome/content/qmimages/qthoverfill_minus_sub.gif");
  64.         color:#FFFFFF;
  65.        text-decoration:underline;
  66.     }
  67.  
  68.  
  69.     /*"""""""" (SUB) Container""""""""*/
  70.     #qm0 .qmsub
  71.    {
  72.         padding:5px;
  73.         margin:0px 0px 0px -8px;
  74.         background-color:#3F3F3F;
  75.        border-width:1px;
  76.         border-style:solid;
  77.         border-color:#3F3F3F;
  78.        border-radius:7px 7px 7px 7px;-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;-ms-border-radius:7px 7px 7px 7px;-o-border-radius:7px 7px 7px 7px;-khtml-border-radius:7px 7px 7px 7px;
  79.         box-shadow:10px 10px 20px rgb(63, 63, 63);-moz-box-shadow:10px 10px 20px rgb(63, 63, 63);-webkit-box-shadow:10px 10px 20px rgb(63, 63, 63);-ms-box-shadow:10px 10px 20px rgb(63, 63, 63);-o-box-shadow:10px 10px 20px rgb(63, 63, 63);-khtml-box-shadow:10px 10px 20px rgb(63, 63, 63);
  80.     }
  81.  
  82.  
  83.     /*"""""""" (SUB) Items""""""""*/
  84.     #qm0 .qmitem-s
  85.    {
  86.         padding:6px 60px 6px 20px;
  87.         background-color:transparent;
  88.         color:#FFFFFF;
  89.        font-size:12px;
  90.         font-weight:bold;
  91.         border-width:0px;
  92.         border-style:none;
  93.         border-color:#3F3F3F;
  94.        border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;-ms-border-radius:10px 10px 10px 10px;-o-border-radius:10px 10px 10px 10px;-khtml-border-radius:10px 10px 10px 10px;
  95.     }
  96.  
  97.  
  98.     /*"""""""" (SUB) Hover State""""""""*/
  99.     #qm0 .qmitem-s:hover
  100.    {
  101.         background-color:#747A86;
  102.        color:#FFFFFF;
  103.        text-decoration:none;
  104.     }
  105.  
  106.  
  107.     /*"""""""" (SUB) Parent Items""""""""*/
  108.     #qm0 .qmitem-s.qmparent
  109.    {
  110.         background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20NodeFire/chrome/content/qmimages/qthoverfill_plus_sub.gif");
  111.         background-repeat:no-repeat;
  112.         background-position:9px 11px;
  113.     }
  114.  
  115.  
  116.     /*"""""""" (SUB) Active State""""""""*/
  117.     #qm0.qmmc .qmitem-s.qmactive, #qm0 ul li:hover>.qmitem-s.qmparent, #qm0 ul dd:hover>.qmitem-s.qmparent
  118.    {
  119.         background-color:#747A86;
  120.        background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20NodeFire/chrome/content/qmimages/qthoverfill_minus_sub.gif");
  121.         color:#FFFFFF;
  122.        text-decoration:none;
  123.     }
  124.  
  125.  
  126.     /*"""""""" Individual Titles""""""""*/
  127.     #qm0 .qmtitle
  128.    {
  129.         padding:5px 0px 5px 10px;
  130.         background-color:#3F3F3F;
  131.        color:#FFFFFF;
  132.        font-size:13px;
  133.         text-decoration:underline;
  134.         font-weight:bold;
  135.         border-radius:10px 10px 2px 2px;-moz-border-radius:10px 10px 2px 2px;-webkit-border-radius:10px 10px 2px 2px;-ms-border-radius:10px 10px 2px 2px;-o-border-radius:10px 10px 2px 2px;-khtml-border-radius:10px 10px 2px 2px;
  136.     }
  137.  
  138.  
  139.     /*"""""""" Individual Horizontal Dividers""""""""*/
  140.     #qm0>.qmdivider, #qm0 .qmsub>.qmdivider, #qm0 dd>.qmdivider, #qm0>li>.qmdivider, #qm0 .qmsub>li>.qmdivider
  141.    {
  142.         height:2px;
  143.         background-color:#FFFFFF;
  144.        margin:2px 0px;
  145.     }
  146.  
  147.  
  148.     /*"""""""" Individual Vertical Dividers""""""""*/
  149.     #qm0.qm-horizontal-c>.qmdivider, #qm0 .qm-horizontal-c>.qmdivider, #qm0.qm-horizontal-c>li>.qmdivider, #qm0 .qm-horizontal-c>li>.qmdivider
  150.    {
  151.         width:2px;
  152.         height:23px;
  153.         background-color:#3F3F3F;
  154.         margin:4px 0px 0px;
  155.     }
  156.  
  157.  
  158.     /*"""""""" Custom Rule""""""""*/
  159.     div#qm0 .qmsub .qmsub
  160.     {
  161.         margin:2px 0px 0px -1px;
  162.     }
  163.     /*[END-QS0]*/
  164.  
  165.  
  166. </style>
  167. <body>
  168.  
  169. <!--[START-QM0]--><ul id="qm0" class="qmmc qm-horizontal-c">
  170.  
  171.     <li><a class="qmitem-m qmparent" href="javascript:void(0)">Tech Divisions</a>
  172.  
  173.         <ul class="qmsub">
  174.         <li><a class="qmitem-s" href="javascript:void(0)">Management</a></li>
  175.         <li><a class="qmitem-s qmparent" href="javascript:void(0)">Global Sites</a>
  176.  
  177.             <ul class="qmsub">
  178.             <li><a class="qmitem-s" href="javascript:void(0)">Asia</a></li>
  179.             <li><a class="qmitem-s" href="javascript:void(0)">South America</a></li>
  180.             <li><a class="qmitem-s" href="javascript:void(0)">Australia</a></li>
  181.             <li><a class="qmitem-s" href="javascript:void(0)">North America</a></li>
  182.             <li><a class="qmitem-s" href="javascript:void(0)">Europe654</a></li>
  183.             <li><a class="qmitem-s" href="javascript:void(0)">Africa</a></li>
  184.             </ul></li>
  185.  
  186.         <li><a class="qmitem-s qmparent" href="javascript:void(0)">Investors</a>
  187.  
  188.             <ul class="qmsub">
  189.             <li><a class="qmitem-s" href="javascript:void(0)">Sony</a></li>
  190.             <li><a class="qmitem-s" href="javascript:void(0)">Fed-Ex</a></li>
  191.             <li><a class="qmitem-s" href="javascript:void(0)">Corp. A and B</a></li>
  192.             <li><a class="qmitem-s" href="javascript:void(0)">Smuckers</a></li>
  193.             <li><a class="qmitem-s" href="javascript:void(0)">Phillips</a></li>
  194.             <li><a class="qmitem-s" href="javascript:void(0)">Slats Brewery</a></li>
  195.             </ul></li>
  196.  
  197.         <li><a class="qmitem-s" href="javascript:void(0)">Worldwide</a></li>
  198.         <li><a class="qmitem-s" href="javascript:void(0)">Product Overview</a></li>
  199.         <li><a class="qmitem-s" href="javascript:void(0)">Publicity</a></li>
  200.         </ul></li>
  201.  
  202.     <li><a class="qmitem-m qmparent" href="javascript:void(0)">Advancement</a>
  203.  
  204.         <ul class="qmsub">
  205.         <li><a class="qmitem-s" href="javascript:void(0)">Satisfaction</a></li>
  206.         <li><a class="qmitem-s qmparent" href="javascript:void(0)">Our Goals</a>
  207.  
  208.             <ul class="qmsub">
  209.             <li><a class="qmitem-s" href="javascript:void(0);">Customer Satisfaction</a></li>
  210.             <li><a class="qmitem-s" href="javascript:void(0);">Sales Forcast</a></li>
  211.             <li><a class="qmitem-s" href="javascript:void(0);">Projections</a></li>
  212.             <li><a class="qmitem-s" href="javascript:void(0);">Advanced Products</a></li>
  213.             <li><a class="qmitem-s" href="javascript:void(0);">Employee Commitment</a></li>
  214.             <li><a class="qmitem-s" href="javascript:void(0);">Environmental</a></li>
  215.             <li><a class="qmitem-s" href="javascript:void(0);">Law Suit Avoidence</a></li>
  216.             <li><a class="qmitem-s" href="javascript:void(0);">Free Ice Cream</a></li>
  217.             </ul></li>
  218.  
  219.         <li><a class="qmitem-s" href="javascript:void(0)">Product Warranty</a></li>
  220.         <li><a class="qmitem-s" href="javascript:void(0)">Future Outlook</a></li>
  221.         <li><a class="qmitem-s" href="javascript:void(0)">Product Quality</a></li>
  222.         <li><a class="qmitem-s" href="javascript:void(0)">Continued Support</a></li>
  223.         </ul></li>
  224.  
  225.     <li><a class="qmitem-m qmparent" href="javascript:void(0)">Our Investors</a>
  226.  
  227.         <ul class="qmsub">
  228.         <li><a class="qmitem-s" href="javascript:void(0)">Annual Meetings</a></li>
  229.         <li><a class="qmitem-s" href="javascript:void(0)">Financial Reports</a></li>
  230.         <li><a class="qmitem-s" href="javascript:void(0)">Nasdaq Quoting</a></li>
  231.         <li><a class="qmitem-s" href="javascript:void(0)">Dividend Information</a></li>
  232.         <li><a class="qmitem-s" href="javascript:void(0)">Future Outlook</a></li>
  233.         <li><a class="qmitem-s" href="javascript:void(0)">CEO Announcements</a></li>
  234.         </ul></li>
  235.  
  236.     <li><a class="qmitem-m qmparent" href="javascript:void(0)">Relations</a>
  237.  
  238.         <ul class="qmsub">
  239.         <li><a class="qmitem-s" href="javascript:void(0)">Satisfaction</a></li>
  240.         <li><a class="qmitem-s" href="javascript:void(0)">Our Goals</a></li>
  241.         <li><a class="qmitem-s" href="javascript:void(0)">Product Warranty</a></li>
  242.         <li><a class="qmitem-s" href="javascript:void(0)">Future Outlook</a></li>
  243.         <li><a class="qmitem-s" href="javascript:void(0)">Product Quality</a></li>
  244.         <li><a class="qmitem-s" href="javascript:void(0)">Continued Support</a></li>
  245.         </ul></li>
  246.  
  247.     <li><a class="qmitem-m qmparent" href="javascript:void(0);">Propulsion</a>
  248.  
  249.         <ul class="qmsub">
  250.         <li><a class="qmitem-s" href="javascript:void(0);">Advanced Science</a></li>
  251.         <li><a class="qmitem-s" href="javascript:void(0);">Biological Impact</a></li>
  252.         <li><a class="qmitem-s" href="javascript:void(0);">Trajectories</a></li>
  253.         <li><a class="qmitem-s" href="javascript:void(0);">Gravity Boosting</a></li>
  254.         <li><a class="qmitem-s" href="javascript:void(0);">Clean Fuels</a></li>
  255.         </ul></li>
  256.  
  257. </ul>
  258.  
  259. <!-- Create Menu Settings: (Int Menu ID, JSON Settings - {showDelay:int, hideDelay:int, interaction:string}) [interaction options... 'hover', 'hover always-open', 'click-all', 'click always-open', 'click level 2+', 'click main')] -->
  260. <script type="text/javascript">qm_create(0,{showDelay:200,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]-->
  261.  
  262. </body>
  263.  
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment