New flakiness dashboard should align results by revision numbers
[WebKit-https.git] / Websites / test-results / main.css
1 #testName {
2     width: 99%;
3     font-size: 1em;
4     outline: none;
5     border: 1px solid #ccc;
6     border-radius: 5px;
7     padding: 5px;
8 }
9
10 .actionBar {
11
12 }
13
14 .testResults {
15     border: 1px solid #ccc;
16     border-radius: 5px;
17     padding: 5px;
18     margin: 10px 0px;
19     position: relative;
20 }
21
22 .closeButton {
23     position: absolute;
24     right: 5px;
25     top: 5px;
26     width: 1em;
27     height: 1em;
28     stroke: #999;
29 }
30
31 .resultsTable {
32     font-size: small;
33     border-collapse: collapse;
34     border: 0px solid #fff;
35     padding: 0;
36     margin: 0;
37 }
38
39 .resultsTable caption {
40     font-size: large;
41     font-weight: normal;
42     text-align: left;
43     margin-bottom: 0.3em;
44     white-space: pre;
45 }
46
47 .resultsTable thead th {
48     font-weight: bold;
49 }
50
51 .resultsTable td,
52 .resultsTable th {
53     white-space: pre;
54     border: 0px solid #fff;
55     padding: 0 0.5em;
56     margin: 0;
57 }
58
59 .resultsTable th,
60 .resultsTable .passingRate {
61     text-align: left;
62     font-weight: normal;
63     padding-right: 10px;
64 }
65
66 .resultsTable th {
67     width: 15em;
68 }
69
70 .resultsTable .passingRate {
71     width: 3em;
72 }
73
74 .resultsTable .resultCell {
75     display: inline-block;
76     padding: 0.2em 0.2em;
77     vertical-align: bottom;
78 }
79
80 .resultsTable tr:hover,
81 .resultsTable tr:hover {
82     background-color: #eee;
83 }
84
85 .resultsTable a {
86     color: #00f;
87     text-shadow: none;
88     text-decoration: underline;
89 }
90
91 .resultsTable a:visited {
92     color: #006;
93 }
94
95 .resultsTable span a {
96     display: block;
97     width: 1.5em;
98     height: 2.5em;
99     border-radius: 5px;
100     font-size: 0.7em;
101     text-align: center;
102     line-height: 2.5em;
103     padding: 0.1em;
104     color: inherit;
105     text-decoration: none;
106 }
107
108 .resultsTable .PASS a {
109     background-color: #0c3;
110 }
111
112 .resultsTable .TEXT a {
113     background-color: #c33;
114 }
115
116 .resultsTable .IMAGE a {
117     background-color: #fc3;
118 }
119
120 .resultsTable .TEXT.PASS a {
121     background-color: #cf3;
122 }
123
124 .resultsTable .CRASH a {
125     background-color: #f00;
126 }
127
128 .resultsTable .TIMEOUT a {
129     background-color: #000;
130     color: #fff;
131 }
132
133 .candidateWindow {
134     z-index: 999;
135     position: absolute;
136     background: white;
137     color: black;
138     border: 1px solid #ccc;
139     border-radius: 5px;
140     margin: 5px 0 0 0;
141     padding: 5px;
142     font-size: 1em;
143     list-style: none;
144 }
145
146 .candidateWindow em {
147     background-color: #ccc;
148     font-style: normal;
149 }
150
151 .candidateWindow .selected {
152     background-color: #0cf;
153     color: white;
154 }
155
156 #tooltipContainer {
157     position: absolute;
158 }
159
160 .tooltip {
161     position: relative;
162     border-radius: 5px;
163     padding: 5px;
164     opacity: 0.9;
165     background: #333;
166     color: #eee;
167     font-size: small;
168     line-height: 130%;
169 }
170
171 .tooltip:after {
172     position: absolute;
173     width: 0;
174     height: 0;
175     left: 50%;
176     margin-left: -9px;
177     bottom: -19px;
178     content: "";
179     display: block;
180     border-style: solid;
181     border-width: 10px;
182     border-color: #333 transparent transparent transparent;
183 }
184
185 .tooltip ul,
186 .tooltip li {
187     padding: 0;
188     margin: 0;
189     list-style: none;
190 }
191
192 .tooltip a {
193     color: white;
194     text-shadow: none;
195     text-decoration: underline;
196 }