30 |
} |
} |
31 |
|
|
32 |
h2, h3, h4, h5, h6 { |
h2, h3, h4, h5, h6 { |
33 |
margin: 0 -1em; |
margin: 0 0 0 -1em; |
34 |
padding: 0.3em 1em; |
padding: 0.3em 1em; |
35 |
} |
} |
36 |
|
|
505 |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
506 |
} |
} |
507 |
|
|
508 |
|
/* Result paragraph */ |
509 |
|
|
510 |
|
.result-para { |
|
|
|
|
|
|
|
|
|
|
#error-description h3, #result-para { |
|
511 |
margin-left: 20px; |
margin-left: 20px; |
512 |
padding-left: 40px; |
padding-left: 40px; |
513 |
min-height: 32px; |
min-height: 32px; |
514 |
background-image: url(large-stop); |
background-color: none; |
515 |
background-position: center left; |
background-position: center left; |
516 |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
517 |
|
padding-top: 0.2em; |
518 |
|
padding-bottom: 0.2em; |
519 |
|
padding-right: 1em; |
520 |
} |
} |
521 |
#levels-table tbody th:first-child { |
|
522 |
padding-left: 42px; |
.result-para.no-error { |
523 |
min-height: 32px; |
background-image: url(ok); |
524 |
background-image: url(large-stop); |
background-color: #ddffdd; |
525 |
background-position: 5px center; |
color: black; |
|
background-repeat: no-repeat; |
|
|
text-align: left; |
|
526 |
} |
} |
527 |
|
|
528 |
#error-description h3 { |
.result-para.must-errors, |
529 |
margin-left: 1em; |
.result-para.should-errors { |
530 |
margin-right: 1em; |
background-image: url(large-stop); |
531 |
|
/* TODO: Use different image for should-errors */ |
532 |
} |
} |
533 |
|
|
534 |
|
/* See "Result summary table" for background color of |
535 |
|
.must-errors and .should-errors */ |
536 |
|
|
537 |
.format-charset, .tokenizer-error, .parse-error { |
.result-para.uncertain { |
538 |
background-image: url(icons/syntax-16); |
background-color: #e1e1ff; |
539 |
background-position: left center; |
color: black; |
540 |
background-repeat: no-repeat; |
background-image: none; |
|
padding-left: 20px; |
|
541 |
} |
} |
542 |
|
|
543 |
.content-model-error, .attribute-error, .attribute-value-error, |
/* Result summary table */ |
|
.attribute-value-warning, .table-model-error { |
|
|
background-image: url(icons/structure-16); |
|
|
background-position: left center; |
|
|
background-repeat: no-repeat; |
|
|
padding-left: 20px; |
|
|
} |
|
544 |
|
|
545 |
#result-para.PASS { |
.result table { |
|
background-image: url(ok); |
|
|
} |
|
|
#result-summary table { |
|
546 |
margin-left: auto; |
margin-left: auto; |
547 |
margin-right: auto; |
margin-right: auto; |
548 |
border: 3px solid #800080; |
border: 4px solid #800080; |
549 |
border-collapse: collapse; |
border-collapse: collapse; |
550 |
} |
} |
551 |
|
|
552 |
#result-summary tbody, colgroup { |
.result tbody, |
553 |
border: 3px solid #800080; |
.result colgroup { |
554 |
|
border: 4px solid #800080; |
555 |
|
} |
556 |
|
|
557 |
|
.result tbody > tr:first-child > th { |
558 |
|
border-bottom-width: 2px; |
559 |
|
} |
560 |
|
|
561 |
|
.result tr.total > * { |
562 |
|
border-top-width: 2px; |
563 |
} |
} |
564 |
|
|
565 |
#result-summary th { |
.result td.subrow { |
566 |
|
border-right-width: 2px; |
567 |
|
} |
568 |
|
|
569 |
|
.result th, |
570 |
|
.result td.subrow, |
571 |
|
.result .uncertain td.subrow { |
572 |
background-color: #fff0f0; |
background-color: #fff0f0; |
573 |
color: black; |
color: black; |
574 |
} |
} |
575 |
|
|
576 |
#result-summary th, #result-summary td { |
.result th, |
577 |
|
.result td { |
578 |
border: 1px solid #800080; |
border: 1px solid #800080; |
579 |
padding: 0.2em 0.5em; |
padding: 0.2em 0.5em; |
580 |
text-align: center; |
text-align: center; |
581 |
empty-cells: show; |
empty-cells: show; |
582 |
} |
} |
583 |
|
|
584 |
.uncertain td, p.uncertain, |
.result td.subrow { |
585 |
#level-u, #level-u th { |
border-top-style: hidden; |
586 |
|
} |
587 |
|
|
588 |
|
.result .uncertain td { |
589 |
background-color: #e1e1ff; |
background-color: #e1e1ff; |
590 |
color: black; |
color: black; |
591 |
} |
} |
592 |
|
|
593 |
.FAIL, .uncertain td.FAIL, #level-m, #level-m th { |
.result .must-errors, |
594 |
|
.result .uncertain .must-errors { |
595 |
background-color: #ffcece; |
background-color: #ffcece; |
596 |
color: black; |
color: black; |
597 |
} |
} |
598 |
|
|
599 |
.SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th { |
.result .should-errors, |
600 |
|
.result .uncertain .should-errors { |
601 |
background-color: #e1e1ff; |
background-color: #e1e1ff; |
602 |
color: black; |
color: black; |
603 |
} |
} |
604 |
|
|
605 |
.PASS, #level-w, #level-w th, |
.result tfoot .total strong { |
606 |
#level-i, #level-i th { |
font-size: 150%; |
|
background-color: #ddffdd; |
|
|
color: black; |
|
607 |
} |
} |
608 |
|
|
609 |
#result-para { |
.result thead > tr > th:first-child + th { |
610 |
padding-top: 0.2em; |
background-image: url(error); |
611 |
padding-bottom: 0.2em; |
background-repeat: no-repeat; |
612 |
padding-right: 1em; |
background-position: 2px center; |
613 |
|
padding-left: 20px; /* error.png's width is 16px */ |
614 |
|
} |
615 |
|
|
616 |
|
.result thead > tr > th:first-child + th + th { |
617 |
|
background-image: url(error); /* TODO: SHOULD image */ |
618 |
|
background-repeat: no-repeat; |
619 |
|
background-position: 2px center; |
620 |
|
padding-left: 20px; /* error.png's width is 16px */ |
621 |
|
} |
622 |
|
|
623 |
|
.result thead > tr > th:first-child + th + th + th { |
624 |
|
background-image: url(alert); |
625 |
|
background-repeat: no-repeat; |
626 |
|
background-position: 2px center; |
627 |
|
padding-left: 20px; /* alert.png's width is 16px */ |
628 |
|
} |
629 |
|
|
630 |
|
.result thead > tr > th:first-child + th + th + th + th { |
631 |
|
background-image: url(info); |
632 |
|
background-repeat: no-repeat; |
633 |
|
background-position: 2px center; |
634 |
|
padding-left: 20px; /* info.png's width is 16px */ |
635 |
|
} |
636 |
|
|
637 |
|
.result thead + tbody > tr:first-child + tr > th { |
638 |
|
background-image: url(icons/transfer-16); |
639 |
|
background-repeat: no-repeat; |
640 |
|
background-position: 2px center; |
641 |
|
padding-left: 20px; /* background-image's width is 16px */ |
642 |
|
} |
643 |
|
|
644 |
|
.result thead + tbody > tr:first-child + tr + tr > th { |
645 |
|
background-image: url(icons/char-16); /* TODO: new image */ |
646 |
|
background-repeat: no-repeat; |
647 |
|
background-position: 2px center; |
648 |
|
padding-left: 20px; /* background-image's width is 16px */ |
649 |
|
} |
650 |
|
|
651 |
|
.result thead + tbody > tr:first-child + tr + tr + tr > th { |
652 |
|
background-image: url(icons/char-16); |
653 |
|
background-repeat: no-repeat; |
654 |
|
background-position: 2px center; |
655 |
|
padding-left: 20px; /* background-image's width is 16px */ |
656 |
} |
} |
657 |
|
|
658 |
|
.result thead + tbody > tr:first-child + tr + tr + tr + tr > th { |
659 |
|
background-image: url(icons/syntax-16); |
660 |
|
background-repeat: no-repeat; |
661 |
|
background-position: 2px center; |
662 |
|
padding-left: 20px; /* background-image's width is 16px */ |
663 |
|
} |
664 |
|
|
665 |
|
.result thead + tbody > tr:first-child + tr + tr + tr + tr + tr > th { |
666 |
|
background-image: url(icons/structure-16); |
667 |
|
background-repeat: no-repeat; |
668 |
|
background-position: 2px center; |
669 |
|
padding-left: 20px; /* background-image's width is 16px */ |
670 |
|
} |
671 |
|
|
672 |
|
.result thead + tbody > tr:first-child + tr + tr + tr + tr + tr + tr > th { |
673 |
|
background-image: url(icons/semantics-16); |
674 |
|
background-repeat: no-repeat; |
675 |
|
background-position: 2px center; |
676 |
|
padding-left: 20px; /* background-image's width is 16px */ |
677 |
|
} |
678 |
|
|
679 |
/* |
/* |
680 |
|
|