blob: e20a9b09d78a7c6a21ca0ca8b1b87d54031c8490 [file] [log] [blame]
{% comment %}
Copyright 2012 Google Inc. All Rights Reserved.
This template describes the overall page structure for the
tables pages for the ChromeOS Test Dashboard.
{% endcomment %}
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="refresh" content="600">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<title>{% block title %}{% endblock %}</title>
</head>
<body style="height:100%; width:99%;">
<script type="text/javascript">
function fixTooltip(event, box) {
e = box.getElementsByTagName('span')[0];
// Show the tooltip so we can get the width.
e.style.display = 'block';
// Use a slight offset so user can move to the next cell unhindered.
offset = 5;
// If the tooltip falls off the right side, move it left of mouse.
x = event.clientX;
if (x + e.offsetWidth > window.innerWidth)
x = x - offset - e.offsetWidth;
else
x = x + offset;
// If the tooltip falls off the bottom, move it above the mouse.
y = event.clientY;
if (y + e.offsetHeight > window.innerHeight)
y = y - offset - e.offsetHeight;
else
y = y + offset;
if (y < 0)
y = 0;
e.style.left = x + 'px';
e.style.top = y + 'px';
}
function clearTooltip(box) {
box.getElementsByTagName('span')[0].style.display = 'none';
}
</script>
<style type="text/css">
body, td, th {
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
padding: 4px 4px 4px 4px;
}
.div_left {
clear:left;
float:left;
margin-left:auto;
margin-right:0pt;
width:45%;
}
.div_middle {
float:left;
width:8%;
}
.div_right {
float:left;
clear:right;
width:45%;
}
.div_full {
margin-left:auto;
margin-right:auto;
width:100%;
}
.div_statustitle {
background-color: #8FDF5F;
margin-bottom: 1em;
padding: 0.5em;
font-weight: normal;
font-size: 16px;
font-family: Verdana, Cursor;
text-align: center;
color: black;
border-top-right-radius: 24px;
-webkit-border-top-right-radius: 24px;
-moz-border-radius-topright: 1em;
border-top-left-radius: 24px;
-webkit-border-top-left-radius: 24px;
-moz-border-radius-topleft: 1em;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.div_testname {
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
width:20px;
white-space:nowrap;
text-decoration:none;
font-weight:normal;
}
.legend {
padding:3px;
border:1px solid #c0c0c0;
width:5px;
font-weight:bold;
}
.roundedheader {
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.testtab {
padding:3px;
}
.success {
color: white;
background-color: #8FDF5F;
border-color: #4F8530;
height: 32px;
}
.failure {
color: white;
background-color: #E98080;
border-color: #A77272;
height: 32px;
}
.warning_summary {
color: black;
background-color: #FFC343;
border-color: #C29D46;
}
.warning {
color: white;
background-color: #FFC343;
border-color: #C29D46;
height: 32px;
}
.nodetail {
font-weight:bold;
height: 32px;
}
.experimental_legend {
padding:3px;
border:1px solid #c0c0c0;
width:5px;
font-weight:bold;
background-color: #FCF;
}
th.tableheader {
color: #333;
background-color: #CCC;
}
th.experimental_tableheader {
color: #333;
background-color: #FCF;
}
td.buildborder {
border-bottom: 1px solid #AAA;
}
td.build {
color: black;
background-color: #EEE;
text-align: center;
}
td.buildminusone {
color: #333;
background-color: #CCC;
text-align: center;
}
td.buildminustwo {
color: white;
background-color: #999;
text-align: center;
}
a img {
border-style: ridge;
width: 760px;
}
a { text-decoration: none; }
a.info {
position:relative; /*this is the key*/
z-index:1
color:#000;
font-weight:normal;
}
a.info span {
z-index: 25;
display: none;
position:fixed;
top:1em; left:1em;
min-width: 200px;
max-width: 500px;
overflow: auto;
color:#000;
background: #FFFFAA; border: 1px solid #FFAD33;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
font-weight: normal;
padding: 0.2em 0 0.6em 0;
word-wrap: break-word;
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 1px 1px 1px 1px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
}
table.top {
vertical-align: top;
}
table.standalone {
width: 100%;
background-color: #EFEFEF;
-webkit-border-bottom-left-radius: 24px;
-webkit-border-bottom-right-radius: 24px;
-moz-border-bottom-right-radius: 24px;
-moz-border-bottom-right-radius: 24px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
border-bottom-left-radius: 24px 24px;
border-bottom-right-radius: 24px 24px;
}
a.configs { text-decoration: underline; }
tbody th a {
padding:1.0em 3.0em 0 0;
text-decoration:none;
}
tbody th a:hover {
background:none;
color:#000;
}
tbody td a {
padding: 0px;
text-decoration: none;
}
tbody td a:hover {
background:none;
color:#000;
}
</style>
{% block header_block %}{% endblock %}
{% block html_block %}{% endblock %}
{% block footer_block %}{% endblock %}
</body>
</html>