Converted Observatory nav-menu element

runtime/observatory/lib/src/elements/nav_bar.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="nav-bar" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       nav {
         position: fixed;
@@ skipping 28 matching lines @@
       </ul>
     </nav>
     <div class="vertical-spacer">
     </div>
     <template if="{{ pad }}">
       <br>
     </template>
   </template>
 </polymer-element>
 
-<polymer-element name="nav-menu" extends="observatory-element">
-  <template>
-    <style>
-      .menu, .spacer {
-        float: left;
-      }
-      .menu a, .spacer {
-        display: block;
-        padding: 12px 8px;
-        color: White;
-        text-decoration: none;
-      }
-      .menu:hover {
-        background: #455;
-      }
-      .menu ul {
-        display: none;
-        position: absolute;
-        top: 98%;
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        width: auto;
-        z-index: 1000;
-        font: 400 16px 'Montserrat', sans-serif;
-        color: white;
-        background: #567;
-      }
-      .menu ul:after {
-        content: ""; clear: both; display: block;
-      }
-      .menu:hover > ul {
-        display: block;
-      }
-    </style>
-
-    <li class="menu">
-      <a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a>
-      <ul><content></content></ul>
-    </li>
-    <template if="{{ !last }}">
-      <li class="spacer">&gt;</li>
-    </template>
-
-  </template>
-</polymer-element>
-
 <polymer-element name="nav-menu-item" extends="observatory-element">
   <template>
     <style>
       li {
         float: none;
         border-top: 1px solid #677;
         border-bottom: 1px solid #556; position: relative;
       }
       li:hover {
         background: #455;
@@ skipping 371 matching lines @@
         [<a class="link" on-click="{{ goto }}"
             _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>]
         <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
     </div>
     </template>
   </template>
 </polymer-element>
 
 
 <script type="application/dart" src="nav_bar.dart"></script>