k8s.io/test-infra@v0.0.0-20240520184403-27c6b4c223d8/gubernator/static/style.css (about)

     1  body {
     2      font-family: sans-serif;
     3      padding: 0;
     4      margin: 0;
     5      scroll-behavior: smooth;
     6  }
     7  #page-top-banner {
     8      text-align: center;
     9      padding: 15px;
    10      background-color: #ffeb00;
    11      font-weight: bold;
    12  }
    13  #page-top-banner a {
    14      color: #0027ff;
    15  }
    16  #header {
    17      background-color: #3f51b5;
    18      color: white;
    19      text-align: center;
    20      padding: 8px;
    21      box-shadow: 0px 0px 10px #666;
    22      min-height: 100px;
    23  }
    24  #header a {
    25      color: white;
    26  }
    27  #header img {
    28      width: 100px;
    29      height: 100px;
    30      float: left;
    31      padding-left: 20px;
    32  }
    33  #summary {
    34      text-align: center;
    35  }
    36  #failures {
    37      padding: 0 0 0 10px;
    38  }
    39  #content {
    40      margin: 10px;
    41  }
    42  #help {
    43      margin: 30px;
    44  }
    45  h3 {
    46      margin: 0.67em 0 0 0;
    47  }
    48  pre {
    49      white-space: pre-wrap;
    50      word-break: break-word;
    51  }
    52  pre.nowrap{
    53      white-space: pre;
    54  }
    55  pre.error {
    56      margin: .5em 0 1em 2em;
    57      padding: 10px;
    58      background-color: #eee;
    59      display: inline-block;
    60      border-radius: 10px;
    61      box-shadow: 5px 5px 2px 0 #aaa;
    62  }
    63  pre.cmd {
    64      padding: 1em;     /* make the click target large */
    65      margin: 0 0 0 0;  /* margin isn't clickable */
    66      font-size: 9pt;
    67      color: #777;
    68  }
    69  pre.cmd::before {
    70      content: "Command: ";  /* This text isn't selectable */
    71  }
    72  span.highlight {
    73      background-color: palegoldenrod;
    74  }
    75  span.keyword {
    76      font-weight: bolder;
    77  }
    78  span.skip {
    79      color: #999;
    80      text-decoration: underline;
    81      cursor: pointer;
    82  }
    83  span.inset-filename {
    84      float: right;
    85      color: #777;
    86      margin-left: 3em;
    87  }
    88  span.time {
    89      font-weight: lighter;
    90      font-family: monospace;
    91  }
    92  span.inset-expand {
    93      float: left;
    94      color: #777;
    95  }
    96  .hidden {
    97      display: none;
    98  }
    99  .expand {
   100      cursor: pointer;
   101      text-decoration: underline;
   102  }
   103  a.anchor, pre.error>a {
   104      color: inherit;
   105  }
   106  a.anchor:target {
   107      color: blue;
   108  }
   109  table.pr {
   110      margin: 20px;
   111  }
   112  tr.pr-version th {
   113      background-color: lightgrey;
   114  }
   115  table.pr td {
   116      padding: 5px;
   117      max-width: 30vw;
   118  }
   119  table.pr th {
   120      cursor: pointer;
   121      user-select: none;
   122  }
   123  .build-success {
   124      background-color: lightgreen;
   125  }
   126  .build-failure {
   127      background-color: #F88;
   128  }
   129  .build-unset {
   130      background-color: lightgrey;
   131  }
   132  .build-unstable {
   133      background-color: yellow;
   134  }
   135  label:hover {
   136      cursor: pointer;
   137  }
   138  table.pr-dash {
   139      border-spacing: 0;
   140  }
   141  table.pr-dash tbody tr {
   142      cursor: pointer;
   143  }
   144  table.pr-dash tbody tr:nth-child(odd) {
   145      background: #EEE;
   146  }
   147  table.pr-dash tbody tr:hover {
   148      background: #e3e9ff;
   149  }
   150  #prdash-nav, #milestone-nav {
   151      margin: 10px 0 0 40px;
   152  }
   153  #userBox {
   154      width: 10em;
   155  }
   156  table.build-meta {
   157      text-align: left;
   158      word-break: break-word;
   159      margin: 0 auto;  /* center */
   160  }
   161  table.build-meta tr:nth-child(even) {
   162      background: #ddd;
   163  }
   164  table.build-meta td:nth-child(2) {
   165      max-width: 60vw;
   166  }
   167  table.build-meta td {
   168      padding:2px 5px 2px 5px;
   169  }
   170  h3.pr-section {
   171      margin: 1em 0 0 1em;
   172  }
   173  h4.pr-section {
   174      margin-left: 3em;
   175  }
   176  .text-success { color: #55a532; }
   177  .text-pending { color: #cea61b; }
   178  .text-failure { color: #bd2c00; }
   179  
   180  .testlist {
   181      margin-left: 2em;
   182  }
   183  .testlist p {
   184      margin: 0;
   185  }
   186  
   187  /* ansi colors from https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
   188  .ansi-0 { color: #000000; }  /* Black */
   189  .ansi-1 { color: #c23621; }  /* Red */
   190  .ansi-2 { color: #25bc26; }  /* Green */
   191  .ansi-3 { color: #adad27; }  /* Brown */
   192  .ansi-4 { color: #492ee1; }  /* Blue */
   193  .ansi-5 { color: #d338d3; }  /* Magenta */
   194  .ansi-6 { color: #33bbc8; }  /* Cyan */
   195  .ansi-7 { color: #cbcccd; }  /* Gray */
   196  /* Bright */
   197  .ansi-8 { color: #818383; }  /* Darkgray */
   198  .ansi-9 { color: #fc391f; }  /* Red */
   199  .ansi-10 { color: #31e722; }  /* Green */
   200  .ansi-11 { color: #eaec23; }  /* Yellow */
   201  .ansi-12 { color: #5833ff; }  /* Blue */
   202  .ansi-13 { color: #f935f8; }  /* Magenta */
   203  .ansi-14 { color: #14f0f0; }  /* Cyan */
   204  .ansi-15 { color: #e9ebeb; }  /* White */
   205  ul.nav {
   206      list-style-type:none;
   207  }
   208  li.nav {
   209      padding: 5px 20px 5px 20px;
   210      display: inline-block;
   211      background-color: #eee;
   212  }
   213  div#log {
   214      padding: 0 0 0 10px;
   215  }
   216  ul.log {
   217      list-style-type:none;
   218      margin: 0px;
   219      padding: 0px;
   220  }
   221  li.log {
   222      padding: 5px;
   223      display: inline-block;
   224  }
   225  
   226  /* weak mobile support */
   227  @media (max-device-width: 500px) {
   228      body { font-size: xx-large; }
   229      pre { font-size: x-small; }
   230      pre.cmd { display: none; }
   231      pre.error { font-size: medium; }
   232      button { font-size: xx-large; }
   233  }