| 1 | <html>
|
| 2 | <head>
|
| 3 | <title>Flagpole Test Results</title>
|
| 4 | <style>
|
| 5 | body { font: 14px 'Helvetica'; margin: 0; padding: 0; }
|
| 6 | header { padding: 8px; background: rgb(100, 150, 200); }
|
| 7 | header img.logo { width: 100%; max-width: 200px; }
|
| 8 | nav { background: rgb(50, 80, 150); color: rgb(200, 200, 200); padding: 4px; }
|
| 9 | nav a { color: rgb(255, 255, 255); text-decoration: none; padding-left: 8px; padding-right: 16px; display: inline-block; }
|
| 10 | main { width: 100%; max-width: 620px; margin-left: auto; margin-right: auto; padding: 8px; }
|
| 11 | aside { margin-top: 8px; margin-bottom: 16px; }
|
| 12 | article aside, article section { margin-left: 16px; }
|
| 13 | h2, h3 { margin-bottom: 8; }
|
| 14 | ul { padding: 0; margin: 0; list-style: none }
|
| 15 | aside li { color: rgb(100, 100, 100); }
|
| 16 | section li { border-left: solid 16px rgb(200, 200, 200); padding-left: 8px; }
|
| 17 | li.Fail { color: rgb(120, 0, 0); border-left-color: rgb(120, 0, 0); }
|
| 18 | li.Pass { color: rgb(0, 120, 0); border-left-color: rgb(0, 120, 0); }
|
| 19 | li.Comment { color: rgb(100, 100, 100);; border-left-color: rgb(100, 100, 100); font-style: italic; }
|
| 20 | form { margin: 0; display: inline-block; padding-right: 16px; }
|
| 21 | form:only-child { padding-right: 0; padding-left: 0; }
|
| 22 | form input[readonly] { background: rgb(230, 230, 230); color: rgb(80, 80, 80); }
|
| 23 | fieldset {
|
| 24 | margin-top: 12px;
|
| 25 | margin-bottom: 12px;
|
| 26 | }
|
| 27 | table { border: solid 1px rgb(0, 0, 0); width: 100%; max-width: 600px; }
|
| 28 | table thead { background: rgb(120, 180, 220); }
|
| 29 | table td { vertical-align: middle; padding-right: 8px; }
|
| 30 | table tbody tr:nth-child(even) { background: rgb(230, 230, 230); }
|
| 31 | table td, table th {
|
| 32 | text-align: center;
|
| 33 | }
|
| 34 | table td:nth-child(1), table th:nth-child(1) {
|
| 35 | text-align: left;
|
| 36 | }
|
| 37 | div.field {
|
| 38 | padding-top: 8px;
|
| 39 | padding-bottom: 8px;
|
| 40 | vertical-align: middle;
|
| 41 | }
|
| 42 | div.field label {
|
| 43 | display: inline-block;
|
| 44 | padding-right: 16px;
|
| 45 | min-width: 120px;
|
| 46 | }
|
| 47 | div.field select, div.field input[type="text"] {
|
| 48 | min-width: 200px;
|
| 49 | }
|
| 50 | </style>
|
| 51 | </head>
|
| 52 | <body>
|
| 53 | <header>
|
| 54 | <a href="/">
|
| 55 | <img src="https://flocasts.github.io/flagpole/images/logo@2x.png" class="logo" alt="Flagpole" />
|
| 56 | </a>
|
| 57 | </header>
|
| 58 | <nav>
|
| 59 | ${nav}
|
| 60 | <a href="https://flocasts.github.io/flagpole" target="_new">Documentation</a>
|
| 61 | </nav>
|
| 62 | <main>
|
| 63 | ${output}
|
| 64 | </main>
|
| 65 | </body>
|
| 66 | </html> |
| \ | No newline at end of file |