OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | |
3 * | |
4 * Redistribution and use in source and binary forms, with or without | |
5 * modification, are permitted provided that the following conditions | |
6 * are met: | |
7 * 1. Redistributions of source code must retain the above copyright | |
8 * notice, this list of conditions and the following disclaimer. | |
9 * 2. Redistributions in binary form must reproduce the above copyright | |
10 * notice, this list of conditions and the following disclaimer in the | |
11 * documentation and/or other materials provided with the distribution. | |
12 * | |
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' | |
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, | |
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS | |
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF | |
23 * THE POSSIBILITY OF SUCH DAMAGE. | |
24 */ | |
25 | |
26 body { | |
27 font-family: Tahoma, sans-serif; | |
28 font-size: 11px; | |
29 margin: 0; | |
30 padding: 0; | |
31 } | |
32 | |
33 a { | |
34 color: Black; | |
35 } | |
36 | |
37 table { | |
38 table-layout: fixed; | |
39 width: 100%; | |
40 border-collapse: collapse; | |
41 } | |
42 | |
43 td, th { | |
44 overflow: hidden; | |
45 vertical-align: top; | |
46 /* border-right: 1px solid #c6c6c6; */ | |
47 } | |
48 | |
49 td:last-of-type, th:last-of-type { | |
50 /* border-right: 0px; */ | |
51 } | |
52 | |
53 th { | |
54 /* border-bottom: 1px solid #c6c6c6; */ | |
55 } | |
56 | |
57 button { | |
58 border-radius: 2px; | |
59 background-image: linear-gradient(#f5f5f5, #f1f1f1); | |
60 border: 1px solid rgba(0, 0, 0, 0.1); | |
61 border-radius: 2px; | |
62 color: #666; | |
63 cursor: pointer; | |
64 font-size: 11px; | |
65 font-weight: bold; | |
66 height: 29px; | |
67 line-height: 27px; | |
68 margin: 11px 6px; | |
69 min-width: 54px; | |
70 padding: 0 8px; | |
71 text-align: center | |
72 } | |
73 | |
74 button.next { | |
75 margin-left: 0px; | |
76 } | |
77 | |
78 button.previous { | |
79 margin-right: 0px; | |
80 } | |
81 | |
82 button[disabled] { | |
83 visibility: hidden; | |
84 } | |
85 | |
86 /* FIXME: This hover effect can't work on mobile. */ | |
87 button:hover { | |
88 background-image: linear-gradient(#f8f8f8, #f1f1f1); | |
89 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
90 background-color: #f8f8f8; | |
91 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | |
92 border: 1px solid #c6c6c6; | |
93 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
94 color: #333 | |
95 } | |
96 | |
97 button:focus { | |
98 border: 1px solid #4d90fe; | |
99 outline: none | |
100 } | |
101 | |
102 button.default { | |
103 border: 1px solid #3079ED; | |
104 color: white; | |
105 background-image: linear-gradient(#4d90fe, #4787ed); | |
106 } | |
107 | |
108 /* FIXME: This hover effect can't work on mobile. */ | |
109 button.default:hover { | |
110 border: 1px solid #2f5bb7; | |
111 color: white; | |
112 background-color: #357ae8; | |
113 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); | |
114 } | |
115 | |
116 .clear { | |
117 clear: both; | |
118 } | |
119 | |
120 /*** butterbar ***/ | |
121 | |
122 .butterbar { | |
123 background-color: #f5f5f5; | |
124 padding: 5px; | |
125 position: fixed; | |
126 top: 0px; | |
127 right: 0px; | |
128 } | |
129 | |
130 .butterbar .hide { | |
131 margin-left: 20px; | |
132 } | |
133 | |
134 /*** infobar ***/ | |
135 | |
136 .infobar { | |
137 display: none; | |
138 background-color: Cornsilk; | |
139 border: 5px solid Tomato; | |
140 padding: 10px; | |
141 margin: 5px auto; | |
142 font-size: 15px; | |
143 width: 100%; | |
144 text-align: center; | |
145 } | |
146 | |
147 .infobar .status a { | |
148 font-weight: normal; | |
149 } | |
150 | |
151 .infobar .status ul { | |
152 margin: 0; | |
153 padding: 0; | |
154 list-style: none; | |
155 display: inline-block; | |
156 padding: 0 0 0 10px; | |
157 } | |
158 | |
159 .infobar .status li { | |
160 display: inline-block; | |
161 margin: 0px 5px; | |
162 } | |
163 | |
164 /*** recent-history ***/ | |
165 | |
166 .recent-history { | |
167 } | |
168 | |
169 .recent-history .builder { | |
170 width: 5px; | |
171 border-right: 1px solid #f5f5f5; | |
172 } | |
173 | |
174 .recent-history .built { | |
175 background-color: #c6c6c6; | |
176 } | |
177 | |
178 .recent-history td[data-failure-types] { | |
179 background-color: Black; | |
180 } | |
181 | |
182 .changelog .result { | |
183 padding: 4px 0px; | |
184 border-top: 2px solid white; | |
185 border-bottom: 2px solid white; | |
186 } | |
187 | |
188 .changelog .test { | |
189 padding-left: 3px; | |
190 } | |
191 | |
192 .changelog .entry { | |
193 padding: 4px 0px 4px 3px; | |
194 } | |
195 | |
196 .changelog .reverted { | |
197 text-decoration: line-through; | |
198 } | |
199 | |
200 .changelog .possible-regression { | |
201 background-color: PapayaWhip; | |
202 } | |
203 | |
204 .changelog .details, .changelog .details a { | |
205 color: #555; | |
206 } | |
207 | |
208 .changelog .summary { | |
209 color: Black; | |
210 } | |
211 | |
212 .changelog .author { | |
213 font-style: italic; | |
214 } | |
215 | |
216 .test-name.IMAGE\+TEXT::after { | |
217 content: 'IMAGE+TEXT'; | |
218 font-weight: normal; | |
219 text-decoration: none; | |
220 color: white; | |
221 background-color: Indigo; | |
222 font-size: 10px; | |
223 padding: 1px 2px; | |
224 margin: 0 0 0 3px; | |
225 border-radius: 4px; | |
226 } | |
227 | |
228 .test-name.IMAGE::after { | |
229 content: 'IMAGE'; | |
230 font-weight: normal; | |
231 text-decoration: none; | |
232 color: white; | |
233 background-color: MidnightBlue; | |
234 font-size: 10px; | |
235 padding: 1px 2px; | |
236 margin: 0 0 0 3px; | |
237 border-radius: 4px; | |
238 } | |
239 | |
240 .test-name.TIMEOUT::after { | |
241 content: 'TIMEOUT'; | |
242 font-weight: normal; | |
243 text-decoration: none; | |
244 color: white; | |
245 background-color: DarkGoldenRod; | |
246 font-size: 10px; | |
247 padding: 1px 2px; | |
248 margin: 0 0 0 3px; | |
249 border-radius: 4px; | |
250 } | |
251 | |
252 .test-name.TEXT::after { | |
253 content: 'TEXT'; | |
254 font-weight: normal; | |
255 text-decoration: none; | |
256 color: white; | |
257 background-color: DodgerBlue; | |
258 font-size: 10px; | |
259 padding: 1px 2px; | |
260 margin: 0 0 0 3px; | |
261 border-radius: 4px; | |
262 } | |
263 | |
264 .test-name.CRASH::after { | |
265 content: 'CRASH'; | |
266 font-weight: normal; | |
267 text-decoration: none; | |
268 color: white; | |
269 background-color: Tomato; | |
270 font-size: 10px; | |
271 padding: 1px 2px; | |
272 margin: 0 0 0 3px; | |
273 border-radius: 4px; | |
274 } | |
275 | |
276 /*** results-view ***/ | |
277 | |
278 /* FIXME: Remove this once garden-o-matic switches to the new results view. */ | |
279 .old-results-view { | |
280 display: none; | |
281 position: fixed; | |
282 left: 0px; | |
283 right: 0px; | |
284 top: 25%; | |
285 bottom: 0px; | |
286 } | |
287 | |
288 .results-view { | |
289 background-color: #f5f5f5; | |
290 } | |
291 | |
292 .results-view .toolbar { | |
293 border-top: 1px solid #c6c6c6; | |
294 border-bottom: 1px solid #c6c6c6; | |
295 } | |
296 | |
297 .results-view .toolbar .selector { | |
298 font-size: 11px; | |
299 font-weight: bold; | |
300 height: 29px; | |
301 line-height: 27px; | |
302 margin: 11px 6px; | |
303 padding: 0 8px; | |
304 } | |
305 | |
306 .results-view .test-selector { | |
307 width: 400px; | |
308 margin-right: 6px; | |
309 } | |
310 | |
311 .results-view .toolbar .actions { | |
312 float: right; | |
313 } | |
314 | |
315 .results-detail td { | |
316 background-color: white; | |
317 } | |
318 | |
319 /*** partytime ***/ | |
320 | |
321 .partytime { | |
322 display: none; | |
323 text-align: center; | |
324 } | |
OLD | NEW |