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 }