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