<!DOCTYPE HTML>
<html id="t">
<head>
<title>About Stats</title>
<style>
body {
border-top: 10px solid #3B85E3;
color: #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
body, td {
font-size: 11px;
}
a:link, a:visited {
color: #2C3EBA;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
h1 {
border-left: 10px solid #FFF;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0.2em;
color: #3B85E3;
}
h2 {
border-left: 10px solid #FFF;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0 6em 0.2em 0.2em;
}
.details {
margin: 0.4em 1.9em 0 1.2em;
padding: 0 0.4em 0.3em 0;
white-space: nowrap;
}
.details .outer {
padding-right: 0;
vertical-align: top;
}
.details .top {
border-top: 2px solid #333;
font-weight: bold;
margin-top: 0.4em;
}
.details .header2 {
font-weight: bold;
padding-left: 0.9em;
}
.details .key {
padding-left: 1.1em;
vertical-align: top;
}
.details .value {
text-align: right;
color: #333;
font-weight: bold;
}
.details .zebra {
background: #EEE;
}
.lower {
text-transform: lowercase;
}
</style>
<script src="chrome://stats/stats.js"></script>
<script src="chrome://stats/strings.js"></script>
</head>
<body>
<div style="float: right">
<br>Filter: <input id="filter" type="text" value="" onkeyup="doFilter()">
</div>
<h1 class="lower">About Stats</h1>
<h2>Shhh! This page is secret!</h2><br/>
<table class="details" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="outer">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="top" width="100">Counters</td>
<td class="top value" colspan=2></td>
</tr>
<tr>
<td class="header2 lower" name="string-sort" width="200">name</td>
<td class="header2 lower" name="number-sort">value</td>
<td class="header2 lower" name="number-sort">delta</td>
</tr>
<tr jsselect="counters" name="counter">
<td class="key" width="200" jscontent="name"></td>
<td class="value" jscontent="value"></td>
<td class="value" jscontent="delta"></td>
</tr>
</tbody>
</table>
</td>
<td width="15"/>
<td class="outer">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="top" width="100">Timers</td>
<td class="top value"></td>
<td class="top value" colspan=3></td>
</tr>
<tr>
<td class="header2 lower" name="string-sort" width="200">name</td>
<td class="header2 lower" name="number-sort">count</td>
<td class="header2 lower" name="number-sort">time (ms)</td>
<td class="header2 lower" name="number-sort">avg time (ms)</td>
</tr>
<tr jsselect="timers" name="timer">
<td class="key" width="200" jscontent="name"></td>
<td class="value" jscontent="value"></td>
<td class="value" jscontent="time"></td>
<td class="value"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><br/>
<script src="chrome://resources/js/jstemplate_compiled.js"></script>
</body>
</html>