code.vuplus.com Git - vuplus_webkit/blob - Tools/BuildSlaveSupport/build.webkit.org-config/public_html/TestFailures/styles/main.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 body {
  27     font-family: Tahoma, sans-serif;
  28     font-size: 11px;
  29     margin: 0;
  30     padding: 0;
  31 }
  32
  33 a {
  34     color: Black;
  35 }
  36
  37 table {
  38     table-layout: fixed;
  39     width: 100%;
  40     border-collapse: collapse;
  41 }
  42
  43 td, th {
  44     overflow: hidden;
  45     vertical-align: top;
  46     /* border-right: 1px solid #c6c6c6; */
  47 }
  48
  49 td:last-of-type, th:last-of-type {
  50     /* border-right: 0px; */
  51 }
  52
  53 th {
  54     /* border-bottom: 1px solid #c6c6c6; */
  55 }
  56
  57 button {
  58     border-radius: 2px;
  59     background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  60     border: 1px solid rgba(0, 0, 0, 0.1);
  61     border-radius: 2px;
  62     color: #666;
  63     cursor: pointer;
  64     font-size: 11px;
  65     font-weight: bold;
  66     height: 29px;
  67     line-height: 27px;
  68     margin: 11px 6px;
  69     min-width: 54px;
  70     padding: 0 8px;
  71     text-align: center
  72 }
  73
  74 button.next {
  75     margin-left: 0px;
  76 }
  77
  78 button.previous {
  79     margin-right: 0px;
  80 }
  81
  82 button[disabled] {
  83     visibility: hidden;
  84 }
  85
  86 button:hover {
  87     background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  88     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  89     background-color: #f8f8f8;
  90     background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  91     border: 1px solid #c6c6c6;
  92     box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  93     color: #333
  94 }
  95
  96 button:focus {
  97     border: 1px solid #4d90fe;
  98     outline: none
  99 }
 100
 101 button.default {
 102     border: 1px solid #3079ED;
 103     color: white;
 104     background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
 105 }
 106
 107 button.default:hover {
 108     border: 1px solid #2f5bb7;
 109     color: white;
 110     background-color: #357ae8;
 111     background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
 112 }
 113
 114 .clear {
 115     clear: both;
 116 }
 117
 118 /*** butterbar ***/
 119
 120 .butterbar {
 121     background-color: #f5f5f5;
 122     padding: 5px;
 123     position: fixed;
 124     top: 0px;
 125     right: 0px;
 126 }
 127
 128 .butterbar .hide {
 129     margin-left: 20px;
 130 }
 131
 132 /*** infobar ***/
 133
 134 .infobar {
 135     display: none;
 136     background-color: Cornsilk;
 137     border: 5px solid Tomato;
 138     padding: 10px;
 139     margin: 5px auto;
 140     font-size: 15px;
 141     width: 100%;
 142     text-align: center;
 143 }
 144
 145 .infobar .status a {
 146     font-weight: normal;
 147 }
 148
 149 .infobar .status ul {
 150     margin: 0;
 151     padding: 0;
 152     list-style: none;
 153     display: inline-block;
 154     padding: 0 0 0 10px;
 155 }
 156
 157 .infobar .status li {
 158     display: inline-block;
 159     margin: 0px 5px;
 160 }
 161
 162 /*** recent-history ***/
 163
 164 .recent-history {
 165 }
 166
 167 .recent-history .builder {
 168     width: 5px;
 169     border-right: 1px solid #f5f5f5;
 170 }
 171
 172 .recent-history .built {
 173     background-color: #c6c6c6;
 174 }
 175
 176 .recent-history td[data-failure-types] {
 177     background-color: Black;
 178 }
 179
 180 .changelog .result {
 181     padding: 4px 0px;
 182     border-top: 2px solid white;
 183     border-bottom: 2px solid white;
 184 }
 185
 186 .changelog .test {
 187     padding-left: 3px;
 188 }
 189
 190 .changelog .entry {
 191     padding: 4px 0px 4px 3px;
 192 }
 193
 194 .changelog .reverted {
 195     text-decoration: line-through;
 196 }
 197
 198 .changelog .possible-regression {
 199     background-color: PapayaWhip;
 200 }
 201
 202 .changelog .details, .changelog .details a {
 203     color: #555;
 204 }
 205
 206 .changelog .summary {
 207     color: Black;
 208 }
 209
 210 .changelog .author {
 211     font-style: italic;
 212 }
 213
 214 .test-name.IMAGE\+TEXT::after {
 215     content: 'IMAGE+TEXT';
 216     font-weight: normal;
 217     text-decoration: none;
 218     color: white;
 219     background-color: Indigo;
 220     font-size: 10px;
 221     padding: 1px 2px;
 222     margin: 0 0 0 3px;
 223     border-radius: 4px;
 224 }
 225
 226 .test-name.IMAGE::after {
 227     content: 'IMAGE';
 228     font-weight: normal;
 229     text-decoration: none;
 230     color: white;
 231     background-color: MidnightBlue;
 232     font-size: 10px;
 233     padding: 1px 2px;
 234     margin: 0 0 0 3px;
 235     border-radius: 4px;
 236 }
 237
 238 .test-name.TIMEOUT::after {
 239     content: 'TIMEOUT';
 240     font-weight: normal;
 241     text-decoration: none;
 242     color: white;
 243     background-color: DarkGoldenRod;
 244     font-size: 10px;
 245     padding: 1px 2px;
 246     margin: 0 0 0 3px;
 247     border-radius: 4px;
 248 }
 249
 250 .test-name.TEXT::after {
 251     content: 'TEXT';
 252     font-weight: normal;
 253     text-decoration: none;
 254     color: white;
 255     background-color: DodgerBlue;
 256     font-size: 10px;
 257     padding: 1px 2px;
 258     margin: 0 0 0 3px;
 259     border-radius: 4px;
 260 }
 261
 262 .test-name.CRASH::after {
 263     content: 'CRASH';
 264     font-weight: normal;
 265     text-decoration: none;
 266     color: white;
 267     background-color: Tomato;
 268     font-size: 10px;
 269     padding: 1px 2px;
 270     margin: 0 0 0 3px;
 271     border-radius: 4px;
 272 }
 273
 274 /*** results-view ***/
 275
 276 /* FIXME: Remove this once garden-o-matic switches to the new results view. */
 277 .old-results-view {
 278     display: none;
 279     position: fixed;
 280     left: 0px;
 281     right: 0px;
 282     top: 25%;
 283     bottom: 0px;
 284 }
 285
 286 .results-view {
 287     background-color: #f5f5f5;
 288 }
 289
 290 .results-view .toolbar {
 291     border-top: 1px solid #c6c6c6;
 292     border-bottom: 1px solid #c6c6c6;
 293 }
 294
 295 .results-view .toolbar .selector {
 296     font-size: 11px;
 297     font-weight: bold;
 298     height: 29px;
 299     line-height: 27px;
 300     margin: 11px 6px;
 301     padding: 0 8px;
 302 }
 303
 304 .results-view .test-selector {
 305     width: 400px;
 306     margin-right: 6px;
 307 }
 308
 309 .results-view .toolbar .actions {
 310     float: right;
 311 }
 312
 313 .results-detail td {
 314     background-color: white;
 315 }
 316
 317 .text-result {
 318     border: none;
 319     width: 100%;
 320     height: 400px; /* FIXME: How do we get a reasonable height here? */
 321 }
 322
 323 .image-result {
 324     width: 100%;
 325     height: auto;
 326 }
 327
 328 /*** partytime ***/
 329
 330 .partytime {
 331     display: none;
 332     text-align: center;
 333 }