extjs/examples/classic/simple-tasks/test/local/resources/reporter.css

   1 body {
   2     font-size: 12px;
   3     font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, sans-serif;
   4     font-weight: normal;
   5     text-rendering: optimizeLegibility;
   6     -webkit-font-smoothing: antialiased;
   7     margin:0;
   8     padding:0;
   9 }
  10
  11 .treegrid {
  12     margin: 0;
  13     color: #2e3436;
  14     background-color: #ffffff;
  15     padding: 5px 10px 5px 10px;
  16 }
  17
  18 .treegrid .logo {
  19     background: url(images/logo-sencha.png) no-repeat left top;
  20     height: 26px;
  21     font-size: 16px;
  22     padding-top: 4px;
  23     padding-left: 28px;
  24     font-weight: bold;
  25 }
  26
  27 .treegrid .toolBar {
  28     height: 28px;
  29     line-height: 28px;
  30     font-size: 12px;
  31 }
  32
  33 .treegrid .tbody {
  34     background-color: #ffffff;
  35     border: 1px solid #babdb6;
  36     overflow: auto;
  37 }
  38
  39 .treegrid .tabpanel {
  40     height: 280px;
  41 }
  42
  43 .treegrid .resizer {
  44     cursor: row-resize;
  45     text-align: center;
  46     height: 10px;
  47     font-size: 9px;
  48 }
  49
  50 .treegrid .row {
  51     line-height: 19px;
  52     *line-height: 20px;
  53     zoom: 1;
  54 }
  55
  56
  57 .treegrid .statusMessage {
  58     background-color: #ffffff;
  59     height: 20px;
  60     line-height: 20px;
  61     font-size: 12px;
  62     padding-left: 5px;
  63     font-weight: bold;
  64     border: 1px solid #babdb6;
  65 }
  66
  67 .treegrid .statusMessage.failed {
  68     background-color: red;
  69     color: #ffffff;
  70 }
  71
  72 .treegrid .statusMessage.passed {
  73     background-color: green;
  74     color: #ffffff;
  75 }
  76
  77 .treegrid .toolBar .options {
  78     color: #666;
  79     font-size: 10px;
  80 }
  81
  82 .treegrid .toolBar .actionLink {
  83     margin-left: 10px;
  84     text-decoration: underline;
  85     cursor: pointer;
  86 }
  87
  88 .noexpand, .expand, .collapse {
  89     float: left;
  90     width: 16px;
  91     height: 16px;
  92     margin-top: 1px;
  93 }
  94
  95 .expand {
  96     background: url(images/arrows.gif) no-repeat left center;
  97     background-position: -32px 0;
  98 }
  99
 100 .collapse {
 101     background: url(images/arrows.gif) no-repeat left center;
 102     background-position: -48px 0;
 103 }
 104
 105 .checkbox-col {
 106     float: left;
 107 }
 108
 109 .row .spec, .row .suite {
 110     color: white;
 111     font-size: 13px;
 112 }
 113
 114 .row.selected {
 115     opacity: 0.80;
 116     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 117     filter: alpha(opacity=80);
 118 }
 119
 120 .row {
 121     background-color: #cc610a;
 122 }
 123
 124 .row.failed {
 125     background-color: red;
 126 }
 127
 128 .row.passed {
 129     background-color: green;
 130 }
 131
 132 .row.disabled {
 133     background-color: grey;
 134 }
 135
 136 div.results {
 137     margin: 0 20px 0 20px;
 138     background: #ffffff;
 139     color: #000000;
 140     font-size: 11px;
 141     line-height: 16px;
 142 }
 143
 144 .spec {
 145     padding-bottom: 5px;
 146 }
 147
 148 .tabpanel .toolBar {
 149     height: 30px;
 150     padding-bottom: 10px;
 151 }
 152
 153 .infos .infoMessage {
 154     padding: 5px 5px 5px 5px;
 155     border-bottom: 1px solid #eeeeec;
 156 }
 157 .infos .infoMessage.warning {
 158     color: red;
 159 }
 160
 161 .resultMessage {
 162     white-space: pre;
 163     padding: 5px 5px 5px 5px;
 164     border-top: 1px solid #eeeeec;
 165 }
 166
 167 .resultMessage.pass {
 168     color: green;
 169 }
 170
 171 .resultMessage.fail {
 172     color: red;
 173 }
 174
 175 .resultMessage.first {
 176     border: none;
 177 }
 178
 179 .suite .description, .spec .description {
 180     display: block;
 181 }
 182
 183 .warning .description {
 184     background: url(images/warning.png) no-repeat left center;
 185 }
 186
 187 div.blockTitle {
 188     background-position: left 0;
 189     background-repeat: no-repeat;
 190     padding-left: 30px;
 191     padding-bottom: 2px;
 192     margin: 6px;
 193 }
 194
 195 .blocks div.specSources {
 196     background-image: url(images/spec_sources.png);
 197 }
 198
 199 .blocks div.beforeEach {
 200     background-image: url(images/before_each.png);
 201 }
 202
 203 .blocks div.afterEach {
 204     background-image: url(images/after_each.png);
 205 }
 206
 207 .tabpanel .toolBar span {
 208     height: 30px;
 209     line-height: 30px;
 210     padding: 6px 20px 7px 30px;
 211     background-position: 5px 50%;
 212     background-repeat: no-repeat;
 213     border:  1px solid #babdb6;
 214     background-color: #eeeeec;
 215     margin-right: 10px;
 216 }
 217
 218 .expand:hover, .collapse:hover, .tabpanel .toolBar span:hover,
 219 div.inspectStackTrace:hover {
 220     cursor: pointer;
 221 }
 222
 223 .tabpanel .toolBar span.selected {
 224     background-color: #fff;
 225 }
 226
 227 .tabpanel .toolBar span.infos {
 228     border-left: 1px solid #babdb6;
 229     background-image: url(images/infos.png);
 230 }
 231
 232 .tabpanel .toolBar span.blocks {
 233     background-image: url(images/block.png);
 234 }
 235
 236 .tabpanel .toolBar span.stackTrace {
 237     background-image: url(images/stack_trace.png);
 238 }
 239
 240 .tabpanel .toolBar span.sandbox {
 241     background-image: url(images/dom_sandbox.png);
 242 }
 243
 244 .tabpanel .toolBar span.jsCoverage {
 245     background-image: url(images/jscoverage.png);
 246 }
 247
 248 .tabpanel .toolBar span.jsCoverageSummary {
 249     background-image: url(images/jscoverage-summary.png);
 250 }
 251
 252 .panels {
 253     background: #ffffff;
 254     height: 241px;
 255     border: 1px solid #babdb6;
 256     overflow: auto;
 257 }
 258
 259 .panel {
 260     height: 100%;
 261 }
 262
 263 .panels .hideMe {
 264     position: absolute;
 265     left: -50000px;
 266     top: -50000px;
 267 }
 268
 269 .prettyPrint {
 270     white-space: pre;
 271     word-wrap: break-word;
 272     margin: 0;
 273 }
 274
 275 .panel .sources {
 276     font-size: 12px;
 277     font-weight: bold;
 278     color: #fff;
 279     font-family: monospace;
 280     background-color: #2e3436;
 281     border: 1px solid #babdb6;
 282     margin: 5px;
 283     overflow: auto;
 284 }
 285
 286 .stackTrace .sources {
 287     height: 250px;
 288 }
 289
 290 .panels .lineNumbers, .panels .lineBackground {
 291     margin: 0;
 292     width: 50px;
 293 }
 294
 295 .panels .lineNumbers .lineNumber {
 296     background-color: #fce94f;
 297     color: #2e3436;
 298     width: 40px;
 299     text-align: right;
 300     padding-right: 5px;
 301 }
 302
 303 .panels .lineNumbers .lineNumberRed {
 304     background-color: #cc0000;
 305 }
 306
 307 .panels .lineNumbers .lineNumberGreen {
 308     background-color: #4E9A06;
 309 }
 310
 311 .panels .code {
 312     white-space: pre;
 313     margin: 0;
 314 }
 315
 316 .panels .lineNumber.error {
 317     background-color: #cc0000;
 318 }
 319
 320 .stackTraceLine .fileName {
 321     background: url(images/file.png) no-repeat left 0;
 322     color: #2e3436;
 323     padding-left: 20px;
 324     margin: 5px;
 325 }
 326
 327 div.inspectStackTrace {
 328     color: #fce94f;
 329     font-size: 11px;
 330     text-decoration: underline;
 331     padding-bottom: 4px;
 332 }
 333
 334 .jsHlComment, .c {
 335     color: #d3d7cf !important;
 336 }
 337
 338 .jsHlKeyword {
 339     color: #729fcf !important;
 340 }
 341
 342 .jsHlOperator {
 343     color: #ad7fa8 !important;
 344 }
 345
 346 .jsHlNumber, .t {
 347     color: #edd400 !important;
 348 }
 349
 350 .jsHlString, .s {
 351     color: #fce94f !important;
 352 }
 353
 354 .sources table td {
 355     vertical-align: top;
 356 }
 357
 358 .jsCoverageSummary table {
 359     width: 100%;
 360 }
 361
 362 .jsCoverageSummary table.summary td {
 363     padding: 5px;
 364     border-bottom: 1px solid #babdb6;
 365 }
 366
 367 .jsCoverageSummary table td.percentage {
 368     width: 350px;
 369 }
 370
 371 .jsCoverageSummary .line.header {
 372     background-color: #eeeeec;
 373     font-weight: bold;
 374 }
 375
 376 .jsCoverageSummary .line.total {
 377     font-weight: bold;
 378 }
 379
 380 .jsCoverageSummary .percentage .limit {
 381     height: 18px;
 382     border: 1px solid green;
 383 }
 384
 385 .jsCoverageSummary .percentage .result {
 386     height: 18px;
 387     background-color: green;
 388 }
 389
 390 .jsCoverageSummary .fileName a {
 391     text-decoration: underline;
 392 }
 393
 394 .jsCoverageSummary .back {
 395     padding-left: 5px;
 396     text-decoration: underline;
 397     font-size: 12px;
 398 }
 399
 400 .sandboxIframe {
 401     border: 0 none;
 402     height: 1800px;
 403     width: 1800px;
 404     background: url(images/iframe-bg.png) repeat;
 405 }