Allow , in the builder name.
[WebKit-https.git] / Websites / test-results / public / 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: 1em 0px;
19     position: relative;
20     display: inline-block;
21 }
22
23 #buildersView {
24     border: 1px solid #ccc;
25     border-radius: 5px;
26     padding: 5px;
27     margin: 2em 0 1em 0;
28 }
29
30 #buildersView .testResults {
31     border: none;
32     margin: 1em 0 0 0;
33     padding: 0;
34 }
35
36 .closeButton {
37     position: absolute;
38     right: 5px;
39     top: 5px;
40     width: 1em;
41     height: 1em;
42     stroke: #999;
43 }
44
45 .resultsTable {
46     font-size: small;
47     border-collapse: collapse;
48     border: 0px solid #fff;
49     padding: 0;
50     margin: 0;
51 }
52
53 .resultsTable caption {
54     font-size: large;
55     font-weight: normal;
56     text-align: left;
57     margin-bottom: 0.3em;
58     white-space: pre;
59 }
60
61 .resultsTable thead th {
62     font-weight: bold;
63 }
64
65 .resultsTable td,
66 .resultsTable th {
67     white-space: pre;
68     border: 0px solid #fff;
69     padding: 0 0.5em;
70     margin: 0;
71 }
72
73 .resultsTable th,
74 .resultsTable .passingRate {
75     text-align: left;
76     font-weight: normal;
77     padding-right: 10px;
78 }
79
80 .resultsTable th {
81     width: 15em;
82 }
83
84 .resultsTable .passingRate {
85     width: 3em;
86 }
87
88 .resultsTable .resultCell {
89     display: inline-block;
90     padding: 0.2em 0.2em;
91     vertical-align: bottom;
92 }
93
94 .resultsTable thead {
95     cursor: pointer;
96 }
97
98 .resultsTable th {
99     background-repeat: no-repeat;
100     background-position: right 10px center;
101 }
102
103 .resultsTable th.headerSortUp {
104     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6'><polygon points='0,0 8,0 4,6' fill='#999'/></svg>");
105 }
106
107 .resultsTable th.headerSortDown {
108     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><polygon points='0,6 8,6 4,0' fill='#999'/></svg>");
109 }
110
111 .resultsTable tbody tr:hover {
112     background-color: #eee;
113 }
114
115 .resultsTable .externalTestLink {
116     margin-left: 0.5em;
117     display: inline-block;
118     width: 12px;
119     height: 12px;
120     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><circle cx='10' cy='8' r='5' fill='transparent' stroke='#999'></circle><polygon points='8,5 13,8 8,11' fill='#999'/></svg>");
121     background-repeat: no-repeat;
122     background-position: right center;
123 }
124
125 .resultsTable a {
126     color: #00f;
127     text-shadow: none;
128 }
129
130 .resultsTable a:visited {
131     color: #006;
132 }
133
134 .resultsTable .resultCell a {
135     display: block;
136     width: 1.5em;
137     height: 2.5em;
138     border-radius: 5px;
139     font-size: 0.7em;
140     text-align: center;
141     line-height: 2.5em;
142     padding: 0.1em;
143     color: inherit;
144     text-decoration: none;
145 }
146
147 .resultsTable .PASS a {
148     background-color: #0c3;
149 }
150
151 .resultsTable .TEXT a {
152     background-color: #c33;
153 }
154
155 .resultsTable .IMAGE a {
156     background-color: #fc3;
157 }
158
159 .resultsTable .AUDIO a {
160     background-color: #3cf;
161 }
162
163 .resultsTable .MISSING a {
164     background-color: #666;
165 }
166
167 .resultsTable .TEXT.PASS a {
168     background-color: #cf3;
169 }
170
171 .resultsTable .CRASH a {
172     background-color: #f00;
173 }
174
175 .resultsTable .TIMEOUT a {
176     background-color: #000;
177     color: #fff;
178 }
179
180 .candidateWindow {
181     z-index: 999;
182     position: absolute;
183     background: white;
184     color: black;
185     border: 1px solid #ccc;
186     border-radius: 5px;
187     margin: 5px 0 0 0;
188     padding: 5px;
189     font-size: 1em;
190     list-style: none;
191 }
192
193 .candidateWindow em {
194     background-color: #ccc;
195     font-style: normal;
196 }
197
198 .candidateWindow .selected {
199     background-color: #0cf;
200     color: white;
201 }
202
203 #tooltipContainer {
204     position: absolute;
205 }
206
207 .tooltip {
208     position: relative;
209     border-radius: 5px;
210     padding: 5px;
211     opacity: 0.9;
212     background: #333;
213     color: #eee;
214     font-size: small;
215     line-height: 130%;
216     white-space: pre;
217 }
218
219 .tooltip:after {
220     position: absolute;
221     width: 0;
222     height: 0;
223     left: 50%;
224     margin-left: -9px;
225     bottom: -19px;
226     content: "";
227     display: block;
228     border-style: solid;
229     border-width: 10px;
230     border-color: #333 transparent transparent transparent;
231 }
232
233 .tooltip ul,
234 .tooltip li {
235     padding: 0;
236     margin: 0;
237     list-style: none;
238 }
239
240 .tooltip a {
241     color: white;
242     text-shadow: none;
243     text-decoration: underline;
244 }