Converted Observatory nav-notify element

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="nav_bar.html">
-<link rel="import" href="observatory_element.html">
 
-<polymer-element name="metrics-page" extends="observatory-element">
+
+<polymer-element name="metrics-page">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       ul li:hover:not(.selected) {
         background-color: #FFF3E3;
       }
       .selected {
         background-color: #0489c3;
       }
       .graph {
@@ skipping 43 matching lines @@
         </metrics-graph>
         <div>
           <metric-details page="{{ page }}" metric="{{ selectedMetric }}">
           </metric-details>
         </div>
       </div>
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="metric-details" extends="observatory-element">
+<polymer-element name="metric-details">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <div class="content-centered">
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">name</div>
           <div class="memberValue">{{ metric.name }}</div>
         </div>
         <div class="memberItem">
           <div class="memberName">description</div>
@@ skipping 38 matching lines @@
               <option value="100" selected="selected">100</option>
               <option value="1000">1000</option>
             </select>
           </div>
         </div>
       </div>
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="metrics-graph" extends="observatory-element">
+<polymer-element name="metrics-graph">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <link rel="stylesheet" href="../../../../packages/charted/charts/themes/quantum_theme.css">
     <style>
 .chart-wrapper {
   padding: 40px;
   width: 800px;
 }
 .chart-host-wrapper {
   height: 300px;
 }
     </style>
     <div class="chart-wrapper" id="metric-chart">
         <div class="chart-host-wrapper">
             <div class="chart-host" dir="ltr"></div>
         </div>
     </div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="metrics.dart"></script>