runtime/bin/vmservice/client/lib/src/elements/script_inset.html

<link rel="import" href="../../../../packages/polymer/polymer.html">
<link rel="import" href="observatory_element.html">

<polymer-element name="script-inset" extends="observatory-element">
  <template>
    <style>
      .sourceInset {
        padding-left: 15%;
        padding-right: 15%;
      }
      .grayBox {
        width: 100%;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        padding: 10px;
     }
    </style>
    <div class="sourceInset">
      <content></content>
      <div class="grayBox">
        <table>
          <tbody>
            <tr template repeat="{{ lineNumber in lineNumbers }}">
              <td style="{{ styleForHits(script.lines[lineNumber].hits) }}"><span>  </span></td>
              <td style="font-family: consolas, courier, monospace;font-size: 1em;line-height: 1.2em;white-space: nowrap;">{{script.lines[lineNumber].line}}</td>
              <td>&nbsp;</td>
              <td width="99%" style="font-family: consolas, courier, monospace;font-size: 1em;line-height: 1.2em;white-space: pre;">{{script.lines[lineNumber].text}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </template>
</polymer-element>

<script type="application/dart" src="script_inset.dart"></script>