github.com/justinjmoses/evergreen@v0.0.0-20170530173719-1d50e381ff0d/public/static/dist/css/styles.css (about) 1 .div-link { 2 opacity: 0.8; 3 cursor: pointer; 4 } 5 .div-vibrant-link { 6 opacity: 0.5; 7 cursor: pointer; 8 } 9 /* Fonts! */ 10 @font-face { 11 font-family: 'Akzidenz'; 12 src: url('/static/font/akzidgrostdreg.eot'); 13 src: url('/static/font/akzidgrostdreg.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdreg.woff') format('woff'), url('/static/font/akzidgrostdreg.ttf') format('truetype'); 14 font-style: normal; 15 font-weight: normal; 16 } 17 @font-face { 18 font-family: 'Akzidenz'; 19 src: url('/static/font/akzidgrostdita.eot'); 20 src: url('/static/font/akzidgrostdita.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdita.woff') format('woff'), url('/static/font/akzidgrostdita.ttf') format('truetype'); 21 font-style: italic; 22 font-weight: normal; 23 } 24 @font-face { 25 font-family: 'Akzidenz'; 26 src: url('/static/font/akzidgrostdmed.eot'); 27 src: url('/static/font/akzidgrostdmed.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdmed.woff') format('woff'), url('/static/font/akzidgrostdmed.ttf') format('truetype'); 28 font-style: normal; 29 font-weight: bold; 30 } 31 @font-face { 32 font-family: 'Akzidenz'; 33 src: url('/static/font/akzidgrostdmedita.eot'); 34 src: url('/static/font/akzidgrostdmedita.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdmedita.woff') format('woff'), url('/static/font/akzidgrostdmedita.ttf') format('truetype'); 35 font-style: italic; 36 font-weight: bold; 37 } 38 @font-face { 39 font-family: 'Akzidenz'; 40 src: url('/static/font/akzidgrostdlig.eot'); 41 src: url('/static/font/akzidgrostdlig.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdlig.woff') format('woff'), url('/static/font/akzidgrostdlig.ttf') format('truetype'); 42 font-style: normal; 43 font-weight: 200; 44 } 45 @font-face { 46 font-family: 'Akzidenz'; 47 src: url('/static/font/akzidgrostdligita.eot'); 48 src: url('/static/font/akzidgrostdligita.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdligita.woff') format('woff'), url('/static/font/akzidgrostdligita.ttf') format('truetype'); 49 font-style: italic; 50 font-weight: 200; 51 } 52 @font-face { 53 font-family: 'Akzidenz Cnd'; 54 src: url('/static/font/akzidgrostdligcnd.eot'); 55 src: url('/static/font/akzidgrostdligcnd.eot?#iefix') format('embedded-opentype'), url('/static/font/akzidgrostdligcnd.woff') format('woff'), url('/static/font/akzidgrostdligcnd.ttf') format('truetype'); 56 font-style: normal; 57 font-weight: 200; 58 } 59 body { 60 padding-top: 50px; 61 } 62 h4, 63 h5, 64 h6, 65 .h4, 66 .h5, 67 .h6 { 68 font-weight: bold; 69 } 70 header h1 { 71 display: inline-block; 72 font-size: 24px; 73 margin-top: 15px; 74 } 75 header h1.one-liner { 76 display: inline-block; 77 width: 85%; 78 } 79 header .status-label { 80 font-size: 12px; 81 } 82 header .form-inline.header-form { 83 display: inline-block; 84 margin-left: 10px; 85 } 86 header .form-inline.header-form .form-control { 87 margin-top: -10px; 88 width: 150px; 89 } 90 header .form-inline.header-form .checkbox { 91 margin-top: -10px; 92 margin-left: 10px; 93 } 94 header .header-pagination { 95 float: right; 96 margin-top: 15px; 97 } 98 .one-liner { 99 overflow: hidden; 100 white-space: nowrap; 101 text-overflow: ellipsis; 102 display: block; 103 } 104 ol.breadcrumb { 105 background: none; 106 border-radius: 0; 107 margin: 15px 0 0 0; 108 padding: 0; 109 } 110 ol.breadcrumb li { 111 text-transform: none; 112 font-size: 12px; 113 font-weight: normal; 114 } 115 .page-actions { 116 margin-top: 15px; 117 } 118 .dropdown .admin-disabled a { 119 cursor: default; 120 color: #bfbfbe; 121 } 122 .dropdown .admin-disabled a:hover { 123 background: transparent; 124 color: #bfbfbe; 125 } 126 pre { 127 background: #ffffff; 128 border-radius: 0; 129 border: 1px solid #f5f6f7; 130 } 131 .mci-pod { 132 padding: 15px; 133 margin-bottom: 20px; 134 background: #ffffff; 135 } 136 h3.section-heading { 137 margin: 15px 0 10px; 138 } 139 .btn.btn-hash { 140 text-transform: none; 141 font-family: Menlo, Monaco, monospace; 142 } 143 .mono { 144 font-family: monospace; 145 } 146 .allow-absolute-children { 147 position: relative; 148 } 149 .absolute-child { 150 position: absolute; 151 } 152 .logs-display { 153 font-family: "Fixed"; 154 } 155 .rounded-corners { 156 border-radius: 5px; 157 -moz-border-radius: 5px; 158 } 159 .section-block { 160 background-color: #f0f0f0; 161 border: solid 1px #d0d0d0; 162 } 163 .tooltip { 164 overflow: hidden; 165 } 166 .no-decoration { 167 margin-left: 0; 168 list-style-type: none; 169 } 170 .progress-bar-danger { 171 background-color: #d9534f; 172 } 173 .progress-bar-success { 174 background-color: #5cb85c; 175 } 176 .progress-bar-system-failed { 177 background-color: #800080; 178 } 179 .progress-bar-failed { 180 background-color: #d9534f; 181 } 182 .progress-bar-silently-failed { 183 background-color: #e7908e; 184 } 185 .status-label { 186 width: 100%; 187 font-size: 18px; 188 padding: 5px 10px; 189 text-align: center; 190 vertical-align: middle; 191 } 192 .status-success { 193 color: #0ed400; 194 } 195 .status-failed { 196 color: #f24738; 197 } 198 .status-cancelled { 199 color: #f10ff2; 200 } 201 .status-started { 202 color: #f29200; 203 } 204 .status-dispatched { 205 color: #f29200; 206 } 207 .status-undispatched { 208 color: #808080; 209 } 210 .status-unstarted { 211 color: #808080; 212 } 213 .icon-invisible { 214 visibility: hidden; 215 } 216 .status-icon-success { 217 color: #29941d; 218 } 219 .status-icon-started { 220 opacity: 0.0; 221 -webkit-animation: pulsate 1s ease-out; 222 -webkit-animation-iteration-count: infinite; 223 } 224 @-webkit-keyframes pulsate { 225 0% { 226 -webkit-transform: scale(0.1, 0.1); 227 opacity: 0.4; 228 } 229 50% { 230 opacity: 1.0; 231 } 232 100% { 233 -webkit-transform: scale(1.2, 1.2); 234 opacity: 0.2; 235 } 236 } 237 .status-icon-dispatched { 238 -webkit-animation: pulsate 1s ease-out; 239 -webkit-animation-iteration-count: infinite; 240 } 241 .status-icon-failed { 242 color: #e8210f; 243 } 244 .status-icon-cancelled { 245 color: #111111; 246 } 247 .block-status-success { 248 color: black; 249 background-color: #0ed400; 250 border: 1px solid #0ed400; 251 } 252 .block-status-inactive { 253 color: black; 254 background-color: #ebebed; 255 border: 1px solid #0ed400; 256 } 257 .block-status-failed { 258 color: black; 259 background-color: #f24738; 260 border: 1px solid #f24738; 261 } 262 .block-status-system-failed { 263 color: black; 264 background-color: #800080; 265 border: 1px solid #800080; 266 } 267 .block-status-started { 268 color: black; 269 background-color: #ffd20a; 270 border: 1px solid #c4a208; 271 } 272 .block-status-dispatched { 273 color: black; 274 background-color: #ffd20a; 275 border: 1px solid #c4a208; 276 } 277 .success { 278 background-color: #5cb85c; 279 color: white; 280 } 281 .failed { 282 background-color: #d9534f; 283 color: white; 284 } 285 .dispatched { 286 background-color: #ffb618; 287 } 288 .undispatched { 289 background-color: #bfbfbe; 290 } 291 .started { 292 background-color: #ffb618; 293 } 294 .system-failed { 295 background-color: #800080; 296 color: white; 297 } 298 .unstarted { 299 background-color: #bfbfbe; 300 } 301 .created { 302 background-color: #bfbfbe; 303 } 304 .inactive { 305 background-color: #ebebed; 306 } 307 .success-text { 308 color: #1e781e; 309 } 310 .failed-text { 311 color: #ff3500; 312 } 313 .gitspec { 314 color: #333; 315 font-family: monospace; 316 font-weight: bold; 317 } 318 .pointer { 319 cursor: pointer; 320 } 321 .semi-muted { 322 color: #666666; 323 } 324 .muted { 325 color: #999999; 326 } 327 .result-slice { 328 height: 23px; 329 float: left; 330 border-left: 1px solid rgba(255, 255, 255, 0.75); 331 } 332 .result-slice.success { 333 background-color: #5cb85c; 334 } 335 .result-slice.failed { 336 background-color: #d9534f; 337 color: white; 338 } 339 .result-slice.system-failed { 340 background-color: #800080; 341 color: white; 342 } 343 .result-slice.started { 344 background-color: #ffb618; 345 } 346 .result-slice.undispatched { 347 background-color: #bfbfbe; 348 } 349 .result-slice.unscheduled { 350 background-color: #ebebed; 351 } 352 .result-slice:first-of-type { 353 border: none; 354 } 355 .history-row { 356 padding-top: 10px; 357 padding-bottom: 10px; 358 } 359 .history-row.active { 360 background: rgba(255, 182, 24, 0.15); 361 } 362 .history-row .progress { 363 margin-bottom: 0; 364 } 365 .history-row:first-of-type { 366 margin-top: -10px; 367 } 368 .repo-div { 369 border-bottom: 1px solid #ddd; 370 } 371 .repo-name { 372 font-weight: bold; 373 padding: 4px 10px; 374 } 375 .commit-panel { 376 margin: 0 0 25px; 377 } 378 .commit-message-large { 379 font-size: 16px; 380 } 381 .commit-meta-data-wrapper { 382 max-width: 80%; 383 float: left; 384 } 385 .commit-message { 386 overflow: hidden; 387 white-space: nowrap; 388 text-overflow: ellipsis; 389 } 390 .commit-message-author { 391 overflow: hidden; 392 white-space: nowrap; 393 text-overflow: ellipsis; 394 display: block; 395 font-size: 13px; 396 } 397 .commit-message a { 398 color: #006cbc; 399 } 400 .commit-message a.highlight { 401 color: #006cbc; 402 } 403 img.gravatar-small { 404 float: left; 405 margin-right: 8px; 406 border-radius: 18px; 407 height: 36px; 408 width: 36px; 409 } 410 img.gravatar-medium { 411 float: left; 412 margin-right: 10px; 413 border-radius: 6px; 414 height: 50px; 415 width: 50px; 416 } 417 ul { 418 padding-left: 0px !important; 419 } 420 ul.inline { 421 list-style: none !important; 422 margin-left: 0px !important; 423 } 424 ul.inline li { 425 display: inline-block !important; 426 line-height: 20px !important; 427 } 428 .form-inline.force-inline .form-group { 429 display: inline-block; 430 margin-bottom: 0; 431 vertical-align: middle; 432 } 433 .form-inline.force-inline .form-control { 434 display: inline-block; 435 width: auto; 436 vertical-align: middle; 437 } 438 .form-inline.force-inline .input-group > .form-control { 439 width: 100%; 440 } 441 .form-inline.force-inline .control-label { 442 margin-bottom: 0; 443 vertical-align: middle; 444 } 445 .form-inline.force-inline .radio, 446 .form-inline.force-inline .checkbox { 447 display: inline-block; 448 padding-left: 0; 449 margin-top: 0; 450 margin-bottom: 0; 451 vertical-align: middle; 452 } 453 .form-inline.force-inline .radio input[type="radio"], 454 .form-inline.force-inline .checkbox input[type="checkbox"] { 455 float: none; 456 margin-left: 0; 457 } 458 .form-inline.force-inline .has-feedback .form-control-feedback { 459 top: 0; 460 } 461 #help-btn { 462 font-size: 20px; 463 } 464 .alert { 465 font-size: 2em; 466 } 467 button.alert-close { 468 padding: 0; 469 cursor: pointer; 470 background: 0 0; 471 border: 0; 472 font-size: 1.2em; 473 margin-right: 15px; 474 font-weight: 700; 475 line-height: 1; 476 color: #000; 477 text-shadow: 0 1px 0 #fff; 478 opacity: .2; 479 } 480 .warning-text { 481 color: #ffb618; 482 } 483 .error-text { 484 color: #ed271c; 485 } 486 .noselect { 487 -webkit-touch-callout: none; 488 /* iOS Safari */ 489 -webkit-user-select: none; 490 /* Chrome/Safari/Opera */ 491 -khtml-user-select: none; 492 /* Konqueror */ 493 -moz-user-select: none; 494 /* Firefox */ 495 -ms-user-select: none; 496 /* IE/Edge */ 497 user-select: none; 498 /* non-prefixed version, currently not supported by any browser */ 499 } 500 .mono { 501 font-family: monospace; 502 } 503 .nowrap { 504 white-space: nowrap; 505 } 506 /* for integrating text inline with labels but without background/all-caps */ 507 .label.unlabel { 508 text-transform: none; 509 } 510 .remove-version { 511 margin: 10px; 512 } 513 .highlight-build-marker { 514 margin-right: 0.25em; 515 } 516 .space-right { 517 margin-right: 0.25em; 518 } 519 .build-small { 520 padding-top: 10px; 521 padding-bottom: 10px; 522 } 523 .build-small.active { 524 background: rgba(255, 182, 24, 0.15); 525 } 526 .build-small .label { 527 position: relative; 528 top: -2px; 529 } 530 .build-small .progress { 531 margin-bottom: 0px; 532 } 533 .build-small h2 { 534 margin-left: 0px; 535 padding-left: 15px; 536 margin-top: -10px; 537 padding-top: 15px; 538 padding-bottom: 15px; 539 background-color: #f0f0f0; 540 } 541 .task-panel .progress { 542 margin-bottom: 0px; 543 } 544 .add-tag-wrapper { 545 padding: 5px 10px 5px 0px; 546 } 547 .annotation-list { 548 margin-left: 0; 549 list-style-type: none; 550 } 551 .annotation-list li { 552 margin: 10px 0px; 553 } 554 #blame-list { 555 margin-left: 0; 556 list-style-type: none; 557 } 558 #blame-list li { 559 margin: 10px 0px; 560 } 561 #build-activated { 562 margin-top: 15px; 563 } 564 #build-blames { 565 line-height: 2; 566 margin-top: 15px; 567 overflow: hidden; 568 } 569 #build-fields { 570 margin-top: 15px; 571 line-height: 2; 572 overflow: hidden; 573 } 574 #build-info-elements { 575 margin-top: 12px; 576 font-size: 16px; 577 } 578 #build-info-elements i { 579 margin-right: 10px; 580 } 581 #build-info-elements tr { 582 margin-bottom: 3px; 583 } 584 #build-info-elements th { 585 padding-right: 10px; 586 } 587 #build-priority { 588 margin-top: 15px; 589 } 590 #build-result { 591 width: 60%; 592 color: #000; 593 font-size: 18px; 594 } 595 #build-tags { 596 line-height: 2; 597 margin-top: 15px; 598 overflow: hidden; 599 } 600 #change-priority { 601 margin-bottom: 3px; 602 } 603 #pick-priority { 604 width: 30px; 605 margin: 5px 5px 8px 5px; 606 } 607 #prep-task-header { 608 margin-top: 3px; 609 } 610 #tag-list { 611 margin-left: 0; 612 list-style-type: none; 613 } 614 #tag-list li { 615 margin: 10px 0px; 616 } 617 .tags-section { 618 line-height: 2; 619 margin-top: 15px; 620 overflow: hidden; 621 } 622 .task-item { 623 margin-bottom: 8px; 624 } 625 .task-item:hover { 626 opacity: 0.8; 627 cursor: pointer; 628 } 629 #tasks-list { 630 margin-left: 0; 631 list-style-type: none; 632 padding: 0px; 633 } 634 .files-panel tbody { 635 border: none !important; 636 } 637 .files-panel .file-name { 638 min-width: 120px; 639 } 640 .files-panel .file-link { 641 word-break: break-all; 642 font-family: monospace; 643 } 644 .files-panel .panel-body { 645 padding-top: 0; 646 } 647 .files-panel .build-files-list { 648 margin-bottom: 15px; 649 } 650 .files-panel .build-files-list h4 { 651 padding-bottom: 2px; 652 } 653 .files-panel .build-files-sublist { 654 margin-left: 30px; 655 margin-bottom: 0px; 656 white-space: nowrap; 657 text-overflow: ellipsis; 658 overflow: hidden; 659 } 660 .files-panel .build-files-sublist ul { 661 margin-bottom: 0px; 662 } 663 .files-panel .build-files-sublist li { 664 margin-bottom: 2px; 665 } 666 .distro-label { 667 padding-top: 20px; 668 } 669 .distro-menu-title { 670 text-transform: capitalize; 671 font-weight: bold; 672 } 673 .distro-table-scroll { 674 max-height: 440px; 675 overflow-y: auto; 676 } 677 .distro-menu-item { 678 text-transform: uppercase; 679 font-weight: normal; 680 } 681 .distro-checkbox { 682 font-weight: bold; 683 } 684 .distro-table { 685 margin-bottom: 0px; 686 } 687 .distro-error { 688 color: red; 689 font-size: 12px; 690 margin-top: 10px; 691 margin-left: 10px; 692 font-weight: bold; 693 } 694 .distro-trash-icon { 695 cursor: pointer; 696 float: absolute; 697 margin-top: 2px; 698 margin-right: 10px; 699 } 700 .eventlog { 701 font-size: 1.2em; 702 padding-top: 8px; 703 margin-bottom: 8px; 704 border-top: 1px dotted #ccc; 705 } 706 .eventlog .timestamp { 707 float: left; 708 padding-right: 15px; 709 } 710 .eventlog .toggle { 711 font-size: .9em; 712 } 713 .eventlog .event_details { 714 float: left; 715 } 716 .test-failures { 717 padding-left: 10px; 718 margin-bottom: 0px; 719 } 720 .failure-tab { 721 margin-left: 30px; 722 } 723 .tablerow { 724 margin-left: 40px; 725 } 726 .summary { 727 margin-left: 0px; 728 list-style-type: none; 729 margin-bottom: 40px; 730 } 731 .nav-tabs { 732 border-bottom: 0px; 733 } 734 .failure-test { 735 font-size: 15px; 736 font-family: Akzidenz, "Helvetica Neue", Helvetica, Arial, sans-serif; 737 } 738 .failure-task { 739 font-size: 20px; 740 margin-top: 15px; 741 } 742 .failure-link { 743 color: #000000; 744 text-decoration: none; 745 } 746 #popover .popover { 747 max-width: 670px; 748 } 749 #popover h3.popover-title { 750 display: none; 751 } 752 .current-task-run { 753 font-size: 1.5em; 754 } 755 ul.tooltip-tasks { 756 list-style: none; 757 max-height: 300px; 758 overflow: scroll; 759 border: 1px solid #eee; 760 } 761 ul.tooltip-tasks .test-result { 762 width: 515px; 763 overflow: hidden; 764 white-space: nowrap; 765 } 766 ul.tooltip-tasks .test-result .gitspec { 767 font-family: monospace; 768 font-weight: bold; 769 } 770 ul.tooltip-tasks .commitmsg { 771 padding-left: 5px; 772 text-overflow: ellipsis; 773 } 774 ul.tooltip-tasks li.tooltip-task { 775 margin-top: 1px; 776 } 777 .tooltip-task-status { 778 width: 15px; 779 line-height: 12px; 780 display: inline-block; 781 border: 1px solid #888; 782 margin-right: 3px; 783 } 784 .tooltip-task-status.started { 785 background-color: #ccc; 786 background-image: url('/static/img/15.GIF'); 787 } 788 .gridtable-timeline { 789 margin: 0 30px; 790 } 791 .gridtable-small { 792 margin-top: 50px; 793 } 794 .gridtable-small .top-header-row.locked { 795 background-color: white; 796 z-index: 100; 797 margin: 0px; 798 } 799 .gridtable-small .tablebody.locked { 800 padding-top: 30px; 801 margin: 0px; 802 } 803 .gridtable-small .top-header-row { 804 padding-top: 60px; 805 padding-left: 303px; 806 white-space: nowrap; 807 } 808 .gridtable-small .top-header-row .header-cell { 809 font-size: 16px; 810 white-space: nowrap; 811 margin-left: 0px; 812 display: inline-block; 813 width: 22px; 814 border-style: none; 815 -webkit-transform: rotate(-45deg); 816 -moz-transform: rotate(-45deg); 817 -ms-transform: rotate(-45deg); 818 -o-transform: rotate(-45deg); 819 transform: rotate(-45deg); 820 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 821 } 822 .gridtable-small .top-header-row .header-cell .header-text { 823 font-size: .8em; 824 font-weight: bold; 825 border-bottom: 1px solid #ccc; 826 } 827 .gridtable-small .top-header-row .header-cell.highlighted .header-text { 828 background-color: #eee; 829 } 830 .gridtable-small .tablerow { 831 white-space: nowrap; 832 line-height: 20px; 833 margin-bottom: 2px; 834 text-align: right; 835 position: relative; 836 top: .5em; 837 float: left; 838 clear: both; 839 } 840 .gridtable-small .tablerow .header { 841 font-size: 16px; 842 text-align: right; 843 vertical-align: top; 844 text-overflow: ellipsis; 845 white-space: nowrap; 846 overflow: hidden; 847 display: inline-block; 848 width: 245px; 849 } 850 .gridtable-small .tablerow .header .commit-msg { 851 float: right; 852 text-align: right; 853 width: 200px; 854 font-size: .8em; 855 color: #888; 856 text-overflow: ellipsis; 857 overflow: hidden; 858 } 859 .gridtable-small .tablerow .header.highlighted { 860 background-color: #eee; 861 } 862 .gridtable-small .tablerow .cells { 863 margin-left: 5px; 864 display: inline-block; 865 } 866 .gridtable-small .tablerow .cells a { 867 text-decoration: none; 868 } 869 .gridtable-small .tablerow .cells .cell { 870 margin-right: 2px; 871 display: inline-block; 872 width: 20px; 873 height: 20px; 874 } 875 .gridtable-scroll { 876 overflow: scroll; 877 } 878 .cell { 879 background: transparent; 880 } 881 .cell.success { 882 background-color: #4ac948; 883 } 884 .cell.failed { 885 background-color: #ff4040; 886 } 887 .cell.system-failed { 888 background-color: #800080; 889 } 890 .cell.unstarted { 891 background-color: #cccccc; 892 border: 1px solid #ccc; 893 } 894 .cell.skipped { 895 background-color: #fafafa; 896 pointer-events: none; 897 } 898 .cell.failure { 899 background-color: #ff4040; 900 } 901 .cell.undispatched { 902 background-color: #cccccc; 903 border: 1px solid #ccc; 904 } 905 .cell.undispatched.active { 906 background-color: #cccccc; 907 border: 1px solid #ccc; 908 } 909 .cell.undispatched.inactive { 910 background-color: white; 911 border: 1px solid #ccc; 912 } 913 .cell.was-success { 914 background-color: #01df01; 915 opacity: 0.3; 916 } 917 .cell.was-failure { 918 background-color: #f5a9a9; 919 } 920 .cell.was-system-failed { 921 background-color: #9370db; 922 } 923 .cell.started { 924 background-image: url('/static/img/15.GIF'); 925 } 926 .task-history-gridtable .cell.started { 927 border: 1px solid #ccc; 928 } 929 .task-history-gridtable .cell.started.task-doesnt-match { 930 border: 4px solid #fff; 931 } 932 .host-dropdown { 933 position: absolute; 934 top: 55px; 935 left: 20px; 936 max-width: 270px; 937 } 938 .host-button { 939 margin-right: 15px; 940 } 941 .active-host { 942 background-color: #5F923B; 943 color: white; 944 } 945 .host-info { 946 font-size: 1.2em; 947 } 948 .host-running { 949 background-color: #5cb85c; 950 } 951 .host-terminated { 952 background-color: #d9534f; 953 } 954 .host-unreachable { 955 background-color: #bfbfbe; 956 } 957 .host-starting { 958 background-color: #ffb618; 959 } 960 .host-type-icon { 961 display: inline-block; 962 float: left; 963 padding-right: 5px; 964 } 965 .host-type-icon img { 966 -webkit-user-select: none; 967 -khtml-user-select: none; 968 -moz-user-select: none; 969 -o-user-select: none; 970 user-select: none; 971 } 972 .hosts-dropdown { 973 position: absolute; 974 top: 55px; 975 left: 20px; 976 max-width: 270px; 977 } 978 .host-button { 979 margin-right: 15px; 980 } 981 .hosts-select-all { 982 white-space: nowrap; 983 } 984 .bg-brand { 985 color: #FFF; 986 background-color: #3B291F; 987 } 988 .title { 989 overflow: hidden; 990 text-overflow: ellipsis; 991 font-weight: bold; 992 } 993 .content { 994 width: 50%; 995 margin: 0 auto; 996 } 997 #buildvariants, 998 #tasks { 999 list-style: none; 1000 } 1001 #buildvariants > li { 1002 float: left; 1003 width: 40%; 1004 } 1005 #tasks > li { 1006 float: left; 1007 width: 50%; 1008 } 1009 .config-heading { 1010 margin-top: 2px; 1011 margin-bottom: 2px; 1012 display: inline-block; 1013 } 1014 .highlight-wrapper { 1015 margin-left: 5px; 1016 margin-right: 5px; 1017 margin-top: 2px; 1018 } 1019 .highlight-bg-no-border { 1020 background-color: #fcf0c6; 1021 } 1022 .instructions { 1023 padding: 120px; 1024 width: 100%; 1025 font-size: 2em; 1026 text-align: center; 1027 } 1028 .patch-content { 1029 position: absolute; 1030 top: 50px; 1031 bottom: 0; 1032 right: 0; 1033 left: 315px; 1034 padding: 0 15px; 1035 overflow-x: hidden; 1036 overflow-y: scroll; 1037 } 1038 .variants-drawer { 1039 width: 300px; 1040 top: 60px; 1041 bottom: 10px; 1042 overflow-x: hidden; 1043 overflow-y: hidden; 1044 position: absolute; 1045 } 1046 .variants-list-panel { 1047 width: 100%; 1048 top: 0px; 1049 bottom: 0px; 1050 position: absolute; 1051 overflow-y: scroll; 1052 } 1053 .variant-item { 1054 cursor: default; 1055 } 1056 .change-all { 1057 cursor: pointer; 1058 } 1059 .already-scheduled { 1060 margin-top: 20px; 1061 padding: 0px; 1062 padding-left: 5px; 1063 padding-right: 5px; 1064 } 1065 .task-name label { 1066 overflow-x: hidden; 1067 text-overflow: ellipsis; 1068 width: 100%; 1069 white-space: nowrap; 1070 } 1071 .patch { 1072 overflow: auto; 1073 } 1074 .patch .additions { 1075 font-weight: bold; 1076 color: green; 1077 } 1078 .patch .deletions { 1079 font-weight: bold; 1080 color: red; 1081 } 1082 .patch .base-link { 1083 font-family: monospace; 1084 } 1085 .patch .title { 1086 font-weight: bold; 1087 font-size: 20px; 1088 } 1089 .patch .gravatar-mini { 1090 margin-bottom: 2px; 1091 border-radius: 3px; 1092 width: 16px; 1093 height: 16px; 1094 } 1095 .patch .toggle-message { 1096 margin-left: 10px; 1097 } 1098 .patch .description-box { 1099 margin-top: 8px; 1100 margin-left: 8px; 1101 } 1102 .patch .description-box p { 1103 font-weight: bold; 1104 font-size: 16px; 1105 } 1106 .patch-header { 1107 margin-bottom: 8px; 1108 font-weight: bold; 1109 } 1110 .patch-message { 1111 white-space: nowrap; 1112 text-overflow: ellipsis; 1113 display: block; 1114 font-weight: bold; 1115 } 1116 .patch-changes-line { 1117 font-size: 125%; 1118 margin: 15px 0; 1119 } 1120 .patch-diff-panel { 1121 max-height: 600px; 1122 overflow-y: auto; 1123 overflow-x: none; 1124 } 1125 .patch-diff-panel tr .extra-info { 1126 font-size: 10px; 1127 color: #777; 1128 } 1129 .patch-diff-panel tr .diff-name { 1130 font-weight: bold; 1131 font-size: 14px; 1132 } 1133 .patch-diff-panel .diffbox { 1134 display: block; 1135 height: 16px; 1136 width: 26px; 1137 background-color: #bfbfbe; 1138 } 1139 .patch-diff-panel .success, 1140 .patch-diff-panel .pass { 1141 background-color: #5cb85c !important; 1142 } 1143 .patch-diff-panel .failed, 1144 .patch-diff-panel .fail { 1145 background-color: #d9534f !important; 1146 } 1147 .patch-diff-panel .system-failed { 1148 background-color: #800080 !important; 1149 } 1150 .current-project { 1151 font-weight: bold; 1152 background-color: aliceblue; 1153 } 1154 .project-error { 1155 color: red; 1156 font-size: 12px; 1157 margin-top: 10px; 1158 font-weight: bold; 1159 } 1160 .triggerinfo { 1161 list-style: none; 1162 border: 1px solid #ccc; 1163 margin-top: -1px; 1164 } 1165 .trigger-display-wrapper { 1166 padding: 5px; 1167 font-size: 1.1em; 1168 } 1169 .trigger-actions { 1170 background-color: #eee; 1171 } 1172 .trigger-description { 1173 font-weight: bold; 1174 } 1175 .action-config { 1176 list-style: none; 1177 padding-top: 3px; 1178 } 1179 .add-action { 1180 text-align: right; 1181 list-style: none; 1182 } 1183 .do-nothing { 1184 padding: 5px; 1185 font-style: italic; 1186 } 1187 .editalert-form { 1188 padding: 5px; 1189 } 1190 .project-dropdown { 1191 height: 37em; 1192 overflow-y: scroll; 1193 } 1194 textarea { 1195 background-position: bottom right; 1196 background-repeat: no-repeat; 1197 border: 3px solid #cccccc; 1198 class: "form-control"; 1199 font-size: 13px; 1200 height: 120px; 1201 margin-left: 10px; 1202 padding: 5px; 1203 width: 500px; 1204 } 1205 #host-info-elements { 1206 cursor: pointer; 1207 } 1208 #host-info-elements i { 1209 margin-right: 5px; 1210 } 1211 #host-info-elements td { 1212 min-width: 51px; 1213 } 1214 #hosts-info { 1215 margin-bottom: 20px; 1216 max-height: 600px; 1217 min-height: 300px; 1218 overflow: auto; 1219 } 1220 .entry { 1221 font-size: 1.1em; 1222 margin-bottom: 8px; 1223 } 1224 .entry span { 1225 float: right; 1226 } 1227 .invalid { 1228 margin-left: 15px; 1229 font-size: 14px; 1230 color: #f24738; 1231 } 1232 .expire-row { 1233 padding-bottom: 25px; 1234 padding-left: 15px; 1235 } 1236 .expire-button { 1237 margin-right: 15px; 1238 } 1239 .expire-dropdown { 1240 position: absolute; 1241 top: 90%; 1242 left: 30px; 1243 max-width: 270px; 1244 } 1245 .no-word-wrap { 1246 white-space: nowrap; 1247 } 1248 .spawn-task-options { 1249 margin-top: 5px; 1250 margin-bottom: 15px; 1251 margin-left: 10px; 1252 } 1253 .active-label { 1254 float: right; 1255 } 1256 .current-history { 1257 background-color: #ddd; 1258 } 1259 #event-log-row { 1260 margin-top: 20px; 1261 margin-left: 20px; 1262 font-size: 20px; 1263 } 1264 .history-commit-message { 1265 overflow: hidden; 1266 text-overflow: ellipsis; 1267 font-weight: bold; 1268 } 1269 .history-progress { 1270 margin: 0px; 1271 background-color: #999; 1272 } 1273 #history-headingwrap { 1274 position: relative; 1275 } 1276 #fullhistorylink { 1277 position: absolute; 1278 right: 0px; 1279 bottom: 0px; 1280 } 1281 .label-link:hover { 1282 opacity: .8; 1283 cursor: pointer; 1284 } 1285 #log-type-toggle { 1286 font-size: 18px; 1287 } 1288 #logs-options { 1289 float: right; 1290 font-size: 18px; 1291 } 1292 #task-info-elements { 1293 margin-top: 20px; 1294 width: 100%; 1295 } 1296 #task-info-elements i { 1297 margin-right: 10px; 1298 } 1299 #task-info-elements td { 1300 padding: 3px 0; 1301 text-align: left; 1302 } 1303 #task-info-elements td.icon { 1304 padding-right: 10px; 1305 text-align: right; 1306 width: 20px; 1307 } 1308 #task-info-elements tr { 1309 margin-top: 20px; 1310 padding-top: 10px; 1311 } 1312 #tests-info { 1313 max-height: 300px; 1314 overflow: auto; 1315 margin-top: 10px; 1316 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); 1317 } 1318 .last-successful-task h2 { 1319 font-size: 20px; 1320 background-color: #f0f0f0; 1321 border-top: 1px solid #5cb85c; 1322 margin-top: 10px; 1323 margin-bottom: 10px; 1324 margin-left: -15px; 1325 padding: 15px; 1326 } 1327 .test-result-row .fa-link { 1328 display: none; 1329 } 1330 .test-result-row:hover .fa-link { 1331 display: block; 1332 } 1333 .test-result-row .test-result-link-wrapper { 1334 left: -1.66em; 1335 color: #bbb; 1336 width: 1em; 1337 height: 1em; 1338 float: left; 1339 position: relative; 1340 } 1341 .test-result-row .test-result-name { 1342 position: relative; 1343 left: -1em; 1344 float: left; 1345 max-width: 100%; 1346 margin-right: -1em; 1347 } 1348 .test-results-table { 1349 table-layout: fixed; 1350 word-wrap: break-word; 1351 } 1352 .test-results-table .progress { 1353 margin-bottom: 0; 1354 } 1355 .files-panel .file-name { 1356 min-width: 160px; 1357 } 1358 .files-panel .file-link { 1359 word-break: break-all; 1360 font-family: monospace; 1361 } 1362 .files-panel .files-list { 1363 overflow: hidden; 1364 text-overflow: ellipsis; 1365 whitespace: nowrap; 1366 } 1367 #page-content { 1368 position: absolute; 1369 top: 50px; 1370 bottom: 0; 1371 right: 0; 1372 left: 265px; 1373 padding: 0 15px; 1374 overflow-x: hidden; 1375 overflow-y: scroll; 1376 } 1377 #drawer { 1378 position: absolute; 1379 top: 50px; 1380 bottom: 0; 1381 left: 0; 1382 width: 260px; 1383 overflow-x: hidden; 1384 overflow-y: hidden; 1385 border-right: 1px solid #dee0e3; 1386 /* 1387 position: absolute; 1388 top: 50px; 1389 bottom: 0; 1390 left: 0; 1391 width: 260px; 1392 overflow-x: hidden; 1393 overflow-y: hidden; 1394 border-right: 1px solid @gray6; 1395 */ 1396 } 1397 #drawer-contents { 1398 position: absolute; 1399 top: 0; 1400 bottom: 0; 1401 right: 0; 1402 left: 0; 1403 overflow-x: hidden; 1404 overflow-y: scroll; 1405 } 1406 .drawer-item { 1407 padding: 7px 5px; 1408 border-bottom: 1px solid #dee0e3; 1409 background: #ebebed; 1410 position: relative; 1411 } 1412 .drawer-item a { 1413 color: #494747; 1414 } 1415 .drawer-item:hover { 1416 background: #f5f6f7; 1417 } 1418 .drawer-item .drawer-message-wrapper { 1419 min-height: 17px; 1420 } 1421 .drawer-item-highlighted { 1422 background-color: #ffffff; 1423 } 1424 .drawer-item-highlighted a { 1425 color: #313030; 1426 } 1427 .drawer-item-highlighted:hover { 1428 background: #ffffff; 1429 } 1430 .drawer-section-header { 1431 padding: 2px 5px; 1432 background-color: #807f7f; 1433 } 1434 .history-date-header-words { 1435 font-size: 12px; 1436 font-weight: bold; 1437 text-transform: uppercase; 1438 color: #ffffff; 1439 } 1440 @media (max-width: 768px) { 1441 .history-date-header-words { 1442 display: none; 1443 } 1444 } 1445 @media (max-width: 768px) { 1446 .history-date-header-slash { 1447 display: none; 1448 } 1449 } 1450 .history-date-header-numbers { 1451 font-size: 12px; 1452 color: #ebebed; 1453 padding-top: 2px; 1454 float: right; 1455 } 1456 .history-status-marker { 1457 position: absolute; 1458 width: 10px; 1459 top: 7px; 1460 bottom: 7px; 1461 margin: -7px 0 -7px -5px; 1462 } 1463 .history-status-marker.inactive { 1464 background: #bfbfbe; 1465 } 1466 .history-item-info { 1467 position: absolute; 1468 left: 28px; 1469 right: 70px; 1470 font-size: 12px; 1471 overflow-x: hidden; 1472 text-overflow: ellipsis; 1473 white-space: nowrap; 1474 } 1475 .history-item-revision { 1476 text-transform: none; 1477 font-size: .9em; 1478 font-weight: bold; 1479 font-family: Menlo, Monaco, monospace; 1480 padding: 0px 3px 0px 3px; 1481 margin-right: 3px; 1482 } 1483 .history-item-message { 1484 overflow: hidden; 1485 text-overflow: ellipsis; 1486 white-space: nowrap; 1487 } 1488 .history-item-time { 1489 position: absolute; 1490 right: 18px; 1491 top: 2px; 1492 font-size: 11px; 1493 color: #615f5f; 1494 } 1495 .history-item-failures { 1496 margin-left: 0; 1497 font-size: 12px; 1498 } 1499 .history-item-failures * { 1500 overflow: hidden; 1501 text-overflow: ellipsis; 1502 white-space: nowrap; 1503 } 1504 .dep-status { 1505 width: 22px; 1506 } 1507 .dep-status i { 1508 vertical-align: middle; 1509 } 1510 .dep-task-status span { 1511 vertical-align: middle; 1512 } 1513 .dep-table { 1514 margin-bottom: 0; 1515 } 1516 .dep-table .cross-variant { 1517 font-weight: bold; 1518 } 1519 .host-btn-group { 1520 padding-left: 20px; 1521 display: inline; 1522 } 1523 .host-info-item { 1524 margin-right: 5px; 1525 text-transform: none; 1526 } 1527 .host-info-item a { 1528 color: white; 1529 } 1530 .url-link { 1531 width: 40%; 1532 display: inline-block; 1533 } 1534 #html-link { 1535 text-align: right; 1536 } 1537 #raw-link { 1538 text-align: left; 1539 } 1540 #separator { 1541 width: 3%; 1542 display: inline-block; 1543 } 1544 .task-logs { 1545 font-size: 14pt; 1546 } 1547 #view-as { 1548 opacity: 0.5; 1549 font-size: 12pt; 1550 } 1551 .task-log-links { 1552 font-size: 14pt; 1553 } 1554 #task-title { 1555 margin-bottom: 4px; 1556 } 1557 .task-history-gridtable .top-header-row.locked { 1558 margin-left: 250px; 1559 padding-left: 58px; 1560 width: 590px; 1561 } 1562 .task-history-gridtable .tablerow .header .revision-date { 1563 float: right; 1564 text-align: right; 1565 width: 200px; 1566 font-size: .8em; 1567 color: #888; 1568 text-overflow: ellipsis; 1569 overflow: hidden; 1570 } 1571 .task-history-gridtable .tablerow .header a { 1572 font-size: .8em; 1573 overflow-x: hide; 1574 text-overflow: ellipsis; 1575 width: 100%; 1576 display: inline-block; 1577 } 1578 .revision { 1579 font-family: monospace; 1580 } 1581 .revision-date { 1582 margin-bottom: 10px; 1583 } 1584 .revision-msg { 1585 margin-bottom: 10px; 1586 } 1587 .filter-table { 1588 position: fixed; 1589 top: 80px; 1590 right: 5px; 1591 background-color: white; 1592 width: 260px; 1593 border: 1px solid #ddd; 1594 padding: 10px; 1595 } 1596 .autocomplete-container { 1597 position: absolute; 1598 border-top: 1px solid #666; 1599 } 1600 .autocomplete-element { 1601 background-color: #ddd; 1602 border-bottom: 1px solid #666; 1603 cursor: pointer; 1604 } 1605 .filter-atom { 1606 background-color: #ddd; 1607 border-radius: 3px; 1608 padding: 3px; 1609 margin-top: 3px; 1610 margin-bottom: 3px; 1611 } 1612 .transparent { 1613 opacity: 0; 1614 } 1615 .semi-transparent { 1616 opacity: 0.33; 1617 } 1618 .full-opacity { 1619 opacity: 1; 1620 } 1621 .task-doesnt-match { 1622 border: 4px solid white; 1623 } 1624 .highlight-column { 1625 border-left: 1px solid #ddd; 1626 border-right: 1px solid #ddd; 1627 } 1628 .task-history-cell-wrapper { 1629 height: 56px !important; 1630 width: 21px !important; 1631 margin-right: 1px !important; 1632 float: left !important; 1633 } 1634 .task-history-title-header { 1635 position: fixed; 1636 z-index: 1000; 1637 top: 75px; 1638 text-align: center; 1639 border: 1px dotted #666; 1640 width: 210px; 1641 padding: 5px; 1642 overflow-x: hidden; 1643 } 1644 .task-history-divider-line { 1645 position: relative; 1646 width: 100%; 1647 height: 5px; 1648 top: 8px; 1649 background-color: #bbbbbb; 1650 margin-bottom: -5px; 1651 border-radius: 2px; 1652 } 1653 .task-history-inactive-count-wrapper { 1654 position: relative; 1655 width: 50%; 1656 background-color: white; 1657 display: inline-block; 1658 } 1659 body { 1660 min-height: 100%; 1661 } 1662 pre { 1663 min-height: 100%; 1664 } 1665 .line-link { 1666 color: #ddd; 1667 cursor: pointer; 1668 -webkit-touch-callout: none; 1669 -webkit-user-select: none; 1670 -khtml-user-select: none; 1671 -moz-user-select: none; 1672 -ms-user-select: none; 1673 user-select: none; 1674 } 1675 .selected-line { 1676 background-color: #ffffcc; 1677 } 1678 .severity-DEBUG { 1679 color: #666; 1680 } 1681 .severity-INFO { 1682 color: #333; 1683 } 1684 .severity-WARN { 1685 color: #ffa500; 1686 } 1687 .severity-ERROR { 1688 color: #ff0000; 1689 } 1690 .severity-D { 1691 color: #666; 1692 } 1693 .severity-I { 1694 color: #333; 1695 } 1696 .severity-W { 1697 color: #ffa500; 1698 } 1699 .severity-E { 1700 color: #ff0000; 1701 } 1702 #nav-container { 1703 position: fixed; 1704 padding-bottom: 20px; 1705 } 1706 #distros-list-container { 1707 height: 500px; 1708 overflow-y: scroll; 1709 border: 1px solid #ddd; 1710 } 1711 #distros-list { 1712 margin-left: 0; 1713 list-style-type: none; 1714 } 1715 #distros-list a { 1716 color: black; 1717 } 1718 #distros-list li { 1719 padding: 6px; 1720 border-radius: 2px; 1721 -moz-border-radius: 2px; 1722 margin-bottom: 3px; 1723 } 1724 #distros-list li:hover { 1725 background-color: #5F923B; 1726 color: white; 1727 cursor: pointer; 1728 } 1729 #distros-list li:hover:not(.active-distro) { 1730 opacity: .5; 1731 } 1732 .active-distro-colors { 1733 background-color: #5F923B; 1734 color: white; 1735 } 1736 .active-distro { 1737 background-color: #5F923B; 1738 color: white; 1739 } 1740 .task-queue-table { 1741 table-layout: fixed; 1742 } 1743 .task-queue-table td { 1744 text-overflow: ellipsis; 1745 overflow: hidden; 1746 white-space: nowrap; 1747 } 1748 .task-queue-table .task-col { 1749 width: 40%; 1750 } 1751 .task-queue-table .index-col { 1752 width: 7%; 1753 font-weight: bold; 1754 } 1755 .task-queue-table .task-queue-elt { 1756 font-size: 10px; 1757 width: 15%; 1758 } 1759 #time-stats table { 1760 margin-top: 16px; 1761 font-size: 12px; 1762 } 1763 #stats p { 1764 font-size: 16px; 1765 } 1766 .task-queue-elt { 1767 font-size: 10px; 1768 } 1769 #timeline { 1770 margin-left: 0; 1771 list-style-type: none; 1772 margin-bottom: 40px; 1773 } 1774 .timeline-build { 1775 display: inline-block; 1776 vertical-align: top; 1777 margin: 10px 5px; 1778 min-width: 130px; 1779 } 1780 .timeline-build a:hover { 1781 text-decoration: none; 1782 } 1783 .build-link { 1784 display: block; 1785 padding: 5px 10px; 1786 background: transparent; 1787 border: none; 1788 color: #494747; 1789 width: 280px; 1790 font-size: 14px; 1791 font-weight: bold; 1792 overflow: hidden; 1793 white-space: nowrap; 1794 text-overflow: ellipsis; 1795 } 1796 .build-link:hover { 1797 color: #494747; 1798 } 1799 .build-link.block-status-created { 1800 background: #ebebed; 1801 } 1802 .build-link.block-status-created:hover { 1803 background: #dee0e3; 1804 } 1805 .build-link.block-status-success { 1806 background: #5cb85c; 1807 color: #ffffff; 1808 } 1809 .build-link.block-status-success:hover { 1810 background: rgba(92, 184, 92, 0.75); 1811 } 1812 .build-link.block-status-failed { 1813 background: #d9534f; 1814 color: #ffffff; 1815 } 1816 .build-link.block-status-failed:hover { 1817 background: rgba(217, 83, 79, 0.75); 1818 } 1819 .build-link.block-status-cancelled { 1820 border-top: 2px solid #313030; 1821 background: #a09f9e; 1822 color: #dee0e3; 1823 } 1824 .build-link.block-status-started { 1825 background: #ffb618; 1826 color: #ffffff; 1827 } 1828 .build-link.block-status-started:hover { 1829 background: rgba(255, 182, 24, 0.75); 1830 } 1831 .build-link.block-status-dispatched { 1832 background-color: #ffd20a; 1833 border: 1px solid #c4a208; 1834 } 1835 .build-link.block-status-inactive { 1836 background: #ebebed; 1837 color: #a09f9e; 1838 } 1839 .tasks-list { 1840 margin-top: 2px; 1841 } 1842 .tasks-list.patches li { 1843 display: block; 1844 float: left; 1845 } 1846 .task { 1847 height: 15px; 1848 width: 4px; 1849 border: none; 1850 margin-right: 1px; 1851 } 1852 .task.block-status-success { 1853 background-color: #5cb85c; 1854 } 1855 .task.block-status-failed { 1856 background-color: #d9534f; 1857 } 1858 .task.block-status-started { 1859 background-color: #ffb618; 1860 } 1861 .task.block-status-undispatched { 1862 background-color: #dee0e3; 1863 } 1864 .timeline-version { 1865 position: relative; 1866 overflow: hidden; 1867 } 1868 .timeline-builds-list { 1869 margin: 30px 0; 1870 } 1871 .timeline-builds-list .timeline-text.row-header { 1872 border-top: 2px solid #ebebed; 1873 border-bottom: 2px solid #ebebed; 1874 padding: 4px; 1875 } 1876 .timeline-builds-list.inactive { 1877 background: transparent; 1878 margin: 10px 0 0; 1879 } 1880 .timeline-builds-list.inactive .timeline-text.row-header { 1881 opacity: 0.5; 1882 border-top: 1px solid #ebebed; 1883 border-bottom: none; 1884 padding: 10px 4px 0; 1885 } 1886 .timeline-version:first-child .timeline-builds-list { 1887 margin-top: 0; 1888 } 1889 .version-info .label { 1890 width: 45px; 1891 text-align: center; 1892 margin-right: 5px; 1893 } 1894 .version-info .git-project { 1895 font-weight: bold; 1896 } 1897 .version-info .git-msg { 1898 margin: 10px 0; 1899 } 1900 .version-info .text-muted { 1901 color: #bfbfbe; 1902 } 1903 .version-info-item { 1904 float: left; 1905 padding: 0px 20px 0px 0px; 1906 } 1907 #version { 1908 padding-top: 20px; 1909 } 1910 #version .gitspec, 1911 #version .commit-msg, 1912 #version .author { 1913 font-size: 24px; 1914 } 1915 .past-version-wrapper { 1916 margin-top: 5px; 1917 margin-bottom: 5px; 1918 } 1919 .past-version-highlight-wrapper { 1920 display: inline-block !important; 1921 width: 1.25em; 1922 } 1923 .commit-panel-header { 1924 padding-top: 18px; 1925 height: 84px; 1926 } 1927 .task-result-chunk { 1928 height: 23px; 1929 float: left; 1930 background-color: #999; 1931 } 1932 .version-build-grid { 1933 width: 60%; 1934 } 1935 .collapse-panel { 1936 margin: 10px; 1937 } 1938 /* body { 1939 background-color: #f3f3f3; 1940 } FIXME after we remove old waterfall */ 1941 #root.waterfall-2 { 1942 background-color: #f5f6f7; 1943 min-height: 100%; 1944 } 1945 .build-cells { 1946 border: 1px solid #dee0e3; 1947 border-right: none; 1948 background: white; 1949 border-top-left-radius: 3px; 1950 border-bottom-left-radius: 3px; 1951 } 1952 .build-variants { 1953 padding-top: 8px; 1954 text-align: right; 1955 font-size: 14px; 1956 } 1957 .githash-popover li { 1958 margin: 20px 0; 1959 } 1960 .githash-popover li .commit-meta { 1961 margin-bottom: 3px; 1962 } 1963 .githash-popover li .commit-meta .commit-date { 1964 color: #a09f9e; 1965 font-size: 12px; 1966 } 1967 .githash-popover li:first-child { 1968 margin-top: 0; 1969 } 1970 .githash-popover li:last-child { 1971 margin-bottom: 0; 1972 } 1973 .variant-row { 1974 margin-bottom: 8px; 1975 } 1976 .waterfall-toolbar { 1977 margin-top: 15px; 1978 margin-bottom: 8px; 1979 padding: 5px; 1980 } 1981 .waterfall-text { 1982 font-size: 18pt; 1983 } 1984 .waterfall-tooltip .icon { 1985 padding-right: 3px; 1986 color: #ed271c; 1987 } 1988 .waterfall-tooltip .failed-tests { 1989 padding: 4px; 1990 } 1991 .waterfall-toolbar-elt { 1992 margin-right: 5px; 1993 } 1994 .waterfall-checkbox { 1995 display: inline; 1996 } 1997 #collapsed-prompt { 1998 margin-right: 6px; 1999 } 2000 .waterfall-build { 2001 padding: 8px; 2002 width: 20%; 2003 float: left; 2004 } 2005 .active-build { 2006 display: table; 2007 } 2008 .inactive-build { 2009 text-transform: uppercase; 2010 color: #dee0e3; 2011 font-weight: bold; 2012 font-size: 12px; 2013 text-align: center; 2014 padding-top: 8px; 2015 width: 20%; 2016 float: left; 2017 } 2018 .waterfall-box { 2019 float: left; 2020 margin-right: 1px; 2021 margin-bottom: 1px; 2022 height: 14px; 2023 width: 14px; 2024 } 2025 .waterfall-box:hover { 2026 opacity: .8; 2027 } 2028 .variant-col { 2029 text-align: center; 2030 } 2031 a.task-summary { 2032 padding: 0 2px; 2033 display: inline-block; 2034 margin-right: 1px; 2035 margin-bottom: 1px; 2036 height: 29px; 2037 min-width: 29px; 2038 line-height: 29px; 2039 font-size: 14.5px; 2040 color: #494747; 2041 font-weight: bold; 2042 text-align: center; 2043 text-decoration: none; 2044 } 2045 a.task-summary.success { 2046 color: white; 2047 } 2048 a.task-summary.zero { 2049 opacity: .2; 2050 } 2051 a.task-summary:hover { 2052 opacity: .8; 2053 } 2054 .inactive-header { 2055 text-align: center; 2056 } 2057 .version-header { 2058 font-size: 12px; 2059 word-wrap: break-word; 2060 } 2061 .version-header-rolled { 2062 font-weight: bold; 2063 text-align: center; 2064 } 2065 .version-header .githash { 2066 font-family: monospace; 2067 font-weight: bold; 2068 margin-right: 5px; 2069 } 2070 .header-col { 2071 padding: 8px; 2072 width: 20%; 2073 float: left; 2074 } 2075 .rolled-up-version-summary { 2076 padding-bottom: 10px; 2077 word-wrap: break-word; 2078 } 2079 .rolled-up-version-summary .version-header-time { 2080 color: #a09f9e; 2081 font-size: 12px; 2082 } 2083 .popover.popover-wide { 2084 max-width: 400px; 2085 } 2086 .waterfall-form-item { 2087 margin: 0 4px; 2088 } 2089 .collapsed-build { 2090 display: inline-block; 2091 } 2092 .tasks-summary { 2093 display: table-cell; 2094 overflow: hidden; 2095 text-overflow: hidden; 2096 font-weight: bold; 2097 } 2098 .tasks-summary:nth-of-type(n+2) { 2099 border-left: 1px dotted grey; 2100 } 2101 @media (max-width: 991px) { 2102 .inactive-build { 2103 font-size: 10px; 2104 } 2105 .filter { 2106 width: 100%; 2107 } 2108 } 2109 .active-elt-colors { 2110 background-color: #5F923B; 2111 color: white; 2112 } 2113 .active-elt { 2114 background-color: #5F923B; 2115 color: white; 2116 } 2117 .task-circle { 2118 stroke-width: 3; 2119 fill: #EFEFEF; 2120 cursor: pointer; 2121 } 2122 path { 2123 stroke: #BBBBBB; 2124 stroke-width: 2; 2125 fill: none; 2126 } 2127 .axis .tick line { 2128 stroke: lightgrey; 2129 opacity: .5; 2130 } 2131 .task-timing-list-container { 2132 height: 120px; 2133 overflow-y: scroll; 2134 border: 1px solid #ddd; 2135 } 2136 .task-timing-list { 2137 margin-left: 0; 2138 list-style-type: none; 2139 } 2140 .task-timing-list a { 2141 color: black; 2142 } 2143 .task-timing-list li { 2144 padding: 6px; 2145 border-radius: 2px; 2146 -moz-border-radius: 2px; 2147 margin-bottom: 3px; 2148 } 2149 .task-timing-list li:hover { 2150 background-color: #5F923B; 2151 color: white; 2152 cursor: pointer; 2153 } 2154 .task-timing-list li:hover:not(.active-elt) { 2155 opacity: .5; 2156 } 2157 .overlay { 2158 fill: none; 2159 stroke-width: 1px; 2160 pointer-events: all; 2161 } 2162 .info-container { 2163 padding-top: 100px; 2164 padding-left: 30px; 2165 } 2166 .axis line { 2167 stroke: black; 2168 shape-rendering: crispEdges; 2169 } 2170 .log-elt { 2171 margin-right: 100px; 2172 } 2173 .stats-table { 2174 margin-top: 20px; 2175 } 2176 .table-fixed thead { 2177 width: 97%; 2178 } 2179 .table-fixed tbody { 2180 height: 230px; 2181 overflow-y: auto; 2182 width: 100%; 2183 } 2184 .table-fixed thead, 2185 .table-fixed tbody, 2186 .table-fixed tr, 2187 .table-fixed td, 2188 .table-fixed th { 2189 display: block; 2190 } 2191 .table-fixed tbody td, 2192 .table-fixed thead > tr > th { 2193 float: left; 2194 border-bottom-width: 0; 2195 } 2196 /*# sourceMappingURL=/static/dist/less.map */