| 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 |