Home | History | Annotate | Download | only in styles 
      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     position: relative;
     44     width: 100%;
     45     padding: 10px;
     46     box-sizing: border-box;
     47     border-top: 1px solid Gray;
     48 }
     49 
     50 ol.notifications div.how {
     51     width: 350px;
     52 }
     53 
     54 ol.notifications time {
     55     display: block;
     56     color: #888;
     57     padding: 0 0 20px 0;
     58 }
     59 
     60 ol.notifications div.what {
     61     display: -webkit-box;
     62     -webkit-box-orient: vertical;
     63     padding: 0 0 0 10px;
     64     -webkit-box-flex: 1;
     65 }
     66 
     67     ol.notifications>li div.what ul.effects>li.builder {
     68         display: inline;
     69         padding-left: 5px;
     70     }
     71 
     72 ol.notifications ul.causes>li, ol.notifications div.problem {
     73     display: -webkit-box;
     74 }
     75 
     76 ol.notifications ul.causes div.description, ol.notifications div.problem ul.effects {
     77     -webkit-box-flex: 1;
     78 }
     79 
     80 ol.notifications>li div.problem {
     81     padding-bottom: 10px;
     82 }
     83 
     84     ol.notifications>li div.problem>ul.actions {
     85         visibility: hidden;
     86     }
     87 
     88     ol.notifications>li:hover div.problem>ul.actions {
     89         visibility: visible;
     90     }
     91 
     92     ol.notifications>li table.failures {
     93         opacity: 0.2;
     94         -webkit-transition: opacity 0.5s;
     95     }
     96 
     97     ol.notifications>li:hover table.failures {
     98         opacity: 1;
     99     }
    100 
    101 ol.notifications>li ul.causes>li>ul.actions {
    102 }
    103 
    104     ol.notifications>li ul.causes>li>div.description {
    105         padding: 0 10px 5px 0;
    106         display: -webkit-box;
    107     }
    108 
    109         ol.notifications>li ul.causes>li>div.description>a {
    110             padding: 5px 10px 5px 10px;
    111             margin: -5px 10px -2px 0;
    112             border-radius: 4px;
    113             display: inline-block;
    114         }
    115 
    116         ol.notifications>li ul.causes>li:hover>div.description>a {
    117             background-color: #555;
    118             color: White;
    119         }
    120 
    121         ol.notifications>li ul.causes>li:hover>div.description>a::after {
    122             content: '';
    123             width: 0;
    124             height: 0;
    125             margin-top: 5px;
    126             position: absolute;
    127             margin-left: 10px;
    128             border-top: 5px solid White;
    129             border-left: 5px solid #555;
    130             border-bottom: 5px solid White;
    131         }
    132 
    133         ol.notifications>li ul.causes>li>div.description>span {
    134             padding: 0 10px 0 0;
    135             display: block;
    136             cursor: default;
    137             pointer-events: none;
    138             -webkit-box-flex: 1;
    139         }
    140 
    141         ol.notifications>li ul.causes>li>div.description>span>span.author {
    142             padding: 0 0 0 5px;
    143             font-style: italic;
    144         }
    145 
    146         ol.notifications>li ul.causes>li>div.description>span>span.reviewer {
    147             color: Gray;
    148         }
    149 
    150         ol.notifications>li ul.causes>li>div.description>span>span.bugID::before {
    151             content: 'bug ';
    152             padding-left: 8px;
    153         }
    154 
    155         ol.notifications>li ul.causes>li>div.description>span>span.bugID>a {
    156             cursor: hand;
    157             pointer-events: auto;
    158         }
    159 
    160         ol.notifications>li ul.causes>li>div.description>span>span.reviewer::before {
    161             content: ' (';
    162         }
    163 
    164         ol.notifications>li ul.causes>li>div.description>span>span.reviewer::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     }
    236