| OLD | NEW |
| (Empty) |
| 1 body { | |
| 2 margin-bottom:50px; | |
| 3 } | |
| 4 | |
| 5 body, td { | |
| 6 font-family: Verdana, Cursor; | |
| 7 font-size: 10px; | |
| 8 font-weight: bold; | |
| 9 } | |
| 10 | |
| 11 a:link,a:visited,a:active { | |
| 12 color: #444; | |
| 13 } | |
| 14 a:hover { | |
| 15 color: #000000; | |
| 16 } | |
| 17 | |
| 18 table { | |
| 19 border-spacing: 1px 1px; | |
| 20 } | |
| 21 | |
| 22 table td { | |
| 23 padding: 3px 0px 3px 0px; | |
| 24 text-align: center; | |
| 25 } | |
| 26 | |
| 27 .Project { | |
| 28 width: 100px; | |
| 29 } | |
| 30 | |
| 31 .LastBuild, .Activity { | |
| 32 padding: 0 0 0 4px; | |
| 33 } | |
| 34 | |
| 35 .LastBuild, .Activity, .Builder, .BuildStep { | |
| 36 width: 155px; | |
| 37 max-width: 155px; | |
| 38 } | |
| 39 | |
| 40 div.BuildResultInfo { | |
| 41 color: #444; | |
| 42 } | |
| 43 | |
| 44 div.Announcement { | |
| 45 margin-bottom: 1em; | |
| 46 } | |
| 47 | |
| 48 div.Announcement > a:hover { | |
| 49 color: black; | |
| 50 } | |
| 51 | |
| 52 div.Announcement > div.Notice { | |
| 53 background-color: #afdaff; | |
| 54 padding: 0.5em; | |
| 55 font-size: 16px; | |
| 56 text-align: center; | |
| 57 } | |
| 58 | |
| 59 div.Announcement > div.Open { | |
| 60 border: 3px solid #8fdf5f; | |
| 61 padding: 0.5em; | |
| 62 font-size: 16px; | |
| 63 text-align: center; | |
| 64 } | |
| 65 | |
| 66 div.Announcement > div.Closed { | |
| 67 border: 5px solid #e98080; | |
| 68 padding: 0.5em; | |
| 69 font-size: 24px; | |
| 70 font-weight: bold; | |
| 71 text-align: center; | |
| 72 } | |
| 73 | |
| 74 div.BuildWaterfall { | |
| 75 -webkit-border-radius: 7px; | |
| 76 position: absolute; | |
| 77 left: 0px; | |
| 78 top: 0px; | |
| 79 background-color: #FFFFFF; | |
| 80 padding: 4px 4px 4px 4px; | |
| 81 float: left; | |
| 82 display: none; | |
| 83 border-width: 1px; | |
| 84 border-style: solid; | |
| 85 } | |
| 86 | |
| 87 td.Time { | |
| 88 color: #000; | |
| 89 border-bottom: 1px solid #aaa; | |
| 90 background-color: #eee; | |
| 91 } | |
| 92 | |
| 93 td.Activity, td.Change, td.Builder { | |
| 94 color: #333333; | |
| 95 background-color: #CCCCCC; | |
| 96 } | |
| 97 | |
| 98 td.Change { | |
| 99 border-radius: 5px; | |
| 100 -webkit-border-radius: 5px; | |
| 101 } | |
| 102 td.Event { | |
| 103 color: #777; | |
| 104 background-color: #ddd; | |
| 105 border-radius: 5px; | |
| 106 -webkit-border-radius: 5px; | |
| 107 } | |
| 108 | |
| 109 td.DevRev { | |
| 110 padding: 4px 8px 4px 8px; | |
| 111 color: #333333; | |
| 112 -webkit-border-top-left-radius: 5px; | |
| 113 background-color: #eee; | |
| 114 width: 1%; | |
| 115 } | |
| 116 | |
| 117 td.DevRevCollapse { | |
| 118 -webkit-border-bottom-left-radius: 5px; | |
| 119 } | |
| 120 | |
| 121 td.DevName { | |
| 122 padding: 4px 8px 4px 8px; | |
| 123 color: #333333; | |
| 124 background-color: #eee; | |
| 125 width: 1%; | |
| 126 text-align: left; | |
| 127 } | |
| 128 | |
| 129 td.DevStatus { | |
| 130 padding: 4px 4px 4px 4px; | |
| 131 color: #333333; | |
| 132 background-color: #eee; | |
| 133 } | |
| 134 | |
| 135 td.DevSlave { | |
| 136 padding: 4px 4px 4px 4px; | |
| 137 color: #333333; | |
| 138 background-color: #eee; | |
| 139 } | |
| 140 | |
| 141 td.first { | |
| 142 -webkit-border-top-left-radius: 5px; | |
| 143 } | |
| 144 | |
| 145 td.last { | |
| 146 -webkit-border-top-right-radius: 5px; | |
| 147 } | |
| 148 | |
| 149 td.DevStatusCategory { | |
| 150 border-radius: 5px; | |
| 151 -webkit-border-radius: 5px; | |
| 152 border-width:1px; | |
| 153 border-style:solid; | |
| 154 } | |
| 155 | |
| 156 td.DevStatusCollapse { | |
| 157 -webkit-border-bottom-right-radius: 5px; | |
| 158 } | |
| 159 | |
| 160 td.DevDetails { | |
| 161 font-weight: normal; | |
| 162 padding: 8px 8px 8px 8px; | |
| 163 color: #333333; | |
| 164 background-color: #eee; | |
| 165 text-align: left; | |
| 166 } | |
| 167 | |
| 168 td.DevComment { | |
| 169 font-weight: normal; | |
| 170 padding: 8px 8px 8px 8px; | |
| 171 color: #333333; | |
| 172 -webkit-border-bottom-right-radius: 5px; | |
| 173 -webkit-border-bottom-left-radius: 5px; | |
| 174 background-color: #eee; | |
| 175 text-align: left; | |
| 176 } | |
| 177 | |
| 178 td.Alt { | |
| 179 background-color: #CCCCCC; | |
| 180 } | |
| 181 | |
| 182 td.Activity { | |
| 183 border-top-left-radius: 10px; | |
| 184 -webkit-border-top-left-radius: 10px; | |
| 185 min-height: 20px; | |
| 186 padding: 2px 0 2px 0; | |
| 187 } | |
| 188 | |
| 189 td.idle, td.waiting, td.offline, td.building { | |
| 190 border-top-left-radius: 0px; | |
| 191 -webkit-border-top-left-radius: 0px; | |
| 192 } | |
| 193 | |
| 194 .LastBuild { | |
| 195 border-top-left-radius: 5px; | |
| 196 -webkit-border-top-left-radius: 5px; | |
| 197 border-top-right-radius: 5px; | |
| 198 -webkit-border-top-right-radius: 5px; | |
| 199 } | |
| 200 | |
| 201 .legend { | |
| 202 border-radius: 5px; | |
| 203 -webkit-border-radius: 5px; | |
| 204 width: 100px; | |
| 205 max-width: 100px; | |
| 206 text-align:center; | |
| 207 padding: 2px 2px 2px 2px; | |
| 208 height:14px; | |
| 209 white-space:nowrap; | |
| 210 } | |
| 211 | |
| 212 .DevStatusBox { | |
| 213 text-align:center; | |
| 214 height:20px; | |
| 215 padding:0 2px; | |
| 216 line-height:0; | |
| 217 white-space:nowrap; | |
| 218 } | |
| 219 | |
| 220 .DevStatusBox a { | |
| 221 opacity: 0.85; | |
| 222 border-width:1px; | |
| 223 border-style:solid; | |
| 224 border-radius: 4px; | |
| 225 -webkit-border-radius: 4px; | |
| 226 display:block; | |
| 227 width:90%; | |
| 228 height:20px; | |
| 229 line-height:20px; | |
| 230 margin-left: auto; | |
| 231 margin-right: auto; | |
| 232 } | |
| 233 | |
| 234 .DevSlaveBox { | |
| 235 text-align:center; | |
| 236 height:10px; | |
| 237 padding:0 2px; | |
| 238 line-height:0; | |
| 239 white-space:nowrap; | |
| 240 } | |
| 241 | |
| 242 .DevSlaveBox a { | |
| 243 opacity: 0.85; | |
| 244 border-width:1px; | |
| 245 border-style:solid; | |
| 246 border-radius: 4px; | |
| 247 -webkit-border-radius: 4px; | |
| 248 display:block; | |
| 249 width:90%; | |
| 250 height:10px; | |
| 251 line-height:20px; | |
| 252 margin-left: auto; | |
| 253 margin-right: auto; | |
| 254 } | |
| 255 | |
| 256 a.noround { | |
| 257 border-radius: 0px; | |
| 258 -webkit-border-radius: 0px; | |
| 259 position: relative; | |
| 260 margin-top: -8px; | |
| 261 margin-bottom: -8px; | |
| 262 height: 36px; | |
| 263 border-top-width: 0; | |
| 264 border-bottom-width: 0; | |
| 265 } | |
| 266 | |
| 267 a.begin { | |
| 268 border-top-width:1px; | |
| 269 position: relative; | |
| 270 margin-top: 0px; | |
| 271 margin-bottom: -7px; | |
| 272 height: 27px; | |
| 273 border-top-left-radius: 4px; | |
| 274 -webkit-border-top-left-radius: 4px; | |
| 275 border-top-right-radius: 4px; | |
| 276 -webkit-border-top-right-radius: 4px; | |
| 277 } | |
| 278 | |
| 279 a.end { | |
| 280 border-bottom-width:1px; | |
| 281 position: relative; | |
| 282 margin-top: -7px; | |
| 283 margin-bottom: 0px; | |
| 284 height: 27px; | |
| 285 border-bottom-left-radius: 4px; | |
| 286 -webkit-border-bottom-left-radius: 4px; | |
| 287 border-bottom-right-radius: 4px; | |
| 288 -webkit-border-bottom-right-radius: 4px; | |
| 289 } | |
| 290 | |
| 291 .center_align { | |
| 292 text-align: center; | |
| 293 } | |
| 294 | |
| 295 .right_align { | |
| 296 text-align: right; | |
| 297 } | |
| 298 | |
| 299 .left_align { | |
| 300 text-align: left; | |
| 301 } | |
| 302 | |
| 303 | |
| 304 /* LastBuild, BuildStep states */ | |
| 305 .success { | |
| 306 color: #FFFFFF; | |
| 307 background-color: #8fdf5f; | |
| 308 border-color: #4F8530; | |
| 309 } | |
| 310 | |
| 311 .failure { | |
| 312 color: #FFFFFF; | |
| 313 background-color: #e98080; | |
| 314 border-color: #A77272; | |
| 315 } | |
| 316 | |
| 317 .warnings { | |
| 318 color: #FFFFFF; | |
| 319 background-color: #ffc343; | |
| 320 border-color: #C29D46; | |
| 321 } | |
| 322 | |
| 323 .exception, td.offline { | |
| 324 color: #FFFFFF; | |
| 325 background-color: #e0b0ff; | |
| 326 border-color: #ACA0B3; | |
| 327 } | |
| 328 | |
| 329 .start,.running, td.building { | |
| 330 color: #666666; | |
| 331 background-color: #fffc6c; | |
| 332 border-color: #C5C56D; | |
| 333 } | |
| 334 | |
| 335 .running_failure { | |
| 336 color: #FFFFFF; | |
| 337 background-color: #fffc6c; | |
| 338 outline: 2px solid #e98080; | |
| 339 border-color: #e98080; | |
| 340 border-radius: 0 !important; | |
| 341 -webkit-border-radius: 0 !important; | |
| 342 } | |
| 343 | |
| 344 .start { | |
| 345 border-bottom-left-radius: 10px; | |
| 346 -webkit-border-bottom-left-radius: 10px; | |
| 347 border-bottom-right-radius: 10px; | |
| 348 -webkit-border-bottom-right-radius: 10px; | |
| 349 } | |
| 350 | |
| 351 .notstarted { | |
| 352 border-width:1px; | |
| 353 border-style:solid; | |
| 354 border-color:#aaa; | |
| 355 } | |
| 356 | |
| 357 .closed { | |
| 358 background-color: #ff0000; | |
| 359 } | |
| 360 | |
| 361 .closed .large { | |
| 362 font-size: 1.5em; | |
| 363 font-weight: bolder; | |
| 364 } | |
| 365 | |
| 366 td.Project a:hover, td.start a:hover { | |
| 367 color: #000; | |
| 368 } | |
| 369 | |
| 370 .mini-box { | |
| 371 text-align:center; | |
| 372 height:20px; | |
| 373 padding:0 2px; | |
| 374 line-height:0; | |
| 375 white-space:nowrap; | |
| 376 } | |
| 377 | |
| 378 .mini-box a { | |
| 379 border-radius:0; | |
| 380 -webkit-border-radius:0; | |
| 381 display:block; | |
| 382 width:100%; | |
| 383 height:20px; | |
| 384 line-height:20px; | |
| 385 margin-top:-30px; | |
| 386 font-size: 75%; | |
| 387 text-decoration: none; | |
| 388 } | |
| 389 | |
| 390 .mini-box a:after { | |
| 391 content: attr(title); | |
| 392 } | |
| 393 | |
| 394 .mini-box a:link { color: #000 } | |
| 395 .mini-box a:visited { color: #000 } | |
| 396 .mini-box a:hover { color: #000 } | |
| 397 | |
| 398 .mini-closed { | |
| 399 -box-sizing:border-box; | |
| 400 -webkit-box-sizing:border-box; | |
| 401 border:4px solid red; | |
| 402 } | |
| OLD | NEW |