/[suikacvs]/test/html-webhacc/cc-style.css
Suika

Diff of /test/html-webhacc/cc-style.css

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 1.24 by wakaba, Thu Aug 14 09:16:52 2008 UTC revision 1.25 by wakaba, Thu Aug 14 11:58:32 2008 UTC
# Line 21  h1 { Line 21  h1 {
21    font-size: 180%;    font-size: 180%;
22  }  }
23    
24  h2 {  h2, h3, h4, h5, h6, th {
   margin: 0;  
   border-style: none;  
   padding: 0;  
   font-weight: bolder;  
   font-family: sans-serif;  
   font-size: 150%;  
 }  
   
 h3, th {  
25    font-weight: bolder;    font-weight: bolder;
26    font-family: sans-serif;    font-family: sans-serif;
27    font-size: 100%;    font-size: 100%;
# Line 38  h3, th { Line 29  h3, th {
29    color: black;    color: black;
30  }  }
31    
32  .tree-text q, .tree-cdata q, .tree-comment q {  h2, h3, h4, h5, h6 {
33    display: block;    margin: 0 -1em;
34  }    padding: 0.3em 1em;
   
 q, #source-string li {  
   white-space: pre;  
   white-space: -moz-pre-wrap;  
   white-space: pre-wrap;  
35  }  }
36    
37  q, #source-string ol {  .tree-text q, .tree-cdata q, .tree-comment q {
38    background-color: #f0f0ff;    display: block;
   color: black;  
   line-height: 1.5;  
39  }  }
40    
41  q:before, q:after {  q:before, q:after {
# Line 68  q:before, q:after { Line 52  q:before, q:after {
52    font-style: italic;    font-style: italic;
53  }  }
54    
 #document-tree > ol {  
   margin-left: 0;  
   padding-left: 0;  
 }  
 #document-tree > ol > li {  
 /*  display: block;  
   list-style: none;  
   margin-left: 0;  
   padding-left: 0; */  
 }  
   
 #document-tree ol /*ol*/ {  
   margin-left: 1em;  
   padding-left: 0;  
 }  
   
 #document-tree ol /*ol*/ li {  
   margin-left: 0;  
   padding-left: 0.4em;  
 }  
   
 #document-tree ul.attributes {  
   margin-left: 3em;  
   padding: 0;  
 }  
   
 #document-tree ul.attributes li {  
   display: inline;  
   list-style: none;  
   margin: 0 2em 0 0;  
   padding: 0;  
   text-indent: 0;  
   font-size: 90%;  
 }  
   
55  #dump-manifest tbody:empty {  #dump-manifest tbody:empty {
56    display: table-caption;    display: table-caption;
57    caption-side: bottom;    caption-side: bottom;
# Line 127  q:before, q:after { Line 76  q:before, q:after {
76    content: "This cache manifest has an empty online whitelist.";    content: "This cache manifest has an empty online whitelist.";
77  }  }
78    
 #parse-errors dd, #document-errors dd, #error-description h3,  
 #result-para {  
   margin-left: 20px;  
   padding-left: 40px;  
   min-height: 32px;  
   background-image: url(large-stop);  
   background-position: center left;  
   background-repeat: no-repeat;  
 }  
   
 #levels-table tbody th:first-child {  
   padding-left: 42px;  
   min-height: 32px;  
   background-image: url(large-stop);  
   background-position: 5px center;  
   background-repeat: no-repeat;  
   text-align: left;  
 }  
   
 #identifiers dd, #terms dd {  
   margin-left: 20px;  
   padding-left: 20px;  
   min-height: 20px;  
 }  
   
 #identifiers dd + dd  
 /* , #terms dd + dd */ /* Now allowed - HTML5 revision 1467 */  
 {  
   background-image: url(error);  
   background-position: center left;  
   background-repeat: no-repeat;  
 }  
   
 #error-description h3 {  
   margin-left: 1em;  
   margin-right: 1em;  
 }  
79    
 #parse-errors dd.level-s, #document-errors dd.level-s,  
 #parse-errors dd.should,  
 #document-errors dd.should, #error-description .should h3,  
 #result-para.SEE-RESULT, #levels-table #level-s th {  
   background-image: url(large-stop);  
 }  
80    
 #parse-errors dd.level-w, #document-errors dd.level-w,  
 #parse-errors dd.warning,  
 #document-errors dd.warning, #error-description .warning h3,  
 #levels-table #level-w th {  
   background-image: url(large-alert);  
 }  
   
 #parse-errors dd.level-i, #document-errors dd.level-i,  
 #error-description .level-i h3,  
 #levels-table #level-i th {  
   background-image: url(large-info);  
 }  
   
 #parse-errors dd.level-u, #document-errors dd.level-u,  
 #parse-errors dd.level-unsupported, #document-errors dd.level-unsupported,  
 #parse-errors dd.unsupported,  
 #document-errors dd.unsupported {  
   margin-left: 60px;  
   border: red 0.2em solid;  
   padding: 0.5em;  
 }  
   
 #parse-errors dd.unsupported,  
 #document-errors dd.unsupported, #error-description .unsupported h3,  
 #result-para.uncertain,  
 #parse-errors dd.level-u, #document-errors dd.level-u,  
 #levels-table #level-u th {  
   background-image: none;  
 }  
   
 .error-category-charset {  
   background-image: url(icons/char-16);  
   background-position: left center;  
   background-repeat: no-repeat;  
   padding-left: 20px;  
 }  
   
 .format-charset, .tokenizer-error, .parse-error {  
   background-image: url(icons/syntax-16);  
   background-position: left center;  
   background-repeat: no-repeat;  
   padding-left: 20px;    
 }  
   
 .content-model-error, .attribute-error, .attribute-value-error,  
 .attribute-value-warning, .table-model-error {  
   background-image: url(icons/structure-16);  
   background-position: left center;  
   background-repeat: no-repeat;  
   padding-left: 20px;  
 }  
   
 #result-para.PASS {  
   background-image: url(ok);  
 }  
81    
82  #nav-items {  #nav-items {
83    display: block;    display: block;
# Line 347  pre.example.bad.manifest::before { Line 198  pre.example.bad.manifest::before {
198    font-family: sans-serif;    font-family: sans-serif;
199  }  }
200    
 #result-summary table {  
   margin-left: auto;  
   margin-right: auto;  
   border: 3px solid #800080;  
   border-collapse: collapse;  
 }  
   
 #result-summary tbody, colgroup {  
   border: 3px solid #800080;  
 }  
   
 #result-summary th {  
   background-color: #fff0f0;  
   color: black;  
 }  
   
 #result-summary th, #result-summary td {  
   border: 1px solid #800080;  
   padding: 0.2em 0.5em;  
   text-align: center;  
   empty-cells: show;  
 }  
   
 .uncertain td, p.uncertain,  
 #level-u, #level-u th {  
   background-color: #e1e1ff;  
   color: black;  
 }  
   
 .FAIL, .uncertain td.FAIL, #level-m, #level-m th {  
   background-color: #ffcece;  
   color: black;  
 }  
   
 .SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th {  
   background-color: #e1e1ff;  
   color: black;  
 }  
   
 .PASS, #level-w, #level-w th,  
 #level-i, #level-i th {  
   background-color: #ddffdd;  
   color: black;  
 }  
   
 #result-para {  
   padding-top: 0.2em;  
   padding-bottom: 0.2em;  
   padding-right: 1em;  
 }  
201    
202  /* dl.switch from WHATWG specification style sheet */  /* dl.switch from WHATWG specification style sheet */
203    
# Line 450  body[data-scripted] .section.subdoc > h3 Line 251  body[data-scripted] .section.subdoc > h3
251  body[data-scripted] .section.subdoc > h4,  body[data-scripted] .section.subdoc > h4,
252  body[data-scripted] .section.subdoc > h5,  body[data-scripted] .section.subdoc > h5,
253  body[data-scripted] .section.subdoc > h6 {  body[data-scripted] .section.subdoc > h6 {
254    margin-right: 1em;    margin: 0 1em 0 -1em;
255    padding: 0.3em 0;    padding: 0.3em 1em;
256    border: thin hidden;    border: thin hidden;
257    background-color: transparent;    background-color: #fff0f0;
258    color: inherit;    color: black;
259  }  }
260    
261  nav {  nav {
# Line 556  textarea { Line 357  textarea {
357    height: 20em;    height: 20em;
358  }  }
359    
360    /* Source codes taken from the input document */
361    
362    /* q, */ .source li {
363      white-space: pre;
364      white-space: -moz-pre-wrap;
365      white-space: pre-wrap;
366    }
367    
368    q, .source ol {
369      background-color: #f0f0ff;
370      color: black;
371      line-height: 1.5;
372    }
373    
374    /* Document dumps */
375    
376    .dump > ol {
377      margin-left: 0;
378      padding-left: 0;
379    }
380    
381    .dump > ol > li {
382    /*  display: block;
383      list-style: none;
384      margin-left: 0;
385      padding-left: 0; */
386    }
387    
388    .dump > ol /* ol */ {
389      margin-left: 1em;
390      padding-left: 0;
391    }
392    
393    .dump ol /*ol*/ li {
394      margin-left: 0;
395      padding-left: 0.4em;
396    }
397    
398    .dump ul.attributes {
399      margin-left: 3em;
400      padding: 0;
401    }
402    
403    .dump ul.attributes li {
404      display: inline;
405      list-style: none;
406      margin: 0 2em 0 0;
407      padding: 0;
408      text-indent: 0;
409      font-size: 90%;
410    }
411    
412    q:after {
413      content: " "; /* Make white-space-only quotations visible */
414      white-space: pre;
415    }
416    
417    /* Errors */
418    
419    .errors dt {
420      background-image: none;
421      background-position: left center;
422      background-repeat: no-repeat;
423      padding-left: 20px; /* icons/*-16.png */
424      min-height: 16px;
425    }
426    
427    .errors dd {
428      margin-left: 0;
429      padding-left: 60px;
430      min-height: 32px; /* large-*.png files' height */
431      background-position: 20px center;
432      background-repeat: no-repeat;
433    }
434    
435    .level-m, .level-s {
436      background-image: url(large-stop);
437    /* TODO: we need an image for SHOULD-level errors */
438    }
439    
440    .level-w {
441      background-image: url(large-alert);
442    }
443    
444    .level-i {
445      background-image: url(large-info);
446    }
447    
448    .level-u {
449      background-image: none;
450    }
451    
452    dt.level-u {
453      margin: 0.2em 0 0 0;
454      border: red 0.2em solid;
455      border-bottom-style: none;
456      padding-top: 0.2em;
457      padding-right: 0.2em;
458      padding-bottom: 0;
459    }
460    
461    dd.level-u {
462      margin: 0 0 0.2em;
463      border: red 0.2em solid;
464      border-top-style: none;
465      padding-right: 0.2em;
466      padding-bottom: 0.2em;
467      padding-top: 0;
468    }
469    
470    dt.layer-transfer {
471      background-image: url(icons/transfer-16);
472    }
473    
474    dt.layer-encode,
475    dt.layer-charset {
476      background-image: url(icons/char-16);
477    /* TODO: We need different images for these layers */
478    }
479    
480    dt.layer-syntax {
481      background-image: url(icons/syntax-16);
482    }
483    
484    dt.layer-structure {
485      background-image: url(icons/structure-16);
486    }
487    
488    dt.layer-semantics {
489      background-image: url(icons/semantics-16);
490    }
491    
492    /* List of IDs */
493    
494    #identifiers dd,
495    [id$="-identifiers"] dd {
496      margin-left: 20px;
497      padding-left: 20px;
498      min-height: 20px;
499    }
500    
501    #identifiers dd + dd,
502    [id$="-identifiers"] dd + dd {
503      background-image: url(error);
504      background-position: center left;
505      background-repeat: no-repeat;
506    }
507    
508    
509    
510    
511    
512    
513    #error-description h3, #result-para {
514      margin-left: 20px;
515      padding-left: 40px;
516      min-height: 32px;
517      background-image: url(large-stop);
518      background-position: center left;
519      background-repeat: no-repeat;
520    }
521    #levels-table tbody th:first-child {
522      padding-left: 42px;
523      min-height: 32px;
524      background-image: url(large-stop);
525      background-position: 5px center;
526      background-repeat: no-repeat;
527      text-align: left;
528    }
529    
530    #error-description h3 {
531      margin-left: 1em;
532      margin-right: 1em;
533    }
534    
535    
536    .format-charset, .tokenizer-error, .parse-error {
537      background-image: url(icons/syntax-16);
538      background-position: left center;
539      background-repeat: no-repeat;
540      padding-left: 20px;  
541    }
542    
543    .content-model-error, .attribute-error, .attribute-value-error,
544    .attribute-value-warning, .table-model-error {
545      background-image: url(icons/structure-16);
546      background-position: left center;
547      background-repeat: no-repeat;
548      padding-left: 20px;
549    }
550    
551    #result-para.PASS {
552      background-image: url(ok);
553    }
554    #result-summary table {
555      margin-left: auto;
556      margin-right: auto;
557      border: 3px solid #800080;
558      border-collapse: collapse;
559    }
560    
561    #result-summary tbody, colgroup {
562      border: 3px solid #800080;
563    }
564    
565    #result-summary th {
566      background-color: #fff0f0;
567      color: black;
568    }
569    
570    #result-summary th, #result-summary td {
571      border: 1px solid #800080;
572      padding: 0.2em 0.5em;
573      text-align: center;
574      empty-cells: show;
575    }
576    
577    .uncertain td, p.uncertain,
578    #level-u, #level-u th {
579      background-color: #e1e1ff;
580      color: black;
581    }
582    
583    .FAIL, .uncertain td.FAIL, #level-m, #level-m th {
584      background-color: #ffcece;
585      color: black;
586    }
587    
588    .SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th {
589      background-color: #e1e1ff;
590      color: black;
591    }
592    
593    .PASS, #level-w, #level-w th,
594    #level-i, #level-i th {
595      background-color: #ddffdd;
596      color: black;
597    }
598    
599    #result-para {
600      padding-top: 0.2em;
601      padding-bottom: 0.2em;
602      padding-right: 1em;
603    }
604    
605    
606  /*  /*
607    
608  Copyright 2007-2008 Wakaba <w@suika.fam.cx>.  Copyright 2007-2008 Wakaba <w@suika.fam.cx>.
Legend:
Removed from v.1.24  
changed lines
  Added in v.1.25
admin@suikawiki.org
 ViewVC Help
Powered by ViewVC 1.1.24