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