“ol > li, #front li { margin : 0 0 0.66em 2em; padding : 0.33em 0.33em
0.33em 0.66em; border : thin solid #cbcac1; color : inherit; background
: rgb(250, 250, 250); } .home > ol > li:nth-child(even) {
background : rgb(251, 251, 251); } .home ol ol, #front ol { margin : 0;
padding : 0 0 0 2.5em; border : none; list-style-type : decimal; }
#testgrid, .testgrid { background-image : url(../_img/grid2a.png);
background-repeat : repeat; background-position : 10px 10px; border :
1px solid #333; margin : 0 3% 1em; padding : 10px; } #testgrid,
.testgrid, .test { font-size-adjust : none; } hr { margin : 1em 3%;
color : rgb(200, 200, 200); border : 1px inset; height : 3px; } .clearHR
{ clear : both; visibility : hidden; display : block; margin : 0; }
.sectionnav { text-align : right; margin : 2em 5%; color : #777; }
p.sectionnav::before { content : “\003C\003C\0020”; font-size : 0.8em; }
.ednote { font-size : 0.9em; color : #777; } .note { color : #666;
background : transparent; } .note::before { content : “[note]”; padding :
0 1ex 0 0; font-style : italic; font-weight : bolder; background :
#ffc; color : inherit; margin : 0 1ex 0 0; } .lastmod { font-size :
0.8em; line-height : 1.875; font-style : italic; text-align : right;
color : #777; clear : both; margin : 3em 5% 0.5em; } .footer { padding :
0.7em 3% 0.3em; margin : 1em 0 0; background :
url(../_img/lcn_bkg3c.png) 100% 100% no-repeat #f7f7f7; font : normal
0.9em/1.667 ‘Helvetica Neue’, Arial, ‘Luxi sans’, sans-serif; border-top
: 1px dashed #c5c6c7; } #lcnF { margin : 0.5em 0; padding : 0.7em 3%
0.3em; background : url(../_img/lcn_bkg3c.png) 100% 100% no-repeat
transparent; border-top : 1px dashed #c5c6c7; font-size : 1em;
min-height : 1em; max-width : none !important ; list-style : none; }
#lcnF li { display : inline; padding : 0.2em 0.8em; margin : 0 0.1em;
border : 1px solid #c5c6c7; border-width : 0 1px; font : normal
0.9em/1.667 ‘Helvetica Neue’, Arial, ‘Nimbus Sans ‘, sans-serif; } #lcnF
li:first-child { display : block; border : none; padding-left : 0; }
@media print { html, body { background : #fff; } body { margin : 0; } }
@media print, screen and (min-device-width : 2000px) { html { background
: #fff; } body { margin : 0; background : yellow !important ; } } * +
html pre { padding : 1em 2% 2em; overflow-y : hidden; } * html
#testgrid, * html .testgrid { background : url(../_img/grid1a.gif) 10px
10px repeat #fff; } * html #lcnF { height : 1%; background-image : none;
} * html #lcnF li.first-child { display : block; border : none; } *
html table { font-size : 1em; } * html pre { width : 89%; padding : 1em
2% 2em; overflow-y : hidden; } p[class] { background : lime; color :
#fff; } p[class=”test2”] { background : green; color : #fff; }
span[class~=”test3”] { background : blue; color : yellow; }
a[hreflang|=”en”] { font-weight : bold; color : #090; background :
yellow; } a[href^=”#”] { font-weight : bold; color : lime; }
abbr[title$=”ts”] { font-style : italic; font-size : 1.2em; color :
#000; } span[class*=”st5”] { color : #f00; background : #ccc; } #t2
:lang(fr) span[class] { border : 2px solid #abc; background : #ccc;
padding : 3px; } #t1 , #t2 { background : #f2f2f2; color : lime; } #t2
h5 ~ , #t2 h5 { color : yellow; background : blue; } #t3 h5 + , #t3 h5 {
color : lime; background : #ccc; } .testgrid::before { color : green;
background : #f1f1f1; font-size : 2em; content : “\003C div\003E\0020”;
border : 3px double #b00; } .testgrid h5::after { color : yellow;
font-size : 2em; background : blue; content : “\003C h5\003E\0020”; }
.testgrid { background : #f2f2f2; color : #11111d; } h1 + .testgrid {
background : lime; color : #fff; } #t2 h5 ~ { color : yellow;
background : blue; } #t2 > h5 { font-size : 3em; color : #090;
background : #cfc; } div#t1 :first-child { background : lime; color :
#fff; } div#t2 :last-child { background : lime; color : #fff; } div#t3
:only-child { background : lime; color : #fff; } div#t2 span { border :
1px solid #000; } div#t2 span:only-child { background : blue; color :
yellow; } div#t1 :first-of-type { background : lime; color : #fff; }
div#t2 :last-of-type { background : lime; color : #fff; } div#t3
:only-of-type { background : lime; color : #fff; } div#t2 span { border :
1px solid #000; } div#t2 span:only-of-type { background : blue; color :
yellow; } #t1 :first-letter { color : green; font-size : 300%;
font-weight : bold; background : transparent; } #t1 :first-line {
background : lime; color : #fff; } #t2 ::first-letter { color : #ccc;
font-size : 300%; font-weight : bold; background : #c00; } #t2
::first-line { background : lime; color : #fff; } *|* .testgrid {
border-color : #406180; border-width : 3px; } :root { border : 1ex solid
lime; } ::selection { background : #000; color : #fff; outline : #c00
2px dotted; cursor : ne-resize; } button { color : red; } button:enabled
{ background : green; color : white; } button:disabled { background :
#aaa; color : white; } input[type=”radio”]:disabled + label { border :
1px solid #c00; font-weight : bold; } input[type=”checkbox”]:enabled +
label { background : #ccc; color : #c00; }
input[type=”checkbox”]:checked + label { border : 1px solid #009;
font-weight : bold; } a[href=”#lcnF”] { font-weight : bold; border : 1px
solid #000; } ul#lcnF:target { background : #f2ab91; } #t1 a {
background : #ccc; } #t1 a:not(:focus) { background : #fff; } .testgrid
:not([lang]) { background : lime; color : white; } .testgrid :empty {
height : 2em; border : 1px solid #008; background : #f1f1f1; } #t3
:lang(fr) { border : 2px solid #080; } P:first-letter { color : maroon; }
.cl2:first-letter { font-size : 200%; } P.cl3:first-letter { font-size :
350%; } BODY > { color : green; } BODY > .cl1 { font-family :
sans-serif; } DIV OL > LI STRONG { color : green; } H1 { font-family :
sans-serif; } BODY { color : purple; } P { color : green; } H3 { color :
navy; } LI { color : green; } #one { color : green; } #id1 { color :
green; } P#id2 { color : blue; } P#id3 { color : purple; } .cl1 a:hover {
background-color : yellow; color : red; } .cl2 a:link:hover {
background-color : yellow; color : red; } .cl3 a:hover:link {
background-color : yellow; color : red; } .cl4 a:visited:hover {
background-color : yellow; color : red; } .cl5 a:hover:visited {
background-color : yellow; color : red; } .cl6 :link:hover {
background-color : yellow; color : red; } .cl7 :hover:link {
background-color : yellow; color : red; } .cl8 :visited:hover {
background-color : yellow; color : red; } .cl9 :hover:visited {
background-color : yellow; color : red; } .cl10 a:active {
background-color : yellow; color : green; } .cl11 a:link:active {
background-color : yellow; color : green; } .cl12 a:active:link {
background-color : yellow; color : green; } .cl13 a:visited:active {
background-color : yellow; color : green; } .cl14 a:active:visited {
background-color : yellow; color : green; } .cl15 :link:active {
background-color : yellow; color : green; } .cl16 :active:link {
background-color : yellow; color : green; } .cl17 :visited:active {
background-color : yellow; color : green; } .cl18 :active:visited {
background-color : yellow; color : green; } P:first-line { color :
green; } .cl2:first-line { font-size : 200%; } .cl3:first-line {
font-variant : small-caps; } LI:first-child { color : green; } P
STRONG:first-child { color : green; } DIV > :first-child { color :
purple; } H3 + H4 { color : green; } UL + { border-top : 3px solid
green; } EM + STRONG { color : green; } H3.opener + { border-top : 3px
solid green; } A { color : green; } A:link { color : purple; } A:visited
{ color : lime; } #id1 { color : #006600; } A.external:link { color :
olive; } A.external:visited { color : maroon; } .test { background-color
: silver; } .cl1 { margin-right : 10px; } .cl2 { margin-right : 15px; }
.cl3 { margin-right : 1em; } .cl4 { margin-right : -2px;
background-color : aqua; } LI { color : purple; } UL LI { color : blue; }
UL LI LI { color : gray; } LI.red { color : green; } UL LI.mar { color :
#660000; } UL LI#gre { color : green; } .test { color : blue; } .test {
color : purple; } .cl1 { text-decoration : line-through; } .test {
background : silver; border-style : none; } .cl1 { border-bottom :
solid; } .cl2 { border-bottom : solid green; } .cl3 { border-bottom :
5px solid green; } .cl4 { border-bottom : 5px green; } .test {
background-color : silver; } .cl1 { width : 250px; max-width : 50%; }
.cl2 { max-width : 500px; } .cl1 { height : 50px; } .cl2 { height : 50%;
} .cl2contain { height : 80px; border : 1px dotted gray; } .cl3 {
height : 150px; background : yellow; } p { font-size : 15px; } p img {
height : 50px; width : 15px; } .cl1 { vertical-align : sub; } .cl2 {
vertical-align : super; } .cl3 { vertical-align : top; font-size : 15px;
} .cl4 { vertical-align : text-top; font-size : 15px; } .cl5 {
vertical-align : middle; font-size : 15px; } .cl6 { vertical-align :
bottom; font-size : 15px; } .cl7 { vertical-align : text-bottom;
font-size : 15px; } .cl8 { vertical-align : baseline; font-size : 15px; }
.cl9 { vertical-align : 50%; font-size : 15px; line-height : 20px; }
p.explain { margin-top : 2em; padding-top : 0.5em; border-top : 2px
groove silver; } p.ttopalign img, span.ttopalign { vertical-align :
text-top; } p.topalign img, span.topalign { vertical-align : top; }
p.midalign img, span.midalign { vertical-align : middle; } big {
font-size : 20px; } small { font-size : 15px; } img.px10 { height :
10px; } img.px15 { height : 15px; } img.px20 { height : 20px; } img.px35
{ height : 35px; } img.px50 { height : 50px; } img.px65 { height :
65px; } img.px90 { height : 90px; } div.cl1 { overflow : visible; }
div.cl2 { overflow : hidden; } div.cl3 { overflow : scroll; } div.cl4 {
overflow : auto; } img:before { content : attr(alt); } h1:before {
display : block; text-align : center; content :
“chapter\Ahoofdstuk\Achapitre”; } p span { background-color : #ddd; }
.cl0 { font-size : 15px; } .cl1 { font-size : 15px; } .cl2 { line-height
: 30px; font-size : 15px; } .cl3 { line-height : 200%; font-size :
15px; } .cl4 { line-height : 2; font-size : 15px; } div { border : 1px
dotted gray; background : white; margin : 0.5em; padding : 0.25em; }
.shrink { font-size : 66%; } .grow { font-size : 150%; } .cl5 {
line-height : 1.2em; font-size : 15px; } .cl6 { line-height : 1.2;
font-size : 15px; } .huge { font-size : 200%; border : 1px dotted red;
background : none; } .cl5 img { height : 30px; } .cl1 { background-color
: green; } .cl2 { background-color : transparent; } .parent {
background-color : silver; } .inh1 { background-color : red; } .cl1 {
background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .cl2 {
background-image : none; } .parent { background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .inh1
{ background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .cl1 {
text-align : left; } .cl2 { text-align : right; } .cl3 { text-align :
center; } .cl4 { text-align : justify; } .cl5 { text-align : “.”; }
div.parent { text-align : left; } div.inh1 { text-align : right; }
div.inh2 { text-align : center; } .cln { font-stretch : narrower; } .clw
{ font-stretch : wider; } .cl1 { font-stretch : ultra-condensed; } .cl2
{ font-stretch : extra-condensed; } .cl3 { font-stretch : condensed; }
.cl4 { font-stretch : semi-condensed; } .cl5 { font-stretch : normal; }
.cl6 { font-stretch : semi-expanded; } .cl7 { font-stretch : expanded; }
.cl8 { font-stretch : extra-expanded; } .cl9 { font-stretch :
ultra-expanded; } div.parent { font-stretch : normal; } div.inh1 {
font-stretch : expanded; } div.inh2 { font-stretch : ultra-condensed; }
.cl1 { font : bold 12px monospace; } .cl2 { font : italic small-caps 700
16px/12px Helvetica, sans-serif; } .cl3 { font : 1em/1.0 serif; }
.cl-sys-a { font : caption; } .cl-sys-b { font : icon; } .cl-sys-c {
font : menu; } .cl-sys-d { font : message-box; } .cl-sys-e { font :
small-caption; } .cl-sys-f { font : status-bar; } div.parent { font :
normal normal normal medium sans-serif; } div.inh1 { font : italic
small-caps bold 28px serif; } div.inh2 { font : oblique small-caps
normal 0.8em cursive; } .cl1 { text-indent : 0.5in; background : aqua; }
.cl2 { text-indent : 2cm; background : aqua; } .cl3 { text-indent :
20mm; background : aqua; } .cl4 { text-indent : 24pt; background : aqua;
} .cl5 { text-indent : 2pc; background : aqua; } .cl6 { text-indent :
2em; background : aqua; } .cl7 { text-indent : 2ex; background : aqua; }
.cl8 { text-indent : 50%; background : aqua; } .cl9 { text-indent :
25px; background : aqua; } blockquote { text-indent : 50%; background :
aqua; } div.parent { text-indent : 50%; width : 400px; } div.inh1 {
text-indent : 10px; margin : 25px; } div.inh2 { text-indent : 10%;
margin : 25px; } .cl1 { font-size : medium; } .cl2 { font-size : larger;
} .cl3 { font-size : smaller; } .cl4 { font-size : xx-small; } .cl5 {
font-size :small; } .cl6 { font-size : small; } .cl7 { font-size :
large; } .cl8 { font-size :large; } .cl9 { font-size : xx-large; } .cl10
{ font-size : 0.5in; } .cl11 { font-size : 1cm; } .cl12 { font-size :
10mm; } .cl13 { font-size : 18pt; } .cl14 { font-size : 1.5pc; } .cl15 {
font-size : 2em; } .cl16 { font-size : 3ex; } .cl17 { font-size : 25px;
} .cl18 { font-size : 200%; } div.parent { font-size : medium; }
div.inh1 { font-size : xx-small; } div.inh2 { font-size : xx-large; }
h3.cl1 { text-shadow : gray 0.5em 0.5em 2px; } h3.cl2 { text-shadow :
purple 0 0 5px; } h3.cl3 { text-shadow : red -10px -0.5em 0.25em, green
1mm 1px 0, blue 0 0.33em 10px; } div.parent { text-shadow : none; }
div.inh1 { text-shadow : purple 3px 5px; } .cl1 { letter-spacing :
0.3in; } .cl2 { letter-spacing : 0.5cm; } .cl3 { letter-spacing : 5mm; }
.cl4 { letter-spacing : 3pt; } .cl5 { letter-spacing : 0.25pc; } .cl6 {
letter-spacing : 1em; } .cl7 { letter-spacing : 1ex; } .cl8 {
letter-spacing : 5px; } .cl9 { letter-spacing : normal; } .cl11 {
letter-spacing : -0.1em; } div.parent { letter-spacing : normal; }
div.inh1 { letter-spacing : 1em; } div.inh2 { letter-spacing : -4px; }
.cl1 { word-spacing : 0.3in; } .cl2 { word-spacing : 0.5cm; } .cl3 {
word-spacing : 5mm; } .cl4 { word-spacing : 3pt; } .cl5 { word-spacing :
0.25pc; } .cl6 { word-spacing : 1em; } .cl7 { word-spacing : 1ex; }
.cl8 { word-spacing : 5px; } .cl9 { word-spacing : normal; } .cl11 {
word-spacing : -0.2em; } div.parent { word-spacing : normal; } div.inh1 {
word-spacing : 2em; } div.inh2 { word-spacing : -2em; } .ttn {
text-transform : none; } .cap { text-transform : capitalize; } .upp {
text-transform : uppercase; } .low { text-transform : lowercase; }
div.parent { text-transform : none; } div.inh1 { text-transform :
uppercase; } div.inh2 { text-transform : lowercase; } .cl1 { white-space
: pre; } .cl3 { white-space : normal; } div.parent { white-space :
normal; } div.inh1 { white-space : pre; } table { margin : 20px 150px;
background : silver; } table td { background : #ff9; } caption { border :
1px dotted purple; } .cl1 { caption-side : top; } .cl2 { caption-side :
right; } .cl3 { caption-side : bottom; } .cl4 { caption-side : left; }
table { background : gray; width : 300px; } table td { background :
#ff9; color : black; } .r1c2 { width : 100px; } .r2c1 { width : 150px; }
.r3c3 { width : 100px; } .cl1 { table-layout : fixed; } .cl2 {
table-layout : auto; } table { background : gray; width : 300px; padding
: 10px; border-spacing : 3px; } table td { background : #ff9; color :
black; border : 2px outset silver; } .cl1 { border-collapse : separate; }
.cl2 { border-collapse : collapse; } table.cl3 { border-collapse :
collapse; border : 5px solid yellow; } table.cl3 col#col1 { border : 3px
solid black; } table.cl3 td { border : 1px solid red; padding : 1em; }
table.cl3 td.solid-blue { border : 5px dashed blue; } table.cl3
td.solid-green { border : 5px solid green; } table { background : gray;
width : 300px; border-spacing : 6px 3px; } table td { background : #ff9;
color : black; } .cl1 { border-collapse : separate; } .cl2 {
border-collapse : collapse; } table { background : gray; width : 300px;
border-collapse : separate; } table td { background : #ff9; color :
black; border : 1px solid green; } .cl1 { empty-cells : show; } .cl2,
.cl3 { empty-cells : hide; } INPUT { border : 3px solid gray; } .cl1 {
outline : green 2px dotted; } .cl2 { outline : green 1em double; } .cl3 {
outline : invert thick solid; } div.parent { outline : none; } div.inh1
{ outline : red 10px solid; } div.inh2 { outline : red 1em inset; }
—>”
- The Perfect American - Untitled
0.33em 0.66em; border : thin solid #cbcac1; color : inherit; background
: rgb(250, 250, 250); } .home > ol > li:nth-child(even) {
background : rgb(251, 251, 251); } .home ol ol, #front ol { margin : 0;
padding : 0 0 0 2.5em; border : none; list-style-type : decimal; }
#testgrid, .testgrid { background-image : url(../_img/grid2a.png);
background-repeat : repeat; background-position : 10px 10px; border :
1px solid #333; margin : 0 3% 1em; padding : 10px; } #testgrid,
.testgrid, .test { font-size-adjust : none; } hr { margin : 1em 3%;
color : rgb(200, 200, 200); border : 1px inset; height : 3px; } .clearHR
{ clear : both; visibility : hidden; display : block; margin : 0; }
.sectionnav { text-align : right; margin : 2em 5%; color : #777; }
p.sectionnav::before { content : “\003C\003C\0020”; font-size : 0.8em; }
.ednote { font-size : 0.9em; color : #777; } .note { color : #666;
background : transparent; } .note::before { content : “[note]”; padding :
0 1ex 0 0; font-style : italic; font-weight : bolder; background :
#ffc; color : inherit; margin : 0 1ex 0 0; } .lastmod { font-size :
0.8em; line-height : 1.875; font-style : italic; text-align : right;
color : #777; clear : both; margin : 3em 5% 0.5em; } .footer { padding :
0.7em 3% 0.3em; margin : 1em 0 0; background :
url(../_img/lcn_bkg3c.png) 100% 100% no-repeat #f7f7f7; font : normal
0.9em/1.667 ‘Helvetica Neue’, Arial, ‘Luxi sans’, sans-serif; border-top
: 1px dashed #c5c6c7; } #lcnF { margin : 0.5em 0; padding : 0.7em 3%
0.3em; background : url(../_img/lcn_bkg3c.png) 100% 100% no-repeat
transparent; border-top : 1px dashed #c5c6c7; font-size : 1em;
min-height : 1em; max-width : none !important ; list-style : none; }
#lcnF li { display : inline; padding : 0.2em 0.8em; margin : 0 0.1em;
border : 1px solid #c5c6c7; border-width : 0 1px; font : normal
0.9em/1.667 ‘Helvetica Neue’, Arial, ‘Nimbus Sans ‘, sans-serif; } #lcnF
li:first-child { display : block; border : none; padding-left : 0; }
@media print { html, body { background : #fff; } body { margin : 0; } }
@media print, screen and (min-device-width : 2000px) { html { background
: #fff; } body { margin : 0; background : yellow !important ; } } * +
html pre { padding : 1em 2% 2em; overflow-y : hidden; } * html
#testgrid, * html .testgrid { background : url(../_img/grid1a.gif) 10px
10px repeat #fff; } * html #lcnF { height : 1%; background-image : none;
} * html #lcnF li.first-child { display : block; border : none; } *
html table { font-size : 1em; } * html pre { width : 89%; padding : 1em
2% 2em; overflow-y : hidden; } p[class] { background : lime; color :
#fff; } p[class=”test2”] { background : green; color : #fff; }
span[class~=”test3”] { background : blue; color : yellow; }
a[hreflang|=”en”] { font-weight : bold; color : #090; background :
yellow; } a[href^=”#”] { font-weight : bold; color : lime; }
abbr[title$=”ts”] { font-style : italic; font-size : 1.2em; color :
#000; } span[class*=”st5”] { color : #f00; background : #ccc; } #t2
:lang(fr) span[class] { border : 2px solid #abc; background : #ccc;
padding : 3px; } #t1 , #t2 { background : #f2f2f2; color : lime; } #t2
h5 ~ , #t2 h5 { color : yellow; background : blue; } #t3 h5 + , #t3 h5 {
color : lime; background : #ccc; } .testgrid::before { color : green;
background : #f1f1f1; font-size : 2em; content : “\003C div\003E\0020”;
border : 3px double #b00; } .testgrid h5::after { color : yellow;
font-size : 2em; background : blue; content : “\003C h5\003E\0020”; }
.testgrid { background : #f2f2f2; color : #11111d; } h1 + .testgrid {
background : lime; color : #fff; } #t2 h5 ~ { color : yellow;
background : blue; } #t2 > h5 { font-size : 3em; color : #090;
background : #cfc; } div#t1 :first-child { background : lime; color :
#fff; } div#t2 :last-child { background : lime; color : #fff; } div#t3
:only-child { background : lime; color : #fff; } div#t2 span { border :
1px solid #000; } div#t2 span:only-child { background : blue; color :
yellow; } div#t1 :first-of-type { background : lime; color : #fff; }
div#t2 :last-of-type { background : lime; color : #fff; } div#t3
:only-of-type { background : lime; color : #fff; } div#t2 span { border :
1px solid #000; } div#t2 span:only-of-type { background : blue; color :
yellow; } #t1 :first-letter { color : green; font-size : 300%;
font-weight : bold; background : transparent; } #t1 :first-line {
background : lime; color : #fff; } #t2 ::first-letter { color : #ccc;
font-size : 300%; font-weight : bold; background : #c00; } #t2
::first-line { background : lime; color : #fff; } *|* .testgrid {
border-color : #406180; border-width : 3px; } :root { border : 1ex solid
lime; } ::selection { background : #000; color : #fff; outline : #c00
2px dotted; cursor : ne-resize; } button { color : red; } button:enabled
{ background : green; color : white; } button:disabled { background :
#aaa; color : white; } input[type=”radio”]:disabled + label { border :
1px solid #c00; font-weight : bold; } input[type=”checkbox”]:enabled +
label { background : #ccc; color : #c00; }
input[type=”checkbox”]:checked + label { border : 1px solid #009;
font-weight : bold; } a[href=”#lcnF”] { font-weight : bold; border : 1px
solid #000; } ul#lcnF:target { background : #f2ab91; } #t1 a {
background : #ccc; } #t1 a:not(:focus) { background : #fff; } .testgrid
:not([lang]) { background : lime; color : white; } .testgrid :empty {
height : 2em; border : 1px solid #008; background : #f1f1f1; } #t3
:lang(fr) { border : 2px solid #080; } P:first-letter { color : maroon; }
.cl2:first-letter { font-size : 200%; } P.cl3:first-letter { font-size :
350%; } BODY > { color : green; } BODY > .cl1 { font-family :
sans-serif; } DIV OL > LI STRONG { color : green; } H1 { font-family :
sans-serif; } BODY { color : purple; } P { color : green; } H3 { color :
navy; } LI { color : green; } #one { color : green; } #id1 { color :
green; } P#id2 { color : blue; } P#id3 { color : purple; } .cl1 a:hover {
background-color : yellow; color : red; } .cl2 a:link:hover {
background-color : yellow; color : red; } .cl3 a:hover:link {
background-color : yellow; color : red; } .cl4 a:visited:hover {
background-color : yellow; color : red; } .cl5 a:hover:visited {
background-color : yellow; color : red; } .cl6 :link:hover {
background-color : yellow; color : red; } .cl7 :hover:link {
background-color : yellow; color : red; } .cl8 :visited:hover {
background-color : yellow; color : red; } .cl9 :hover:visited {
background-color : yellow; color : red; } .cl10 a:active {
background-color : yellow; color : green; } .cl11 a:link:active {
background-color : yellow; color : green; } .cl12 a:active:link {
background-color : yellow; color : green; } .cl13 a:visited:active {
background-color : yellow; color : green; } .cl14 a:active:visited {
background-color : yellow; color : green; } .cl15 :link:active {
background-color : yellow; color : green; } .cl16 :active:link {
background-color : yellow; color : green; } .cl17 :visited:active {
background-color : yellow; color : green; } .cl18 :active:visited {
background-color : yellow; color : green; } P:first-line { color :
green; } .cl2:first-line { font-size : 200%; } .cl3:first-line {
font-variant : small-caps; } LI:first-child { color : green; } P
STRONG:first-child { color : green; } DIV > :first-child { color :
purple; } H3 + H4 { color : green; } UL + { border-top : 3px solid
green; } EM + STRONG { color : green; } H3.opener + { border-top : 3px
solid green; } A { color : green; } A:link { color : purple; } A:visited
{ color : lime; } #id1 { color : #006600; } A.external:link { color :
olive; } A.external:visited { color : maroon; } .test { background-color
: silver; } .cl1 { margin-right : 10px; } .cl2 { margin-right : 15px; }
.cl3 { margin-right : 1em; } .cl4 { margin-right : -2px;
background-color : aqua; } LI { color : purple; } UL LI { color : blue; }
UL LI LI { color : gray; } LI.red { color : green; } UL LI.mar { color :
#660000; } UL LI#gre { color : green; } .test { color : blue; } .test {
color : purple; } .cl1 { text-decoration : line-through; } .test {
background : silver; border-style : none; } .cl1 { border-bottom :
solid; } .cl2 { border-bottom : solid green; } .cl3 { border-bottom :
5px solid green; } .cl4 { border-bottom : 5px green; } .test {
background-color : silver; } .cl1 { width : 250px; max-width : 50%; }
.cl2 { max-width : 500px; } .cl1 { height : 50px; } .cl2 { height : 50%;
} .cl2contain { height : 80px; border : 1px dotted gray; } .cl3 {
height : 150px; background : yellow; } p { font-size : 15px; } p img {
height : 50px; width : 15px; } .cl1 { vertical-align : sub; } .cl2 {
vertical-align : super; } .cl3 { vertical-align : top; font-size : 15px;
} .cl4 { vertical-align : text-top; font-size : 15px; } .cl5 {
vertical-align : middle; font-size : 15px; } .cl6 { vertical-align :
bottom; font-size : 15px; } .cl7 { vertical-align : text-bottom;
font-size : 15px; } .cl8 { vertical-align : baseline; font-size : 15px; }
.cl9 { vertical-align : 50%; font-size : 15px; line-height : 20px; }
p.explain { margin-top : 2em; padding-top : 0.5em; border-top : 2px
groove silver; } p.ttopalign img, span.ttopalign { vertical-align :
text-top; } p.topalign img, span.topalign { vertical-align : top; }
p.midalign img, span.midalign { vertical-align : middle; } big {
font-size : 20px; } small { font-size : 15px; } img.px10 { height :
10px; } img.px15 { height : 15px; } img.px20 { height : 20px; } img.px35
{ height : 35px; } img.px50 { height : 50px; } img.px65 { height :
65px; } img.px90 { height : 90px; } div.cl1 { overflow : visible; }
div.cl2 { overflow : hidden; } div.cl3 { overflow : scroll; } div.cl4 {
overflow : auto; } img:before { content : attr(alt); } h1:before {
display : block; text-align : center; content :
“chapter\Ahoofdstuk\Achapitre”; } p span { background-color : #ddd; }
.cl0 { font-size : 15px; } .cl1 { font-size : 15px; } .cl2 { line-height
: 30px; font-size : 15px; } .cl3 { line-height : 200%; font-size :
15px; } .cl4 { line-height : 2; font-size : 15px; } div { border : 1px
dotted gray; background : white; margin : 0.5em; padding : 0.25em; }
.shrink { font-size : 66%; } .grow { font-size : 150%; } .cl5 {
line-height : 1.2em; font-size : 15px; } .cl6 { line-height : 1.2;
font-size : 15px; } .huge { font-size : 200%; border : 1px dotted red;
background : none; } .cl5 img { height : 30px; } .cl1 { background-color
: green; } .cl2 { background-color : transparent; } .parent {
background-color : silver; } .inh1 { background-color : red; } .cl1 {
background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .cl2 {
background-image : none; } .parent { background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .inh1
{ background-image :
url(http://meyerweb.com/eric/css/tests/css2/pix/crosshair2.gif); } .cl1 {
text-align : left; } .cl2 { text-align : right; } .cl3 { text-align :
center; } .cl4 { text-align : justify; } .cl5 { text-align : “.”; }
div.parent { text-align : left; } div.inh1 { text-align : right; }
div.inh2 { text-align : center; } .cln { font-stretch : narrower; } .clw
{ font-stretch : wider; } .cl1 { font-stretch : ultra-condensed; } .cl2
{ font-stretch : extra-condensed; } .cl3 { font-stretch : condensed; }
.cl4 { font-stretch : semi-condensed; } .cl5 { font-stretch : normal; }
.cl6 { font-stretch : semi-expanded; } .cl7 { font-stretch : expanded; }
.cl8 { font-stretch : extra-expanded; } .cl9 { font-stretch :
ultra-expanded; } div.parent { font-stretch : normal; } div.inh1 {
font-stretch : expanded; } div.inh2 { font-stretch : ultra-condensed; }
.cl1 { font : bold 12px monospace; } .cl2 { font : italic small-caps 700
16px/12px Helvetica, sans-serif; } .cl3 { font : 1em/1.0 serif; }
.cl-sys-a { font : caption; } .cl-sys-b { font : icon; } .cl-sys-c {
font : menu; } .cl-sys-d { font : message-box; } .cl-sys-e { font :
small-caption; } .cl-sys-f { font : status-bar; } div.parent { font :
normal normal normal medium sans-serif; } div.inh1 { font : italic
small-caps bold 28px serif; } div.inh2 { font : oblique small-caps
normal 0.8em cursive; } .cl1 { text-indent : 0.5in; background : aqua; }
.cl2 { text-indent : 2cm; background : aqua; } .cl3 { text-indent :
20mm; background : aqua; } .cl4 { text-indent : 24pt; background : aqua;
} .cl5 { text-indent : 2pc; background : aqua; } .cl6 { text-indent :
2em; background : aqua; } .cl7 { text-indent : 2ex; background : aqua; }
.cl8 { text-indent : 50%; background : aqua; } .cl9 { text-indent :
25px; background : aqua; } blockquote { text-indent : 50%; background :
aqua; } div.parent { text-indent : 50%; width : 400px; } div.inh1 {
text-indent : 10px; margin : 25px; } div.inh2 { text-indent : 10%;
margin : 25px; } .cl1 { font-size : medium; } .cl2 { font-size : larger;
} .cl3 { font-size : smaller; } .cl4 { font-size : xx-small; } .cl5 {
font-size :small; } .cl6 { font-size : small; } .cl7 { font-size :
large; } .cl8 { font-size :large; } .cl9 { font-size : xx-large; } .cl10
{ font-size : 0.5in; } .cl11 { font-size : 1cm; } .cl12 { font-size :
10mm; } .cl13 { font-size : 18pt; } .cl14 { font-size : 1.5pc; } .cl15 {
font-size : 2em; } .cl16 { font-size : 3ex; } .cl17 { font-size : 25px;
} .cl18 { font-size : 200%; } div.parent { font-size : medium; }
div.inh1 { font-size : xx-small; } div.inh2 { font-size : xx-large; }
h3.cl1 { text-shadow : gray 0.5em 0.5em 2px; } h3.cl2 { text-shadow :
purple 0 0 5px; } h3.cl3 { text-shadow : red -10px -0.5em 0.25em, green
1mm 1px 0, blue 0 0.33em 10px; } div.parent { text-shadow : none; }
div.inh1 { text-shadow : purple 3px 5px; } .cl1 { letter-spacing :
0.3in; } .cl2 { letter-spacing : 0.5cm; } .cl3 { letter-spacing : 5mm; }
.cl4 { letter-spacing : 3pt; } .cl5 { letter-spacing : 0.25pc; } .cl6 {
letter-spacing : 1em; } .cl7 { letter-spacing : 1ex; } .cl8 {
letter-spacing : 5px; } .cl9 { letter-spacing : normal; } .cl11 {
letter-spacing : -0.1em; } div.parent { letter-spacing : normal; }
div.inh1 { letter-spacing : 1em; } div.inh2 { letter-spacing : -4px; }
.cl1 { word-spacing : 0.3in; } .cl2 { word-spacing : 0.5cm; } .cl3 {
word-spacing : 5mm; } .cl4 { word-spacing : 3pt; } .cl5 { word-spacing :
0.25pc; } .cl6 { word-spacing : 1em; } .cl7 { word-spacing : 1ex; }
.cl8 { word-spacing : 5px; } .cl9 { word-spacing : normal; } .cl11 {
word-spacing : -0.2em; } div.parent { word-spacing : normal; } div.inh1 {
word-spacing : 2em; } div.inh2 { word-spacing : -2em; } .ttn {
text-transform : none; } .cap { text-transform : capitalize; } .upp {
text-transform : uppercase; } .low { text-transform : lowercase; }
div.parent { text-transform : none; } div.inh1 { text-transform :
uppercase; } div.inh2 { text-transform : lowercase; } .cl1 { white-space
: pre; } .cl3 { white-space : normal; } div.parent { white-space :
normal; } div.inh1 { white-space : pre; } table { margin : 20px 150px;
background : silver; } table td { background : #ff9; } caption { border :
1px dotted purple; } .cl1 { caption-side : top; } .cl2 { caption-side :
right; } .cl3 { caption-side : bottom; } .cl4 { caption-side : left; }
table { background : gray; width : 300px; } table td { background :
#ff9; color : black; } .r1c2 { width : 100px; } .r2c1 { width : 150px; }
.r3c3 { width : 100px; } .cl1 { table-layout : fixed; } .cl2 {
table-layout : auto; } table { background : gray; width : 300px; padding
: 10px; border-spacing : 3px; } table td { background : #ff9; color :
black; border : 2px outset silver; } .cl1 { border-collapse : separate; }
.cl2 { border-collapse : collapse; } table.cl3 { border-collapse :
collapse; border : 5px solid yellow; } table.cl3 col#col1 { border : 3px
solid black; } table.cl3 td { border : 1px solid red; padding : 1em; }
table.cl3 td.solid-blue { border : 5px dashed blue; } table.cl3
td.solid-green { border : 5px solid green; } table { background : gray;
width : 300px; border-spacing : 6px 3px; } table td { background : #ff9;
color : black; } .cl1 { border-collapse : separate; } .cl2 {
border-collapse : collapse; } table { background : gray; width : 300px;
border-collapse : separate; } table td { background : #ff9; color :
black; border : 1px solid green; } .cl1 { empty-cells : show; } .cl2,
.cl3 { empty-cells : hide; } INPUT { border : 3px solid gray; } .cl1 {
outline : green 2px dotted; } .cl2 { outline : green 1em double; } .cl3 {
outline : invert thick solid; } div.parent { outline : none; } div.inh1
{ outline : red 10px solid; } div.inh2 { outline : red 1em inset; }
—>”
- The Perfect American - Untitled