sigs.k8s.io/prow@v0.0.0-20240503223140-c5e374dc7eb1/pkg/spyglass/lenses/buildlog/buildlog.css (about)

     1  body {
     2      padding-left: 15px;
     3      padding-bottom: 10px;
     4  }
     5  
     6  html {
     7      overflow-x: hidden;
     8  }
     9  
    10  .annotate-pin {
    11      border-radius: 0.25em;
    12      color: #ccc;
    13      cursor: pointer;
    14      padding: 0.25em;
    15      position: absolute;
    16      z-index: 1;
    17      top: -1em;
    18      left: -.5em;
    19  }
    20  
    21  .highlighted-line .annotate-pin {
    22    background: #42425A;
    23  }
    24  
    25  .annotate-pin:hover {
    26    background: #555568;
    27  }
    28  
    29  .annotate-pin i.material-icons {
    30    transform: rotate(-20deg);
    31    font-size: 1.2em;
    32    margin: 0.05em 0.03em 0 0;
    33  }
    34  
    35  .shown > div {
    36    position: relative;
    37  }
    38  
    39  .focus-clip {
    40    position: absolute;
    41    top: -1.5em;
    42    left: -1.5em;
    43    background: none;
    44    color: #ccc;
    45    margin: 0.5em;
    46    padding: 0.25em;
    47    border: none;
    48  }
    49  
    50  .focus-clip i.material-icons {
    51    transform: rotate(60deg);
    52    font-size: 2em;
    53  }
    54  
    55  .linetext button, .linenum button {
    56      font-size: 1em;
    57      text-align: left;
    58      background: none;
    59      color: #ccc;
    60      margin: 0;
    61      padding: 0;
    62      border: none;
    63      cursor: pointer;
    64  }
    65  
    66  .loglines .material-icons {
    67    font-size: 1em;
    68    vertical-align: middle;
    69  }
    70  
    71  .show-skipped.showable:hover {
    72      background-color: #666;
    73  }
    74  .show-skipped.showable {
    75      background-color: #505050;
    76  }
    77  
    78  .loglines {
    79      color: #fff;
    80      width: calc(100% - 30px);
    81      font-family: monospace;
    82      margin-top: 15px;
    83  }
    84  .loglines .linetext span {
    85      white-space: pre-wrap;
    86      word-break: break-all;
    87      overflow-wrap: break-word;
    88  }
    89  
    90  .line-highlighted {
    91      color: rgba(255, 224, 0, 1.0);
    92  }
    93  .match-highlighted {
    94      color: rgba(255, 0, 0, 1.0);
    95  }
    96  .skipped {
    97      display: none;
    98  }
    99  
   100  .linenum {
   101      user-select: none;
   102      -moz-user-select: none; /* for Firefox pre-69 */
   103      -webkit-user-select: none; /* for Safari, Opera, and Edge (pre-Blink) */
   104      color: rgba(255,255,255,0.6);
   105      text-align: right;
   106      vertical-align: top;
   107      width: 50px;
   108      text-overflow: ellipsis;
   109      position: absolute;
   110  }
   111  
   112  .linenum a {
   113      text-decoration: none;
   114      color: inherit;
   115  }
   116  
   117  .linenum a:hover {
   118      color: rgba(255,255,255,0.4);
   119  }
   120  
   121  .linetext {
   122      width: calc(100% - 55px);
   123      margin-left: 55px;
   124      min-height: 20px;
   125  }
   126  
   127  .highlighted-line {
   128      background: #555;
   129  }
   130  
   131  .highlighted-line.focus-line {
   132    background: #555568;
   133  }
   134  
   135  .focus-line {
   136    background: #42425A;
   137  }
   138  
   139  /* ansi colors from https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
   140  .ansi-0 { color: #000000; }  /* Black */
   141  .ansi-1 { color: #c23621; }  /* Red */
   142  .ansi-2 { color: #25bc26; }  /* Green */
   143  .ansi-3 { color: #adad27; }  /* Brown */
   144  .ansi-4 { color: #492ee1; }  /* Blue */
   145  .ansi-5 { color: #d338d3; }  /* Magenta */
   146  .ansi-6 { color: #33bbc8; }  /* Cyan */
   147  .ansi-7 { color: #cbcccd; }  /* Gray */
   148  /* Bright */
   149  .ansi-8 { color: #818383; }  /* Darkgray */
   150  .ansi-9 { color: #fc391f; }  /* Red */
   151  .ansi-10 { color: #31e722; }  /* Green */
   152  .ansi-11 { color: #eaec23; }  /* Yellow */
   153  .ansi-12 { color: #5833ff; }  /* Blue */
   154  .ansi-13 { color: #f935f8; }  /* Magenta */
   155  .ansi-14 { color: #14f0f0; }  /* Cyan */
   156  .ansi-15 { color: #e9ebeb; }  /* White */