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