New flakiness dashboard should support showing the failing tests per builder
[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: 2px 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 td,
48 .resultsTable th {
49     border: 2px solid #fff;
50     padding: 0;
51     margin: 0;
52 }
53
54 .resultsTable th,
55 .resultsTable .passingRate {
56     font-weight: normal;
57     padding-right: 10px;
58 }
59
60 .resultsTable th {
61     width: 15em;
62 }
63
64 .resultsTable .passingRate {
65     width: 3em;
66 }
67
68 .resultsTable .resultCell {
69     display: inline-block;
70     padding: 0.2em 0.2em;
71 }
72
73 .resultsTable a {
74     display: block;
75     width: 1em;
76     height: 1.5em;
77     border-radius: 3px;
78 }
79
80 .resultsTable .PASS a {
81     background-color: #0c3;
82 }
83
84 .resultsTable .TEXT a {
85     background-color: #c33;
86 }
87
88 .resultsTable .IMAGE a {
89     background-color: #3cf;
90 }
91
92 .resultsTable .TEXT.PASS a {
93     background-color: #cf3;
94 }
95
96 .resultsTable .CRASH a {
97     background-color: #f00;
98 }
99
100 .candidateWindow {
101     z-index: 999;
102     position: absolute;
103     background: white;
104     color: black;
105     border: 1px solid #ccc;
106     border-radius: 5px;
107     margin: 5px 0 0 0;
108     padding: 5px;
109     font-size: 1em;
110     list-style: none;
111 }
112
113 .candidateWindow em {
114     background-color: #ccc;
115     font-style: normal;
116 }
117
118 .candidateWindow .selected {
119     background-color: #0cf;
120     color: white;
121 }
122
123 #tooltipContainer {
124     position: absolute;
125 }
126
127 .tooltip {
128     position: relative;
129     border-radius: 5px;
130     padding: 5px;
131     opacity: 0.9;
132     background: #333;
133     color: #eee;
134     font-size: small;
135     line-height: 130%;
136 }
137
138 .tooltip:after {
139     position: absolute;
140     width: 0;
141     height: 0;
142     left: 50%;
143     margin-left: -9px;
144     bottom: -19px;
145     content: "";
146     display: block;
147     border-style: solid;
148     border-width: 10px;
149     border-color: #333 transparent transparent transparent;
150 }
151
152 .tooltip ul,
153 .tooltip li {
154     padding: 0;
155     margin: 0;
156     list-style: none;
157 }
158
159 .tooltip a {
160     color: white;
161     text-shadow: none;
162     text-decoration: underline;
163 }