OLD | NEW |
(Empty) | |
| 1 {% comment %} |
| 2 |
| 3 Copyright 2010 Google Inc. All Rights Reserved. |
| 4 |
| 5 This template describes the overall page structure for the |
| 6 tables pages for the ChromeOS Test Dashboard. |
| 7 {% endcomment %} |
| 8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
| 9 <html lang="en"> |
| 10 <head> |
| 11 <meta http-equiv="refresh" content="600"> |
| 12 <meta http-equiv="cache-control" content="no-cache"> |
| 13 <meta http-equiv="pragma" content="no-cache"> |
| 14 <title>{% block title %}{% endblock %}</title> |
| 15 </head> |
| 16 <body> |
| 17 <style type="text/css"> |
| 18 body, td, th { |
| 19 font-family: Verdana, Geneva, sans-serif; |
| 20 font-size: 0.9em; |
| 21 } |
| 22 .div_left { |
| 23 clear:left; |
| 24 float:left; |
| 25 margin-left:auto; |
| 26 margin-right:0pt; |
| 27 width:45%; |
| 28 } |
| 29 .div_middle { |
| 30 float:left; |
| 31 width:8%; |
| 32 } |
| 33 .div_right { |
| 34 float:left; |
| 35 clear:right; |
| 36 width:45%; |
| 37 } |
| 38 .div_full { |
| 39 margin-left:auto; |
| 40 margin-right:auto; |
| 41 width:100%; |
| 42 } |
| 43 .div_testname { |
| 44 -webkit-transform:rotate(270deg); |
| 45 -moz-transform:rotate(270deg); |
| 46 width:20px; |
| 47 white-space:nowrap; |
| 48 text-decoration:normal; |
| 49 } |
| 50 .legend { |
| 51 padding:3px; |
| 52 border:1px solid #c0c0c0; |
| 53 width:5px; |
| 54 font-weight:bold; |
| 55 } |
| 56 a img { |
| 57 border-style: ridge; |
| 58 width: 760px; |
| 59 } |
| 60 a { text-decoration: none; } |
| 61 a.info{ |
| 62 position:relative; /*this is the key*/ |
| 63 z-index:1 |
| 64 color:#000; |
| 65 font-weight:normal; |
| 66 } |
| 67 a.info:hover { z-index:25; } |
| 68 a.info span { display: none } |
| 69 a.info:hover span{ /*the span will display just on :hover state*/ |
| 70 display:block; |
| 71 position:absolute; |
| 72 top:1em; left:1em; |
| 73 min-width: 200px; |
| 74 overflow: visible; |
| 75 background-color:#fff; |
| 76 color:#000; |
| 77 background: #FFFFAA; border: 1px solid #FFAD33; |
| 78 text-align: left; |
| 79 font-family: Verdana, Geneva, sans-serif; |
| 80 font-size: 0.9em; |
| 81 font-weight: normal; |
| 82 padding: 0.2em 0 0.6em 0; |
| 83 border-radius: 5px 5px; |
| 84 -moz-border-radius: 5px; |
| 85 -webkit-border-radius: 5px; |
| 86 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); |
| 87 -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); |
| 88 -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); |
| 89 } |
| 90 table { |
| 91 background-color: #bbbbbb; |
| 92 border-collapse:collapse; |
| 93 border-spacing: 1px 1px 1px 1px; |
| 94 margin-top:0px; |
| 95 margin-bottom:50px; |
| 96 } |
| 97 table tr { |
| 98 background-color: #e5e5c0; |
| 99 } |
| 100 table tr td, table tr th { |
| 101 border:1px solid #c0c0c0; |
| 102 } |
| 103 a.configs { text-decoration: underline; } |
| 104 |
| 105 tbody tr * {padding: 4px;} |
| 106 |
| 107 tbody th a { |
| 108 color :#fff; |
| 109 padding:1.0em 3.0em 0 0; |
| 110 text-decoration:none; |
| 111 } |
| 112 |
| 113 tbody th a:hover { |
| 114 background:none; |
| 115 color:#000; |
| 116 } |
| 117 |
| 118 tbody td a { |
| 119 padding: 0px; |
| 120 text-decoration: none; |
| 121 } |
| 122 |
| 123 tbody td a:hover { |
| 124 background:none; |
| 125 color:#000; |
| 126 } |
| 127 |
| 128 </style> |
| 129 {% block header_block %}{% endblock %} |
| 130 {% block html_block %}{% endblock %} |
| 131 {% block footer_block %}{% endblock %} |
| 132 </body> |
| 133 </html> |
OLD | NEW |