OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
5 <link rel="stylesheet" href="https://storage.googleapis.com/chromium-result-
details/css/default.css" type="text/css"> | |
6 <style> | 5 <style> |
| 6 body { |
| 7 background-color: #fff; |
| 8 color: #333; |
| 9 font-family: Verdana, sans-serif; |
| 10 font-size: 10px; |
| 11 margin-left: 30px; |
| 12 margin-right: 30px; |
| 13 margin-top: 20px; |
| 14 margin-bottom: 50px; |
| 15 padding: 0; |
| 16 } |
7 table, th, td { | 17 table, th, td { |
8 border: 1px solid black; | 18 border: 1px solid black; |
9 border-collapse: collapse; | 19 border-collapse: collapse; |
| 20 text-align: center; |
10 } | 21 } |
11 th, td { | 22 table, td { |
12 padding: 5px; | 23 padding: 0.1em 1em 0.1em 1em; |
13 } | 24 } |
14 th { | 25 th { |
15 cursor: pointer; | 26 cursor: pointer; |
| 27 padding: 0.2em 1.5em 0.2em 1.5em; |
16 } | 28 } |
17 table { | 29 table { |
18 width: 100%; | 30 width: 100%; |
19 } | 31 } |
20 .center { | 32 .center { |
21 text-align: center; | 33 text-align: center; |
22 } | 34 } |
23 .left { | 35 .left { |
24 text-align: left; | 36 text-align: left; |
25 } | 37 } |
26 a { | 38 a { |
27 text-decoration: none; | 39 text-decoration: none; |
28 } | 40 } |
29 a:hover { | 41 a:hover { |
30 text-decoration: underline; | 42 text-decoration: underline; |
31 cursor: pointer; | 43 cursor: pointer; |
32 } | 44 } |
| 45 a:link,a:visited,a:active { |
| 46 color: #444; |
| 47 } |
33 .row_block:hover { | 48 .row_block:hover { |
34 background-color: #F6F6F6; | 49 background-color: #F6F6F6; |
35 } | 50 } |
36 .skipped, .success, .failure { | 51 .skipped, .success, .failure { |
37 border-color: #000000; | 52 border-color: #000000; |
38 } | 53 } |
| 54 .success { |
| 55 color: #000; |
| 56 background-color: #8d4; |
| 57 } |
| 58 .failure { |
| 59 color: #000; |
| 60 background-color: #e88; |
| 61 } |
| 62 .skipped { |
| 63 color: #000; |
| 64 background: #AADDEE; |
| 65 } |
39 </style> | 66 </style> |
40 <script type="text/javascript"> | 67 <script type="text/javascript"> |
41 {% include "javascript/main_html.js" %} | 68 {% include "javascript/main_html.js" %} |
42 </script> | 69 </script> |
43 </head> | 70 </head> |
44 <body class="interface"> | 71 <body> |
45 <div class="content"> | 72 <div> |
46 <h2 id="summary-header"></h2> | 73 <h2 id="summary-header"></h2> |
47 {% for tb_value in tb_values %} | 74 {% for tb_value in tb_values %} |
48 {% include 'template/table.html' %} | 75 {% include 'template/table.html' %} |
49 {% endfor %} | 76 {% endfor %} |
50 </div> | 77 </div> |
51 </br> | 78 </br> |
52 <a href="{{feedback_url}}" target="_blank"><b>Feedback</b></a> | 79 <a href="{{feedback_url}}" target="_blank"><b>Feedback</b></a> |
53 </body> | 80 </body> |
54 <script> | 81 <script> |
55 sortSuiteTableByFailedTestCases(); | 82 sortSuiteTableByFailedTestCases(); |
56 showSuiteTableOnlyWithReplaceState(); | 83 showSuiteTableOnlyWithReplaceState(); |
57 // Enable sorting for each column of tables. | 84 // Enable sorting for each column of tables. |
58 Array.prototype.slice.call(document.getElementsByTagName('th')) | 85 Array.prototype.slice.call(document.getElementsByTagName('th')) |
59 .forEach(function(head) { | 86 .forEach(function(head) { |
60 head.addEventListener( | 87 head.addEventListener( |
61 "click", | 88 "click", |
62 function() { sortByColumn(head); }); | 89 function() { sortByColumn(head); }); |
63 } | 90 } |
64 ); | 91 ); |
65 setBrowserBackButtonLogic(); | 92 setBrowserBackButtonLogic(); |
66 </script> | 93 </script> |
67 </html> | 94 </html> |
OLD | NEW |