New flakiness dashboard show test time, modifiers, and flaky tests
[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     width: 100%;
38 }
39
40 .resultsTable caption {
41     font-size: large;
42     font-weight: normal;
43     text-align: left;
44     margin-bottom: 0.3em;
45     white-space: pre;
46 }
47
48 .resultsTable td,
49 .resultsTable th {
50     white-space: pre;
51     border: 0px solid #fff;
52     padding: 0 0.5em;
53     margin: 0;
54 }
55
56 .resultsTable th,
57 .resultsTable .passingRate {
58     text-align: left;
59     font-weight: normal;
60     padding-right: 10px;
61 }
62
63 .resultsTable th {
64     width: 15em;
65 }
66
67 .resultsTable .passingRate {
68     width: 3em;
69 }
70
71 .resultsTable .resultCell {
72     display: inline-block;
73     padding: 0.2em 0.2em;
74 }
75
76 .resultsTable tr:hover,
77 .resultsTable tr:hover {
78     background-color: #eee;
79 }
80
81 .resultsTable a {
82     color: #00f;
83     text-shadow: none;
84 }
85
86 .resultsTable a:visited {
87     color: #006;
88 }
89
90 .resultsTable span a {
91     display: block;
92     width: 1.4em;
93     height: 2em;
94     border-radius: 3px;
95     font-size: 0.5em;
96     padding: 0.3em;
97     text-align: center;
98     line-height: 1.9em;
99     color: inherit;
100 }
101
102 .resultsTable .PASS a {
103     background-color: #0c3;
104 }
105
106 .resultsTable .TEXT a {
107     background-color: #c33;
108 }
109
110 .resultsTable .IMAGE a {
111     background-color: #fc3;
112 }
113
114 .resultsTable .TEXT.PASS a {
115     background-color: #cf3;
116 }
117
118 .resultsTable .CRASH a {
119     background-color: #f00;
120 }
121
122 .resultsTable .TIMEOUT a {
123     background-color: #000;
124     color: #fff;
125 }
126
127 .candidateWindow {
128     z-index: 999;
129     position: absolute;
130     background: white;
131     color: black;
132     border: 1px solid #ccc;
133     border-radius: 5px;
134     margin: 5px 0 0 0;
135     padding: 5px;
136     font-size: 1em;
137     list-style: none;
138 }
139
140 .candidateWindow em {
141     background-color: #ccc;
142     font-style: normal;
143 }
144
145 .candidateWindow .selected {
146     background-color: #0cf;
147     color: white;
148 }
149
150 #tooltipContainer {
151     position: absolute;
152 }
153
154 .tooltip {
155     position: relative;
156     border-radius: 5px;
157     padding: 5px;
158     opacity: 0.9;
159     background: #333;
160     color: #eee;
161     font-size: small;
162     line-height: 130%;
163 }
164
165 .tooltip:after {
166     position: absolute;
167     width: 0;
168     height: 0;
169     left: 50%;
170     margin-left: -9px;
171     bottom: -19px;
172     content: "";
173     display: block;
174     border-style: solid;
175     border-width: 10px;
176     border-color: #333 transparent transparent transparent;
177 }
178
179 .tooltip ul,
180 .tooltip li {
181     padding: 0;
182     margin: 0;
183     list-style: none;
184 }
185
186 .tooltip a {
187     color: white;
188     text-shadow: none;
189     text-decoration: underline;
190 }