/[pub]/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.9 by wakaba, Mon Sep 10 11:51:09 2007 UTC revision 1.15 by wakaba, Sun Nov 18 11:05:12 2007 UTC
# Line 7  Line 7 
7    padding: 0.5em 1em;    padding: 0.5em 1em;
8  }  }
9    
10  dt, strong {  dt, strong, th {
11    font-weight: bolder;    font-weight: bolder;
12    font-family: sans-serif;    font-family: sans-serif;
13  }  }
# Line 30  h2 { Line 30  h2 {
30    font-size: 150%;    font-size: 150%;
31  }  }
32    
33  h3 {  h3, th {
34    font-weight: bolder;    font-weight: bolder;
35    font-family: sans-serif;    font-family: sans-serif;
36    font-size: 100%;    font-size: 100%;
# Line 103  q:before, q:after { Line 103  q:before, q:after {
103    font-size: 90%;    font-size: 90%;
104  }  }
105    
106  #parse-errors dd, #document-errors dd, #error-description h3 {  #dump-manifest tbody:empty {
107      display: table-caption;
108      caption-side: bottom;
109    }
110    
111    #dump-manifest tbody:empty::after {
112      content: "This cache manifest contains no oppotunistic caching namespace.";
113      font-style: italic;
114    }
115    
116    #dump-manifest dt:first-child + dt::before,
117    #dump-manifest dt:last-child::after {
118      display: block;
119      content: "This cache manifest contains no explicit entry.";
120      margin-left: 2.5em;
121      font-style: italic;
122      font-weight: normal;
123      font-family: serif;
124    }
125    
126    #dump-manifest dt:last-child::after {
127      content: "This cache manifest has an empty online whitelist.";
128    }
129    
130    #parse-errors dd, #document-errors dd, #error-description h3,
131    #result-para {
132    margin-left: 20px;    margin-left: 20px;
133    padding-left: 40px;    padding-left: 40px;
134    min-height: 32px;    min-height: 32px;
# Line 112  q:before, q:after { Line 137  q:before, q:after {
137    background-repeat: no-repeat;    background-repeat: no-repeat;
138  }  }
139    
140    #levels-table tbody th:first-child {
141      padding-left: 42px;
142      min-height: 32px;
143      background-image: url(large-stop);
144      background-position: 5px center;
145      background-repeat: no-repeat;
146      text-align: left;
147    }
148    
149  #identifiers dd, #terms dd {  #identifiers dd, #terms dd {
150    margin-left: 20px;    margin-left: 20px;
151    padding-left: 20px;    padding-left: 20px;
# Line 129  q:before, q:after { Line 163  q:before, q:after {
163    margin-right: 1em;    margin-right: 1em;
164  }  }
165    
166  #document-errors dd.should, #error-description .should h3 {  #parse-errors dd.should,
167    #document-errors dd.should, #error-description .should h3,
168    #result-para.SEE-RESULT, #levels-table #level-s th {
169    background-image: url(large-alert);    background-image: url(large-alert);
170  }  }
171    
172    #parse-errors dd.warning,
173    #document-errors dd.warning, #error-description .warning h3,
174    #levels-table #level-w th {
175      background-image: url(large-info);
176    }
177    
178    #parse-errors dd.unsupported,
179  #document-errors dd.unsupported {  #document-errors dd.unsupported {
180    margin-left: 60px;    margin-left: 60px;
181    border: red 0.2em solid;    border: red 0.2em solid;
182    padding: 0.5em;    padding: 0.5em;
183  }  }
184    
185  #document-errors dd.unsupported, #error-description .unsupported h3 {  #parse-errors dd.unsupported,
186    #document-errors dd.unsupported, #error-description .unsupported h3,
187    #result-para.uncertain, #levels-table #level-unsupported th {
188    background-image: none;    background-image: none;
189  }  }
190    
191    #result-para.PASS {
192      background-image: url(ok);
193    }
194    
195  #nav-items {  #nav-items {
196    display: block;    display: block;
197    position: fixed;    position: fixed;
# Line 186  code { Line 235  code {
235    white-space: pre-wrap;    white-space: pre-wrap;
236  }  }
237    
238    .example {
239      background-color: #ececff;
240    }
241    
242    pre.example {
243      margin-left: 1em;
244      margin-right: 1em;
245      padding: 0.2em 0.5em;
246    }
247    
248    .example.bad {
249      background-color: #fff7f7;
250    }
251    
252    code.example.bad {
253      color: inherit;
254      background-color: #ffeeee;
255    }
256    
257    h3 code.example.bad {
258      color: orangered;
259      background-color: transparent;
260    }
261    
262    pre.example::before {
263      content: "Example";
264      display: block;
265      color: #b0b0ff;
266      background-color: transparent;
267      font-weight: bolder;
268      font-family: sans-serif;
269    }
270    
271    pre.example.html::before {
272      content: "HTML Example";
273    }
274    
275    pre.example.xml::before {
276      content: "XML Example";
277    }
278    
279    pre.example.manifest::before {
280      content: "Cache Manifest Example";
281    }
282    
283    pre.example.bad::before {
284      content: "Bad Example";
285      color: #ffc1c1;
286    }
287    
288    pre.example.bad.html::before {
289      content: "HTML Bad Example";
290    }
291    
292    pre.example.bad.xml::before {
293      content: "XML Bad Example";
294    }
295    
296    pre.example.bad.manifest::before {
297      content: "Cache Manifest Bad Example";
298    }
299    
300  .rfc2119 {  .rfc2119 {
301    border-style: none;    border-style: none;
302    text-transform: lowercase;    text-transform: lowercase;
# Line 210  code { Line 321  code {
321  #result-summary th {  #result-summary th {
322    background-color: #fff0f0;    background-color: #fff0f0;
323    color: black;    color: black;
   font-weight: bolder;  
   font-family: sans-serif;  
324  }  }
325    
326  #result-summary th, #result-summary td {  #result-summary th, #result-summary td {
# Line 221  code { Line 330  code {
330    empty-cells: show;    empty-cells: show;
331  }  }
332    
333  .uncertain td, p.uncertain {  .uncertain td, p.uncertain, #level-unsupported, #level-unsupported th {
334    background-color: #e1e1ff;    background-color: #e1e1ff;
335    color: black;    color: black;
336  }  }
337    
338  .FAIL {  .FAIL, .uncertain td.FAIL, #level-m, #level-m th {
339    background-color: #ffcece;    background-color: #ffcece;
340    color: black;    color: black;
341  }  }
342    
343  .SEE-RESULT {  .SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th {
344    background-color: #e1e1ff;    background-color: #e1e1ff;
345    color: black;    color: black;
346  }  }
347    
348  .PASS {  .PASS, #level-w, #level-w th {
349    background-color: #ddffdd;    background-color: #ddffdd;
350    color: black;    color: black;
351  }  }
352    
353  #result-para {  #result-para {
354    padding: 0.2em 1em;    padding-top: 0.2em;
355      padding-bottom: 0.2em;
356      padding-right: 1em;
357    }
358    
359    /* dl.switch from WHATWG specification style sheet */
360    
361    dl.switch {
362      padding-left: 2em;
363    }
364    
365    dl.switch dt {
366      display: block;
367      text-indent: -1.5em;
368      font-weight: bolder;
369      font-family: sans-serif;
370      font-style: normal;
371    }
372    
373    dl.switch dt:before {
374      content: '\21AA';
375      padding: 0 0.5em 0 0;
376      display: inline-block;
377      width: 1em;
378      text-align: right;
379      line-height: 0.5em;
380    }
381    
382    dl.switch dt:after {
383      content: " :";
384  }  }
385    
386  /*  /*
387    
388  Copyright 2007 Wakaba <[email protected]>  Copyright 2007 Wakaba <[email protected]>.
389    
390  This library is free software; you can redistribute it  This library is free software; you can redistribute it
391  and/or modify it under the same terms as Perl itself.  and/or modify it under the same terms as Perl itself.
Legend:
Removed from v.1.9  
changed lines
  Added in v.1.15
[email protected]
 ViewVC Help
Powered by ViewVC 1.1.24