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 */