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