mirror of https://github.com/ArduPilot/ardupilot
autotest: improved web page layout
now uses a css style sheet
This commit is contained in:
parent
34e6b3535d
commit
2e228dc01b
|
@ -0,0 +1,124 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
/* Background-Styles */
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:Helvetica;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
background-color: #fff;
|
||||
background-image: url(images/bg.png);
|
||||
}
|
||||
|
||||
#logo {
|
||||
background-image:url(images/logo.png);
|
||||
background-repeat:no-repeat;
|
||||
height: 120px;
|
||||
width: 420px;
|
||||
-moz-box-shadow: 2px 2px 5px #888;
|
||||
-webkit-box-shadow: 2px 2px 5px #888;
|
||||
box-shadow: 2px 2px 5px #888;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-shadow: #ccc 0px 1px 0px;
|
||||
text-decoration:none;
|
||||
color:#D14836;
|
||||
padding-top: 0px;
|
||||
padding-right: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#git {
|
||||
background-color: #FFF;
|
||||
font-size: 15px;
|
||||
display: auto;
|
||||
padding: 10px;
|
||||
border: 1px solid #CCC;
|
||||
position: relative;
|
||||
-moz-box-shadow: 2px 2px 5px #888;
|
||||
-webkit-box-shadow: 2px 2px 5px #888;
|
||||
box-shadow: 2px 2px 5px #888;
|
||||
}
|
||||
|
||||
#git a {
|
||||
color:#00F;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#git a:hover {
|
||||
color:#D14836;
|
||||
}
|
||||
|
||||
|
||||
#main {
|
||||
padding-top:0px;
|
||||
min-width: 420px;
|
||||
margin-top: 0;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0;
|
||||
margin-left: auto;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 50px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ul#testresults {
|
||||
background-color: #FFF;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
border: 1px solid #CCC;
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
-moz-box-shadow: 2px 2px 5px #888;
|
||||
-webkit-box-shadow: 2px 2px 5px #888;
|
||||
box-shadow: 2px 2px 5px #888;
|
||||
}
|
||||
|
||||
ul#testresults li {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background-color: #eef1f1;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul#testlogs {
|
||||
background-color: #FFF;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
border: 1px solid #CCC;
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
-moz-box-shadow: 2px 2px 5px #888;
|
||||
-webkit-box-shadow: 2px 2px 5px #888;
|
||||
box-shadow: 2px 2px 5px #888;
|
||||
}
|
||||
|
||||
ul#testlogs li {
|
||||
text-decoration:none;
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background-color: #eef1f1;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
ul#testlogs li a {
|
||||
text-decoration:none;
|
||||
color:#8aa19c;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
ul#testlogs li a:hover {
|
||||
color:#D14836;
|
||||
}
|
|
@ -1,31 +1,42 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE>ArduPilot Automatic Testing</TITLE>
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<a href="http://autotest.diydrones.com/"><image src="logo.png"/></a>
|
||||
<h1>ArduPilot Automatic Testing</h1>
|
||||
<!DOCTYPE HTML>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>ArduPilot Automatic Testing</title>
|
||||
|
||||
<!--CSS -->
|
||||
<link href="css/main.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<a href="http://autotest.diydrones.com/">
|
||||
<div id="logo">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<h2>Automatic test run at ${date}</h2>
|
||||
|
||||
Test run on git commit <a href="http://code.google.com/p/ardupilot-mega/source/detail?r=${githash}">${githash}</a>
|
||||
<div id="git">Test run on git commit <a href="http://code.google.com/p/ardupilot-mega/source/detail?r=${githash}">${githash}</a>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<h2>Test Results</h2>
|
||||
|
||||
<ul id="testresults">
|
||||
${{tests:<li>${name} - ${result} (${elapsed} seconds)</li>
|
||||
}}
|
||||
</ul>
|
||||
|
||||
<h2>Test logs</h2>
|
||||
|
||||
<ul>
|
||||
<ul id=testlogs>
|
||||
${{files:<li>${name} - <a href="${fname}">${fname}</a>
|
||||
}}
|
||||
</ul>
|
||||
|
||||
<h2>Older results</h2>
|
||||
|
||||
<div id="git">
|
||||
Older test results are <a href="history">available here</a>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue