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