monitoring/res/html/alerts.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content = "yes" />
    <meta name="format-detection" content="telephone=no" />

    <link rel="import" href="/res/imp/polymer/polymer.html" />
    <link rel="import" href="/res/imp/core-toolbar/core-toolbar.html" />
    <link rel="import" href="/res/imp/core-header-panel/core-header-panel.html" />
    <link rel="import" href="/res/imp/alerts-sk.html"/>
    <link rel="import" href="/res/imp/login-sk.html"/>
    <link rel="import" href="/res/imp/version-sk.html"/>

    <title>Skia Alerts</title>

    <style>
    core-header-panel {
      background: white;
      font-family: sans-serif;
    }
    core-toolbar {
      background-color: #88CCEE;
      color: #FFFFFF;
      text-align: center;
    }
    core-toolbar.alerting {
      background-color: #CC6677;
    }
    h1 {
      font-size: 1.7em;
    }
    login-sk {
      font-size: 0.6em;
    }
    </style>
  </head>
  <body fullbleed vertical layout unresolved>
    <core-header-panel flex>
      <core-toolbar>
        <div flex></div><login-sk></login-sk>
        <h1 class="bottom" flex>Skia Alerts</h1>
      </core-toolbar>
      <alerts-sk showinactive="false" reload=60></alerts-sk>
    </core-header-panel>
    <div horizontal layout>
      <div flex></div>
      <version-sk></version-sk>
    </div>
  </body>
</html>