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/* FIXME: This should really be in actions.css. */
27ul.actions>li {
28    display: inline-block;
29}
30
31ol.notifications {
32    list-style: none;
33    padding: 0;
34    margin: 0;
35}
36
37ol.notifications ul {
38    list-style: none;
39    padding: 0;
40}
41
42ol.notifications>li {
43    display: -webkit-box;
44    position: relative;
45    width: 100%;
46    padding: 10px;
47    box-sizing: border-box;
48    border-top: 1px solid Gray;
49}
50
51ol.notifications div.how {
52    width: 350px;
53}
54
55ol.notifications time {
56    display: block;
57    color: #888;
58    padding: 0 0 20px 0;
59}
60
61ol.notifications div.what {
62    display: -webkit-box;
63    -webkit-box-orient: vertical;
64    padding: 0 0 0 10px;
65    -webkit-box-flex: 1;
66}
67
68    ol.notifications>li div.what ul.effects>li.builder {
69        display: inline;
70        padding-right: 5px;
71    }
72
73ol.notifications ul.causes>li, ol.notifications div.problem {
74    display: -webkit-box;
75}
76
77ol.notifications ul.causes div.description, ol.notifications div.problem ul.effects {
78    -webkit-box-flex: 1;
79}
80
81ol.notifications>li div.problem {
82    padding-bottom: 10px;
83}
84
85    ol.notifications>li div.problem>ul.actions {
86        visibility: hidden;
87    }
88
89    ol.notifications>li:hover div.problem>ul.actions {
90        visibility: visible;
91    }
92
93    ol.notifications>li table.failures {
94        opacity: 0.2;
95        -webkit-transition: opacity 0.5s;
96    }
97
98    ol.notifications>li:hover table.failures {
99        opacity: 1;
100    }
101
102ol.notifications>li ul.causes>li>ul.actions {
103}
104
105    ol.notifications>li ul.causes>li>div.description {
106        padding: 0 10px 5px 0;
107        display: -webkit-box;
108    }
109
110        ol.notifications>li ul.causes>li>div.description>a {
111            padding: 5px 10px 5px 10px;
112            margin: -5px 10px -2px 0;
113            border-radius: 4px;
114            display: inline-block;
115        }
116
117        ol.notifications>li ul.causes>li:hover>div.description>a {
118            background-color: #555;
119            color: White;
120        }
121
122        ol.notifications>li ul.causes>li:hover>div.description>a::after {
123            content: '';
124            width: 0;
125            height: 0;
126            margin-top: 5px;
127            position: absolute;
128            margin-left: 10px;
129            border-top: 5px solid White;
130            border-left: 5px solid #555;
131            border-bottom: 5px solid White;
132        }
133
134        ol.notifications>li ul.causes>li>div.description>span {
135            padding: 0 10px 0 0;
136            display: block;
137            cursor: default;
138            pointer-events: none;
139            -webkit-box-flex: 1;
140        }
141
142        ol.notifications>li ul.causes>li>div.description>span>span.author {
143            padding: 0 0 0 5px;
144            font-style: italic;
145        }
146
147        ol.notifications>li ul.causes>li>div.description>span>span.reviewer {
148            color: Gray;
149        }
150
151        ol.notifications>li ul.causes>li>div.description>span>span.bugID::before {
152            content: 'bug ';
153            padding-left: 8px;
154        }
155
156        ol.notifications>li ul.causes>li>div.description>span>span.bugID>a {
157            cursor: hand;
158            pointer-events: auto;
159        }
160
161        ol.notifications>li ul.causes>li>div.description>span>span.reviewer::before {
162            content: ' (';
163        }
164
165        ol.notifications>li ul.causes>li>div.description>span>span.reviewer::after {
166            content: ')';
167        }
168
169    ol.notifications>li ul.causes>li>ul.actions {
170        visibility: hidden;
171    }
172
173    ol.notifications>li ul.causes>li:hover>ul.actions {
174        visibility: visible;
175    }
176
177    ol.notifications>li ul.causes>li li {
178        padding: 10px 0 0 0;
179        display: inline;
180    }
181
182ol.notifications table.failures {
183    border-collapse: collapse;
184    table-layout: fixed;
185    font-size: 11px;
186    width: 350px;
187}
188
189    ol.notifications table.failures thead tr td:first-child {
190        visibility: hidden;
191    }
192
193    ol.notifications table.failures tbody tr {
194        border-top: 1px solid #eee;
195    }
196
197    ol.notifications table.failures tbody td:first-child {
198        width: 20%;
199    }
200
201    ol.notifications table.failures tbody td {
202        width: 40%;
203        padding: 2px;
204    }
205
206    ol.notifications table.failures tbody tr td:first-child {
207        vertical-align: top;
208    }
209
210    ol.notifications table.failures tbody tr td:first-child span {
211        padding: 0 2px;
212    }
213
214    ol.notifications table.failures tbody tr.TIMEOUT td:first-child span {
215        background-color: #fffc6c;
216    }
217
218    ol.notifications table.failures tbody tr.TEXT td:first-child span {
219        background-color: #e98080;
220    }
221
222    ol.notifications table.failures tbody tr.CRASH td:first-child span {
223        background-color: #ffc343;
224    }
225
226    ol.notifications table.failures tbody tr.AUDIO td:first-child span {
227        background-color: #bfdfff;
228    }
229
230    ol.notifications table.failures tbody tr.IMAGE td:first-child span {
231        background-color: #69f;
232    }
233
234    ol.notifications table.failures tbody tr.IMAGE\+TEXT td:first-child span {
235        background-color: #96f;
236    }
237