Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(566)

Side by Side Diff: frontend/croschart/templates/base.html

Issue 6821082: Integrate dynamic charts into autotest frontend. (Closed) Base URL: ssh://gitrw.chromium.org:9222/autotest.git@master
Patch Set: Add license. Created 9 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « frontend/croschart/models.py ('k') | frontend/croschart/templates/charts.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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>
OLDNEW
« no previous file with comments | « frontend/croschart/models.py ('k') | frontend/croschart/templates/charts.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698