Tools/BuildSlaveSupport/build.webkit.org-config/public_html/TestFailures/styles/notifications.css

   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.effects {
  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         visibility: hidden;
  93     }
  94
  95     ol.notifications>li:hover table.failures {
  96         visibility: visible;
  97     }
  98
  99 ol.notifications>li ul.causes>li>ul.actions {
 100 }
 101
 102     ol.notifications>li ul.causes>li>div.description {
 103         padding: 0 10px 5px 0;
 104         display: -webkit-box;
 105     }
 106
 107         ol.notifications>li ul.causes>li>div.description>a {
 108             padding: 5px 10px 5px 10px;
 109             margin: -5px 10px -2px 0;
 110             border-radius: 4px;
 111             display: inline-block;
 112         }
 113
 114         ol.notifications>li ul.causes>li:hover>div.description>a {
 115             background-color: #555;
 116             color: White;
 117         }
 118
 119         ol.notifications>li ul.causes>li:hover>div.description>a::after {
 120             content: '';
 121             width: 0;
 122             height: 0;
 123             margin-top: 5px;
 124             position: absolute;
 125             margin-left: 10px;
 126             border-top: 5px solid White;
 127             border-left: 5px solid #555;
 128             border-bottom: 5px solid White;
 129         }
 130
 131         ol.notifications>li ul.causes>li>div.description>span {
 132             padding: 0 10px 0 0;
 133             display: block;
 134             cursor: default;
 135             pointer-events: none;
 136             -webkit-box-flex: 1;
 137         }
 138
 139         ol.notifications>li ul.causes>li>div.description>span>span.author {
 140             padding: 0 0 0 5px;
 141             font-style: italic;
 142         }
 143
 144         ol.notifications>li ul.causes>li>div.description>span>span.reviewer {
 145             color: Gray;
 146         }
 147
 148         ol.notifications>li ul.causes>li>div.description>span>span.reviewer::before {
 149             content: ' (';
 150         }
 151
 152         ol.notifications>li ul.causes>li>div.description>span>span.reviewer::after {
 153             content: ')';
 154         }
 155
 156     ol.notifications>li ul.causes>li>ul.actions {
 157         visibility: hidden;
 158     }
 159
 160     ol.notifications>li ul.causes>li:hover>ul.actions {
 161         visibility: visible;
 162     }
 163
 164     ol.notifications>li ul.causes>li li {
 165         padding: 10px 0 0 0;
 166         display: inline;
 167     }
 168
 169 ol.notifications table.failures {
 170     border-collapse: collapse;
 171     table-layout: fixed;
 172     font-size: 11px;
 173     width: 350px;
 174 }
 175
 176     ol.notifications table.failures thead tr td:first-child {
 177         visibility: hidden;
 178     }
 179
 180     ol.notifications table.failures tbody tr {
 181         border-top: 1px solid #eee;
 182     }
 183
 184     ol.notifications table.failures tbody td:first-child {
 185         width: 20%;
 186     }
 187
 188     ol.notifications table.failures tbody td {
 189         width: 40%;
 190         padding: 2px;
 191     }
 192
 193     ol.notifications table.failures tbody tr td:first-child {
 194         vertical-align: top;
 195     }
 196
 197     ol.notifications table.failures tbody tr td:first-child span {
 198         padding: 0 2px;
 199     }
 200
 201     ol.notifications table.failures tbody tr.TIMEOUT td:first-child span {
 202         background-color: #fffc6c;
 203     }
 204
 205     ol.notifications table.failures tbody tr.TEXT td:first-child span {
 206         background-color: #e98080;
 207     }
 208
 209     ol.notifications table.failures tbody tr.CRASH td:first-child span {
 210         background-color: #ffc343;
 211     }
 212
 213     ol.notifications table.failures tbody tr.AUDIO td:first-child span {
 214         background-color: #bfdfff;
 215     }
 216
 217     ol.notifications table.failures tbody tr.IMAGE td:first-child span {
 218         background-color: #69f;
 219     }
 220
 221     ol.notifications table.failures tbody tr.IMAGE\+TEXT td:first-child span {
 222         background-color: #96f;
 223     }