/bundles/plugins-trunk/XML/sidekick/css/test.css

  1/* CSS2 compatibility test file -- I made this up by copying and pasting a
  2bunch of css example code from the w3c css test suite.  There is a lot of
  3repetition, but I think I've got most ( all? ) use cases covered for the CSS2
  4specification. */
  5@import url( imptest1.css );
  6@import "imptest1a.css";
  7UL {
  8    color: red;
  9}
 10.four {
 11    color: purple;
 12}
 13@import url( imptest2.css );
 14/*
 15P.six {
 16    color: green;
 17}
 18*/
 19.one, .two, .three {
 20    color: green;
 21}
 22BODY {
 23    color: green;
 24}
 25H3 {
 26    color: blue;
 27}
 28EM {
 29    color: purple;
 30}
 31.one {
 32    font-style: italic;
 33}
 34.two {
 35    text-decoration: underline;
 36}
 37#two, #twot {
 38    color: navy;
 39}
 40.three {
 41    color: purple;
 42}
 43.four {
 44    color: #203cd8;
 45}
 46#one {
 47    color: green;
 48}
 49#a1 {
 50    color: green;
 51}
 52P#two, P#two2 {
 53    color: blue;
 54}
 55P#three, P#three2 {
 56    color: purple;
 57}
 58#four {
 59    color: green;
 60}
 61#a2 {
 62    color: green;
 63}
 64P#five, P#five2 {
 65    color: blue;
 66}
 67P#six, P#six2 {
 68    color: purple;
 69}
 70P {
 71    color: navy;
 72    font-family: serif;
 73}
 74HTML BODY TABLE P {
 75    color: purple;
 76    font-family: sans-serif;
 77}
 78EM, UL LI LI {
 79    color: green;
 80}
 81/* This is a CSS1 comment. */
 82.one {
 83    color: green;
 84}
 85/* Another comment */
 86/* The following should not be used:
 87.two {
 88color: red;
 89}
 90*/
 91.three {
 92    color: green;
 93    /* color: red;
 94    */ 
 95}
 96/**
 97.four {
 98color: red;
 99}
100*/
101.five {
102    color: green;
103}
104/**/
105.six {
106    color: green;
107}
108/*********/
109.seven {
110    color: green;
111}
112/* a comment **/
113.eight {
114    color: green;
115}
116A {
117    color: green;
118}
119A:link {
120    color: purple;
121}
122A:visited {
123    color: lime;
124}
125A:active {
126    color: maroon;
127}
128#one, #onet {
129    color: #006600;
130}
131P:first-line {
132    color: green;
133}
134.two:first-line {
135    font-size: 200%;
136}
137.three:first-line {
138    font-variant: small-caps;
139}
140P:first-letter {
141    color: maroon;
142}
143.two:first-letter {
144    font-size: 200%;
145}
146P.three:first-letter {
147    font-size: 350%;
148}
149P:first-line {
150    font-weight: bold;
151}
152P.two:first-line {
153    color: green;
154}
155P:first-line.three {
156    color: red;
157}
158P:first-line {
159    color: green;
160}
161P:first-letter {
162    color: maroon;
163}
164.two:first-line {
165    font-size: 200%;
166}
167.two:first-letter {
168    font-size: 350%;
169}
170P.three:first-letter {
171    font-size: 350%;
172}
173P.three:first-line {
174    font-variant: small-caps;
175}
176P {
177    color: green !important;
178}
179P {
180    color: red;
181}
182P#id1, P#id1t {
183    color: purple;
184}
185LI {
186    color: purple;
187}
188UL LI {
189    color: blue;
190}
191UL LI LI {
192    color: gray;
193}
194LI.red {
195    color: green;
196}
197UL LI.mar {
198    color: #660000;
199}
200UL LI#gre, UL LI #gret {
201    color: green;
202}
203.test {
204    color: blue;
205}
206.test {
207    color: purple;
208}
209.one {
210    text-decoration: line-through;
211}
212P.one {
213    margin-bottom: 2cm;
214    padding-bottom: 0;
215}
216P.two {
217    margin-top: 2cm;
218    padding-top: 0;
219}
220P.three {
221    margin-top: 0;
222    padding-top: 0;
223}
224P.four {
225    margin-top: -1cm;
226    margin-bottom: 0;
227    padding-top: 0;
228    padding-bottom: 0;
229}
230DIV.five {
231    margin-top: 1cm;
232    margin-bottom: 1cm;
233    padding-top: 1cm;
234    padding-bottom: 0;
235}
236P.six {
237    margin-top: 1cm;
238    margin-bottom: 1cm;
239    padding-top: 0;
240    padding-bottom: 0;
241}
242P.seven {
243    margin-top: 1cm;
244    padding-top: 0;
245}
246P.eight {
247    margin-bottom: -1cm;
248    padding-bottom: 2cm;
249}
250P.nine {
251    margin-top: -1cm;
252    padding-top: 1cm;
253    padding-bottom: 0;
254    margin-bottom: 1cm;
255}
256P.ten {
257    margin-top: 1cm;
258    padding-top: 0;
259    float: left;
260    width: 50%;
261}
262P.eleven {
263    margin-top: 1cm;
264    padding-top: 0;
265    clear: none;
266}
267P.twelve {
268    margin-bottom: 0;
269    padding-bottom: 1cm;
270    clear: both;
271}
272P.thirteen {
273    margin-top: 0;
274    padding-top: 1cm;
275}
276TABLE {
277    clear: both;
278}
279.ruler {
280    padding: 0px;
281    margin: 0px;
282    border-width: 0px;
283}
284P#ruled, P#ruledt {
285    background-color: aqua;
286    width: 400px;
287    border-style: solid;
288    border-color: silver;
289    border-top-width: 0px;
290    border-bottom-width: 0px;
291    border-left-width: 40px;
292    border-right-width: 40px;
293    padding-left: 40px;
294    padding-right: 40px;
295    margin-top: 0px;
296    margin-bottom: 0px;
297    margin-left: 40px;
298    margin-right: 40px;
299}
300P.one {
301    margin-left: 10px;
302}
303DIV.two {
304    margin-left: 10px;
305}
306P.three {
307    margin-left: 0;
308    width: 50%;
309    margin-right: auto;
310    background-color: gray;
311}
312P.four {
313    margin-left: auto;
314    width: 50%;
315    margin-right: auto;
316    background-color: gray;
317}
318P.five {
319    margin-left: auto;
320    width: 50%;
321    margin-right: 0;
322    background-color: gray;
323}
324P.six {
325    margin-left: auto;
326    width: auto;
327    margin-right: 0;
328    background-color: gray;
329}
330P.seven {
331    margin-left: 0;
332    width: auto;
333    margin-right: auto;
334    background-color: gray;
335}
336P.eight {
337    margin-left: auto;
338    width: auto;
339    margin-right: auto;
340    background-color: gray;
341}
342P.nine {
343    padding-left: auto;
344    padding-right: auto;
345    margin-left: 0;
346    margin-right: 0;
347    width: 50%;
348    background-color: gray;
349}
350P.ten {
351    margin-left: auto;
352    width: 100%;
353    margin-right: auto;
354    background-color: gray;
355}
356HR.minor {
357    clear: both;
358    width: 5%;
359}
360HR.major {
361    clear: both;
362    width: 75%;
363    margin: 1.5em;
364}
365DIV {
366    border: 5px solid purple;
367    padding: 0;
368    margin: 0.125em;
369}
370P.left, P.right {
371    width: 10em;
372    padding: 1em;
373    margin: 0;
374    border: 1px solid lime;
375    background-color: silver;
376}
377IMG.left, IMG.right {
378    margin: 0;
379    border: 3px solid black;
380}
381.left {
382    float: left;
383}
384.right {
385    float: right;
386}
387P.one {
388    line-height: 200%;
389}
390SPAN.two {
391    border-style: solid;
392    border-width: 10px;
393    border-color: red;
394    padding: 2pt;
395    margin: 30pt;
396}
397P.three {
398    font-size: 10pt;
399    line-height: 12pt;
400}
401SPAN.four {
402    border-style: solid;
403    border-width: 12px;
404    border-color: red;
405    padding: 2pt;
406}
407IMG.one {
408    display: inline;
409}
410IMG.two {
411    display: block;
412}
413IMG.three {
414    display: block;
415    margin-right: auto;
416    margin-left: auto;
417    width: auto;
418}
419IMG.four {
420    display: block;
421    margin-right: auto;
422    margin-left: auto;
423    width: 50%;
424}
425IMG.five {
426    display: block;
427    margin-right: 0;
428    margin-left: auto;
429    width: 50%;
430}
431P.one {
432    font-size: 14px;
433    line-height: 20px;
434}
435IMG.onea {
436    vertical-align: text-bottom;
437    width: 200px;
438    height: 200px;
439}
440IMG.oneb {
441    vertical-align: text-top;
442    width: 200px;
443    height: 200px;
444}
445P.two {
446    font-size: 14px;
447    line-height: 20px;
448}
449IMG.twoa {
450    vertical-align: text-bottom;
451    width: 100px;
452    height: 100px;
453    padding: 5px;
454    border-style: solid;
455    border-width: 10px;
456    margin: 15px;
457}
458IMG.twob {
459    vertical-align: text-top;
460    width: 100px;
461    height: 100px;
462    padding: 5px;
463    border-style: solid;
464    border-width: 10px;
465    margin: 15px;
466}
467IMG.twoc {
468    vertical-align: middle;
469    width: 50px;
470    height: 50px;
471    padding: 5px;
472    border-style: solid;
473    border-width: 10px;
474    margin: -10px;
475}
476DIV.a {
477    font-family: serif;
478}
479DIV.b {
480    font-family: monospace;
481}
482.one {
483    font-family: serif;
484}
485.two {
486    font-family: sans-serif;
487}
488.three {
489    font-family: cursive;
490}
491.four {
492    font-family: fantasy;
493}
494.five {
495    font-family: monospace;
496}
497.six {
498    font-family: sans-serif, cursive;
499}
500.seven {
501    font-family: monospace, serif;
502}
503.one {
504    font-style: italic;
505}
506.two {
507    font-style: oblique;
508}
509.three, I {
510    font-style: normal;
511}
512.one {
513    font-variant: small-caps;
514}
515.two {
516    font-variant: normal;
517}
518.one {
519    font-weight: bold;
520}
521.two {
522    font-weight: bolder;
523}
524.three {
525    font-weight: lighter;
526}
527.four {
528    font-weight: 100;
529}
530.five {
531    font-weight: 300;
532}
533.six {
534    font-weight: 500;
535}
536.seven {
537    font-weight: 700;
538}
539.eight {
540    font-weight: 900;
541}
542.nine {
543    font-weight: normal;
544}
545B {
546    font-weight: lighter;
547}
548.one {
549    font-size: medium;
550}
551.two {
552    font-size: larger;
553}
554.three {
555    font-size: smaller;
556}
557.four {
558    font-size: xx-small;
559}
560.five {
561    font-size: x-small;
562}
563.six {
564    font-size: small;
565}
566.seven {
567    font-size: large;
568}
569.eight {
570    font-size: x-large;
571}
572.nine {
573    font-size: xx-large;
574}
575.a {
576    font-size: 0.5in;
577}
578.b {
579    font-size: 1cm;
580}
581.c {
582    font-size: 10mm;
583}
584.d {
585    font-size: 18pt;
586}
587.e {
588    font-size: 1.5pc;
589}
590.f {
591    font-size: 2em;
592}
593.g {
594    font-size: 3ex;
595}
596.h {
597    font-size: 25px;
598}
599.i {
600    font-size: 200%;
601}
602.j {
603    font-size: -0 5in;
604}
605BODY {
606    font-size: 12px;
607}
608.one {
609    font: italic small-caps 13pt Helvetica;
610}
611.two {
612    font: 150%/150% serif;
613}
614.three {
615    font: 150%/150% sans-serif;
616}
617.four {
618    font: small/200% cursive;
619}
620.five {
621    font: italic small-caps 900 150%/150% sans-serif;
622}
623.six {
624    font: italic small-caps 100 150%/300% sans-serif;
625}
626.seven {
627    font: italic small-caps 900 150%/2em monospace;
628}
629.eight {
630    font: italic small-caps 500 150%/1in sans-serif;
631}
632.nine {
633    font: oblique normal 700 18px/200% sans-serif;
634}
635.ten {
636    font: normal 400 80%/2.5 sans-serif;
637}
638SPAN.color {
639    background-color: silver;
640}