| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright 2014 The Chromium Authors. All rights reserved. | |
| 3 * Use of this source code is governed by a BSD-style license that can be | |
| 4 * found in the LICENSE file. | |
| 5 * */ | |
| 6 | |
| 7 body { | |
| 8 margin-bottom:50px; | |
| 9 } | |
| 10 | |
| 11 body, td { | |
| 12 font-family: Verdana, Cursor; | |
| 13 font-size: 10px; | |
| 14 font-weight: bold; | |
| 15 } | |
| 16 | |
| 17 a:link,a:visited,a:active { | |
| 18 color: #444; | |
| 19 } | |
| 20 | |
| 21 a:hover { | |
| 22 color: #000000; | |
| 23 } | |
| 24 | |
| 25 table { | |
| 26 border-spacing: 1px 1px; | |
| 27 } | |
| 28 | |
| 29 table td { | |
| 30 padding: 3px 0px 3px 0px; | |
| 31 text-align: center; | |
| 32 } | |
| 33 | |
| 34 .closerbox { | |
| 35 border: 1px solid #aaa; | |
| 36 background-color: #eef; | |
| 37 border-radius: 8px; | |
| 38 -webkit-border-radius: 8px; | |
| 39 -moz-border-radius: 8px; | |
| 40 } | |
| 41 | |
| 42 .closerbox table { | |
| 43 padding: 0 4px; | |
| 44 } | |
| 45 | |
| 46 .closerbox .title { | |
| 47 background-color: #ccc; | |
| 48 border-top-left-radius: 8px; | |
| 49 -webkit-border-top-left-radius: 8px; | |
| 50 -moz-border-top-left-radius: 8px; | |
| 51 border-top-right-radius: 8px; | |
| 52 -webkit-border-top-right-radius: 8px; | |
| 53 -moz-border-top-right-radius: 8px; | |
| 54 padding: 0 0 2px; | |
| 55 } | |
| 56 | |
| 57 .Project { | |
| 58 width: 100px; | |
| 59 } | |
| 60 | |
| 61 .LastBuild, .Activity { | |
| 62 padding: 0 0 0 4px; | |
| 63 } | |
| 64 | |
| 65 .LastBuild, .Activity, .Builder, .BuildStep { | |
| 66 width: 155px; | |
| 67 max-width: 155px; | |
| 68 } | |
| 69 | |
| 70 /* Chromium Specific styles */ | |
| 71 div.BuildResultInfo { | |
| 72 color: #444; | |
| 73 } | |
| 74 | |
| 75 div.Announcement { | |
| 76 margin-bottom: 1em; | |
| 77 } | |
| 78 | |
| 79 div.Announcement > a:hover { | |
| 80 color: black; | |
| 81 } | |
| 82 | |
| 83 div.Announcement > div.Notice { | |
| 84 background-color: #afdaff; | |
| 85 padding: 0.5em; | |
| 86 font-size: 16px; | |
| 87 text-align: center; | |
| 88 } | |
| 89 | |
| 90 div.Announcement > div.Open { | |
| 91 border: 3px solid #8fdf5f; | |
| 92 padding: 0.5em; | |
| 93 font-size: 16px; | |
| 94 text-align: center; | |
| 95 } | |
| 96 | |
| 97 div.Announcement > div.Closed { | |
| 98 border: 5px solid #e98080; | |
| 99 padding: 0.5em; | |
| 100 font-size: 24px; | |
| 101 font-weight: bold; | |
| 102 text-align: center; | |
| 103 } | |
| 104 | |
| 105 td.Time { | |
| 106 color: #000; | |
| 107 border-bottom: 1px solid #aaa; | |
| 108 background-color: #eee; | |
| 109 } | |
| 110 | |
| 111 td.Activity, td.Change, td.Builder { | |
| 112 color: #333333; | |
| 113 background-color: #CCCCCC; | |
| 114 } | |
| 115 | |
| 116 td.Change.webkit { | |
| 117 color: #444; | |
| 118 background: #ddd; | |
| 119 } | |
| 120 | |
| 121 td.Change.chromium { | |
| 122 background: #ccc; | |
| 123 } | |
| 124 | |
| 125 td.Change { | |
| 126 border-radius: 5px; | |
| 127 -webkit-border-radius: 5px; | |
| 128 -moz-border-radius: 5px; | |
| 129 } | |
| 130 td.Event { | |
| 131 color: #777; | |
| 132 background-color: #ddd; | |
| 133 border-radius: 5px; | |
| 134 -webkit-border-radius: 5px; | |
| 135 -moz-border-radius: 5px; | |
| 136 } | |
| 137 | |
| 138 td.Activity { | |
| 139 border-top-left-radius: 10px; | |
| 140 -webkit-border-top-left-radius: 10px; | |
| 141 -moz-border-radius-topleft: 10px; | |
| 142 min-height: 20px; | |
| 143 padding: 2px 0 2px 0; | |
| 144 } | |
| 145 | |
| 146 td.idle, td.waiting, td.offline, td.building { | |
| 147 border-top-left-radius: 0px; | |
| 148 -webkit-border-top-left-radius: 0px; | |
| 149 -moz-border-radius-topleft: 0px; | |
| 150 } | |
| 151 | |
| 152 .LastBuild { | |
| 153 border-top-left-radius: 5px; | |
| 154 -webkit-border-top-left-radius: 5px; | |
| 155 -moz-border-radius-topleft: 5px; | |
| 156 border-top-right-radius: 5px; | |
| 157 -webkit-border-top-right-radius: 5px; | |
| 158 -moz-border-radius-topright: 5px; | |
| 159 } | |
| 160 | |
| 161 .BuildProperties td.middle { | |
| 162 max-width: 250px; | |
| 163 text-overflow: ellipsis; | |
| 164 overflow: hidden; | |
| 165 } | |
| 166 | |
| 167 /* Console view styles */ | |
| 168 | |
| 169 td.DevRev { | |
| 170 padding: 4px 8px 4px 8px; | |
| 171 color: #333333; | |
| 172 border-top-left-radius: 5px; | |
| 173 -webkit-border-top-left-radius: 5px; | |
| 174 -moz-border-radius-topleft: 5px; | |
| 175 background-color: #eee; | |
| 176 width: 1%; | |
| 177 } | |
| 178 | |
| 179 td.DevRevCollapse { | |
| 180 border-bottom-left-radius: 5px; | |
| 181 -webkit-border-bottom-left-radius: 5px; | |
| 182 -moz-border-radius-bottomleft: 5px; | |
| 183 } | |
| 184 | |
| 185 td.DevName { | |
| 186 padding: 4px 8px 4px 8px; | |
| 187 color: #333333; | |
| 188 background-color: #eee; | |
| 189 width: 1%; | |
| 190 text-align: left; | |
| 191 } | |
| 192 | |
| 193 td.DevStatus { | |
| 194 padding: 4px 4px 4px 4px; | |
| 195 color: #333333; | |
| 196 background-color: #eee; | |
| 197 } | |
| 198 | |
| 199 td.DevSlave { | |
| 200 padding: 4px 4px 4px 4px; | |
| 201 color: #333333; | |
| 202 background-color: #eee; | |
| 203 } | |
| 204 | |
| 205 td.first { | |
| 206 border-top-left-radius: 5px; | |
| 207 -webkit-border-top-left-radius: 5px; | |
| 208 -moz-border-radius-topleft: 5px; | |
| 209 } | |
| 210 | |
| 211 td.last { | |
| 212 border-top-right-radius: 5px; | |
| 213 -webkit-border-top-right-radius: 5px; | |
| 214 -moz-border-radius-topright: 5px; | |
| 215 } | |
| 216 | |
| 217 td.DevStatusCategory { | |
| 218 border-radius: 5px; | |
| 219 -webkit-border-radius: 5px; | |
| 220 -moz-border-radius: 5px; | |
| 221 border-width:1px; | |
| 222 border-style:solid; | |
| 223 } | |
| 224 | |
| 225 td.DevStatusCollapse { | |
| 226 border-bottom-right-radius: 5px; | |
| 227 -webkit-border-bottom-right-radius: 5px; | |
| 228 -moz-border-radius-bottomright: 5px; | |
| 229 } | |
| 230 | |
| 231 td.DevDetails { | |
| 232 font-weight: normal; | |
| 233 padding: 8px 8px 8px 8px; | |
| 234 color: #333333; | |
| 235 background-color: #eee; | |
| 236 text-align: left; | |
| 237 } | |
| 238 | |
| 239 td.DevComment { | |
| 240 font-weight: normal; | |
| 241 padding: 8px 8px 8px 8px; | |
| 242 color: #333333; | |
| 243 border-bottom-right-radius: 5px; | |
| 244 -webkit-border-bottom-right-radius: 5px; | |
| 245 -moz-border-radius-bottomright: 5px; | |
| 246 border-bottom-left-radius: 5px; | |
| 247 -webkit-border-bottom-left-radius: 5px; | |
| 248 -moz-border-radius-bottomleft: 5px; | |
| 249 background-color: #eee; | |
| 250 text-align: left; | |
| 251 } | |
| 252 | |
| 253 td.Alt { | |
| 254 background-color: #CCCCCC; | |
| 255 } | |
| 256 | |
| 257 .legend { | |
| 258 border-radius: 5px; | |
| 259 -webkit-border-radius: 5px; | |
| 260 -moz-border-radius: 5px; | |
| 261 width: 100px; | |
| 262 max-width: 100px; | |
| 263 text-align:center; | |
| 264 padding: 2px 2px 2px 2px; | |
| 265 height:14px; | |
| 266 white-space:nowrap; | |
| 267 } | |
| 268 | |
| 269 .DevStatusBox { | |
| 270 text-align:center; | |
| 271 height:20px; | |
| 272 padding:0 2px; | |
| 273 line-height:0; | |
| 274 white-space:nowrap; | |
| 275 } | |
| 276 | |
| 277 .DevStatusBox a { | |
| 278 opacity: 0.85; | |
| 279 border-width:1px; | |
| 280 border-style:solid; | |
| 281 border-radius: 4px; | |
| 282 -webkit-border-radius: 4px; | |
| 283 -moz-border-radius: 4px; | |
| 284 display:block; | |
| 285 width:90%; | |
| 286 height:20px; | |
| 287 line-height:20px; | |
| 288 margin-left: auto; | |
| 289 margin-right: auto; | |
| 290 } | |
| 291 | |
| 292 .DevSlaveBox { | |
| 293 text-align:center; | |
| 294 height:10px; | |
| 295 padding:0 2px; | |
| 296 line-height:0; | |
| 297 white-space:nowrap; | |
| 298 } | |
| 299 | |
| 300 .DevSlaveBox a { | |
| 301 opacity: 0.85; | |
| 302 border-width:1px; | |
| 303 border-style:solid; | |
| 304 border-radius: 4px; | |
| 305 -webkit-border-radius: 4px; | |
| 306 -moz-border-radius: 4px; | |
| 307 display:block; | |
| 308 width:90%; | |
| 309 height:10px; | |
| 310 line-height:20px; | |
| 311 margin-left: auto; | |
| 312 margin-right: auto; | |
| 313 } | |
| 314 | |
| 315 a.noround { | |
| 316 border-radius: 0px; | |
| 317 -webkit-border-radius: 0px; | |
| 318 -moz-border-radius: 0px; | |
| 319 position: relative; | |
| 320 margin-top: -8px; | |
| 321 margin-bottom: -8px; | |
| 322 height: 36px; | |
| 323 border-top-width: 0; | |
| 324 border-bottom-width: 0; | |
| 325 } | |
| 326 | |
| 327 a.begin { | |
| 328 border-top-width:1px; | |
| 329 position: relative; | |
| 330 margin-top: 0px; | |
| 331 margin-bottom: -7px; | |
| 332 height: 27px; | |
| 333 border-top-left-radius: 4px; | |
| 334 -webkit-border-top-left-radius: 4px; | |
| 335 -moz-border-radius-topleft: 4px; | |
| 336 border-top-right-radius: 4px; | |
| 337 -webkit-border-top-right-radius: 4px; | |
| 338 -moz-border-radius-topright: 4px; | |
| 339 } | |
| 340 | |
| 341 a.end { | |
| 342 border-bottom-width:1px; | |
| 343 position: relative; | |
| 344 margin-top: -7px; | |
| 345 margin-bottom: 0px; | |
| 346 height: 27px; | |
| 347 border-bottom-left-radius: 4px; | |
| 348 -webkit-border-bottom-left-radius: 4px; | |
| 349 -moz-border-radius-bottomleft: 4px; | |
| 350 border-bottom-right-radius: 4px; | |
| 351 -webkit-border-bottom-right-radius: 4px; | |
| 352 -moz-border-radius-bottomright: 4px; | |
| 353 } | |
| 354 | |
| 355 .center_align { | |
| 356 text-align: center; | |
| 357 } | |
| 358 | |
| 359 .right_align { | |
| 360 text-align: right; | |
| 361 } | |
| 362 | |
| 363 .left_align { | |
| 364 text-align: left; | |
| 365 } | |
| 366 | |
| 367 div.BuildWaterfall { | |
| 368 border-radius: 7px; | |
| 369 -webkit-border-radius: 7px; | |
| 370 -moz-border-radius: 7px; | |
| 371 position: absolute; | |
| 372 left: 0px; | |
| 373 top: 0px; | |
| 374 background-color: #FFFFFF; | |
| 375 padding: 4px 4px 4px 4px; | |
| 376 float: left; | |
| 377 display: none; | |
| 378 border-width: 1px; | |
| 379 border-style: solid; | |
| 380 } | |
| 381 | |
| 382 /* LastBuild, BuildStep states */ | |
| 383 .success { | |
| 384 color: #FFFFFF; | |
| 385 background-color: #8fdf5f; | |
| 386 border-color: #4F8530; | |
| 387 } | |
| 388 | |
| 389 .failure { | |
| 390 color: #FFFFFF; | |
| 391 background-color: #e98080; | |
| 392 border-color: #A77272; | |
| 393 } | |
| 394 | |
| 395 .warnings { | |
| 396 color: #FFFFFF; | |
| 397 background-color: #ffc343; | |
| 398 border-color: #C29D46; | |
| 399 } | |
| 400 | |
| 401 .never { | |
| 402 color: #FFFFFF; | |
| 403 background-color: #f0f0e0; | |
| 404 border-color: #A77272; | |
| 405 } | |
| 406 | |
| 407 .exception, .offline, .retry { | |
| 408 color: #FFFFFF; | |
| 409 background-color: #e0b0ff; | |
| 410 border-color: #ACA0B3; | |
| 411 } | |
| 412 | |
| 413 .start,.running, td.building { | |
| 414 color: #666666; | |
| 415 background-color: #fffc6c; | |
| 416 border-color: #C5C56D; | |
| 417 } | |
| 418 | |
| 419 .running_failure { | |
| 420 color: #FFFFFF; | |
| 421 background-color: #fffc6c; | |
| 422 border-color: #ff0000; | |
| 423 } | |
| 424 | |
| 425 .start { | |
| 426 border-bottom-left-radius: 10px; | |
| 427 -webkit-border-bottom-left-radius: 10px; | |
| 428 -moz-border-radius-bottomleft: 10px; | |
| 429 border-bottom-right-radius: 10px; | |
| 430 -webkit-border-bottom-right-radius: 10px; | |
| 431 -moz-border-radius-bottomright: 10px; | |
| 432 } | |
| 433 | |
| 434 .notstarted { | |
| 435 border-width:1px; | |
| 436 border-style:solid; | |
| 437 border-color:#aaa; | |
| 438 } | |
| 439 | |
| 440 .closed { | |
| 441 background-color: #ff0000; | |
| 442 } | |
| 443 | |
| 444 .closed .large { | |
| 445 font-size: 1.5em; | |
| 446 font-weight: bolder; | |
| 447 } | |
| 448 | |
| 449 td.Project a:hover, td.start a:hover { | |
| 450 color: #000; | |
| 451 } | |
| 452 | |
| 453 .mini-box { | |
| 454 text-align:center; | |
| 455 height:20px; | |
| 456 padding:0 2px; | |
| 457 line-height:0; | |
| 458 white-space:nowrap; | |
| 459 } | |
| 460 | |
| 461 .mini-box a { | |
| 462 border-radius: 0; | |
| 463 -webkit-border-radius: 0; | |
| 464 -moz-border-radius: 0; | |
| 465 display:block; | |
| 466 width:100%; | |
| 467 height:20px; | |
| 468 line-height:20px; | |
| 469 margin-top:-30px; | |
| 470 } | |
| 471 | |
| 472 .mini-closed { | |
| 473 -box-sizing:border-box; | |
| 474 -webkit-box-sizing:border-box; | |
| 475 border:4px solid red; | |
| 476 } | |
| 477 | |
| 478 /* column container */ | |
| 479 div.column { | |
| 480 margin: 0 2em 2em 0; | |
| 481 float: left; | |
| 482 } | |
| 483 | |
| 484 /* grid styles */ | |
| 485 | |
| 486 table.Grid { | |
| 487 border-collapse: collapse; | |
| 488 } | |
| 489 | |
| 490 table.Grid tr td { | |
| 491 padding: 0.2em; | |
| 492 margin: 0px; | |
| 493 text-align: center; | |
| 494 } | |
| 495 | |
| 496 table.Grid tr td.title { | |
| 497 font-size: 90%; | |
| 498 border-right: 1px gray solid; | |
| 499 border-bottom: 1px gray solid; | |
| 500 } | |
| 501 | |
| 502 table.Grid tr td.sourcestamp { | |
| 503 font-size: 90%; | |
| 504 } | |
| 505 | |
| 506 table.Grid tr td.builder { | |
| 507 text-align: right; | |
| 508 font-size: 90%; | |
| 509 } | |
| 510 | |
| 511 table.Grid tr td.build { | |
| 512 border: 1px gray solid; | |
| 513 } | |
| 514 | |
| 515 div.data { | |
| 516 font-family: "Courier New", courier, monotype; | |
| 517 } | |
| 518 | |
| 519 /* info tables */ | |
| 520 table.info { | |
| 521 border-spacing: 1px; | |
| 522 } | |
| 523 | |
| 524 table.info td { | |
| 525 padding: 0.1em 1em 0.1em 1em; | |
| 526 text-align: center; | |
| 527 } | |
| 528 | |
| 529 table.info th { | |
| 530 padding: 0.2em 1.5em 0.2em 1.5em; | |
| 531 text-align: center; | |
| 532 } | |
| 533 | |
| 534 table.info td.left { | |
| 535 text-align: left | |
| 536 } | |
| 537 | |
| 538 .alt { | |
| 539 background-color: #eee; | |
| 540 } | |
| 541 | |
| 542 li { | |
| 543 padding: 0.1em 1em 0.1em 1em; | |
| 544 } | |
| 545 | |
| 546 .result { | |
| 547 padding: 0.3em 1em 0.3em 1em; | |
| 548 } | |
| 549 | |
| 550 /* log view */ | |
| 551 .log * { | |
| 552 vlink: #800080; | |
| 553 font-family: "Courier New", courier, monotype, monospace; | |
| 554 } | |
| 555 | |
| 556 span.stdout, span.stderr, span.header { | |
| 557 font-family: "Courier New", courier, monotype; | |
| 558 font-size: 16px; | |
| 559 font-weight: normal; | |
| 560 } | |
| 561 | |
| 562 span.stderr { | |
| 563 color: red; | |
| 564 } | |
| 565 | |
| 566 span.header { | |
| 567 color: blue; | |
| 568 } | |
| OLD | NEW |