src/third_party/WebKit/Tools/GardeningServer/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: linear-gradient(#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 /* FIXME: This hover effect can't work on mobile. */
  87 button:hover {
  88     background-image: linear-gradient(#f8f8f8, #f1f1f1);
  89     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  90     background-color: #f8f8f8;
  91     background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  92     border: 1px solid #c6c6c6;
  93     box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  94     color: #333
  95 }
  96
  97 button:focus {
  98     border: 1px solid #4d90fe;
  99     outline: none
 100 }
 101
 102 button.default {
 103     border: 1px solid #3079ED;
 104     color: white;
 105     background-image: linear-gradient(#4d90fe, #4787ed);
 106 }
 107
 108 /* FIXME: This hover effect can't work on mobile. */
 109 button.default:hover {
 110     border: 1px solid #2f5bb7;
 111     color: white;
 112     background-color: #357ae8;
 113     background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
 114 }
 115
 116 .clear {
 117     clear: both;
 118 }
 119
 120 /*** butterbar ***/
 121
 122 .butterbar {
 123     background-color: #f5f5f5;
 124     padding: 5px;
 125     position: fixed;
 126     top: 0px;
 127     right: 0px;
 128 }
 129
 130 .butterbar .hide {
 131     margin-left: 20px;
 132 }
 133
 134 /*** infobar ***/
 135
 136 .infobar {
 137     display: none;
 138     background-color: Cornsilk;
 139     border: 5px solid Tomato;
 140     padding: 10px;
 141     margin: 5px auto;
 142     font-size: 15px;
 143     width: 100%;
 144     text-align: center;
 145 }
 146
 147 .infobar .status a {
 148     font-weight: normal;
 149 }
 150
 151 .infobar .status ul {
 152     margin: 0;
 153     padding: 0;
 154     list-style: none;
 155     display: inline-block;
 156     padding: 0 0 0 10px;
 157 }
 158
 159 .infobar .status li {
 160     display: inline-block;
 161     margin: 0px 5px;
 162 }
 163
 164 /*** recent-history ***/
 165
 166 .recent-history {
 167 }
 168
 169 .recent-history .builder {
 170     width: 5px;
 171     border-right: 1px solid #f5f5f5;
 172 }
 173
 174 .recent-history .built {
 175     background-color: #c6c6c6;
 176 }
 177
 178 .recent-history td[data-failure-types] {
 179     background-color: Black;
 180 }
 181
 182 .changelog .result {
 183     padding: 4px 0px;
 184     border-top: 2px solid white;
 185     border-bottom: 2px solid white;
 186 }
 187
 188 .changelog .test {
 189     padding-left: 3px;
 190 }
 191
 192 .changelog .entry {
 193     padding: 4px 0px 4px 3px;
 194 }
 195
 196 .changelog .reverted {
 197     text-decoration: line-through;
 198 }
 199
 200 .changelog .possible-regression {
 201     background-color: PapayaWhip;
 202 }
 203
 204 .changelog .details, .changelog .details a {
 205     color: #555;
 206 }
 207
 208 .changelog .summary {
 209     color: Black;
 210 }
 211
 212 .changelog .author {
 213     font-style: italic;
 214 }
 215
 216 .test-name.IMAGE\+TEXT::after {
 217     content: 'IMAGE+TEXT';
 218     font-weight: normal;
 219     text-decoration: none;
 220     color: white;
 221     background-color: Indigo;
 222     font-size: 10px;
 223     padding: 1px 2px;
 224     margin: 0 0 0 3px;
 225     border-radius: 4px;
 226 }
 227
 228 .test-name.IMAGE::after {
 229     content: 'IMAGE';
 230     font-weight: normal;
 231     text-decoration: none;
 232     color: white;
 233     background-color: MidnightBlue;
 234     font-size: 10px;
 235     padding: 1px 2px;
 236     margin: 0 0 0 3px;
 237     border-radius: 4px;
 238 }
 239
 240 .test-name.TIMEOUT::after {
 241     content: 'TIMEOUT';
 242     font-weight: normal;
 243     text-decoration: none;
 244     color: white;
 245     background-color: DarkGoldenRod;
 246     font-size: 10px;
 247     padding: 1px 2px;
 248     margin: 0 0 0 3px;
 249     border-radius: 4px;
 250 }
 251
 252 .test-name.TEXT::after {
 253     content: 'TEXT';
 254     font-weight: normal;
 255     text-decoration: none;
 256     color: white;
 257     background-color: DodgerBlue;
 258     font-size: 10px;
 259     padding: 1px 2px;
 260     margin: 0 0 0 3px;
 261     border-radius: 4px;
 262 }
 263
 264 .test-name.CRASH::after {
 265     content: 'CRASH';
 266     font-weight: normal;
 267     text-decoration: none;
 268     color: white;
 269     background-color: Tomato;
 270     font-size: 10px;
 271     padding: 1px 2px;
 272     margin: 0 0 0 3px;
 273     border-radius: 4px;
 274 }
 275
 276 /*** results-view ***/
 277
 278 /* FIXME: Remove this once garden-o-matic switches to the new results view. */
 279 .old-results-view {
 280     display: none;
 281     position: fixed;
 282     left: 0px;
 283     right: 0px;
 284     top: 25%;
 285     bottom: 0px;
 286 }
 287
 288 .results-view {
 289     background-color: #f5f5f5;
 290 }
 291
 292 .results-view .toolbar {
 293     border-top: 1px solid #c6c6c6;
 294     border-bottom: 1px solid #c6c6c6;
 295 }
 296
 297 .results-view .toolbar .selector {
 298     font-size: 11px;
 299     font-weight: bold;
 300     height: 29px;
 301     line-height: 27px;
 302     margin: 11px 6px;
 303     padding: 0 8px;
 304 }
 305
 306 .results-view .test-selector {
 307     width: 400px;
 308     margin-right: 6px;
 309 }
 310
 311 .results-view .toolbar .actions {
 312     float: right;
 313 }
 314
 315 .results-detail td {
 316     background-color: white;
 317 }
 318
 319 .text-result {
 320     border: none;
 321     width: 100%;
 322     height: 400px; /* FIXME: How do we get a reasonable height here? */
 323 }
 324
 325 .image-result {
 326     width: 100%;
 327     height: auto;
 328 }
 329
 330 /*** partytime ***/
 331
 332 .partytime {
 333     display: none;
 334     text-align: center;
 335 }