html {background: #555;}
html:before { content: ' < HTML > ';}
html:after { content: '< /HTML >';}
Body { background: #000; display: block; width: 75%; margin-left: auto; margin-right: auto; font-family: palatino; color: #eee; padding: 5mm 5mm 5mm 15mm;}
body:before { content: '< BODY id="'attr(id)'" class="'attr(class)'" >';}
body:after { content: '< /BODY >';}
div { padding-left: 15px}
div:before { content: '< DIV id="'attr(id)'" class="'attr(class)'" >';}
div:after { content: '< /DIV >';}
ul:before { content: '< UL >';}
ul:after { content: '< /UL >';}
h1, h2, h3, p, li, cite, q, address, b, i {color: #111}
li:hover, cite:hover, q:hover, address:hover, b:hover, i:hover {color: #09f}
li { padding-left: 15px}
li:before { content: '< LI class="'attr(class)'">';color: #eee}
li:after { content: ' < /LI >';color: #eee}
a { padding-left: 15px; color: #003}
a:hover { color: #00f}
a:before { content: '< A href="'attr(HREF)'" class="'attr(class)'" >'; color: #eee}
a:after { content: ' < /A >'; color: #eee}
.menuaspect a:before { content: '< A href="'attr(HREF)'" > ';}
h1:hover, h2:hover, h3:hover {color: #0f0}
h1:before { content: '< H1 id="'attr(id)'" class="'attr(class)'" >'; color: #eee}
h1:after { content: '< /H1 >'; color: #eee}
h2:before { content: '< H2 id="'attr(id)'" class="'attr(class)'" >'; color: #eee}
h2:after { content: '< /H2 >'; color: #eee}
h3:before { content: '< H3 id="'attr(id)'" class="'attr(class)'" >' ; color: #eee}
h3:after { content: '< /H3 >' ; color: #eee}
p { padding-left: 15px; color: #111}
p:hover {color: #ff0}
p:before { content: '< P id="'attr(id)'" class="'attr(class)'" >' ; color: #eee}
p:after { content: '< /P >' ; color: #eee}
table { padding-left: 15px}
table:before { content: '< TABLE class="'attr(class)'" summary="'attr(summary)'" >'}
table:after { content: '< /TABLE >';}
td { padding-left: 15px}
td:before { content: '< TD >';}
td:after { content: '< /TD >';}
tr { padding-left: 15px}
tr:before { content: '< TR >';}
tr:after { content: '< /TR >';}
span { padding-left: 15px}
span:before { content: '< SPAN >';}
span:after { content: '< /SPAN >';}
.menuaspect a { color: #f00; }
.menuaspect a:hover{ color: #ccc }
div.menuaspect .menuaspectprincipal, div.menuaspect .menuaspect0, div.menuaspect .menuaspect1, div.menuaspect .sansstyle {}
div.menuaspect .menuaspect2, div.menuaspect .menuaspect3, div.menuaspect .menuaspect4, div.menuaspect .menuaspect5, div.menuaspect .menuaspect6, div.menuaspect .menuaspect7, div.menuaspect .menuaspect8, div.menuaspect .menuaspect9, div.menuaspect .menuaspect10 {display: none}
div.menuaspect2 .menuaspect1, div.menuaspect2 .menuaspect2, div.menuaspect2 .menuaspect3, div.menuaspect2 .menuaspect4, div.menuaspect2 .menuaspect5, div.menuaspect2 .menuaspect6, div.menuaspect2 .menuaspect7, div.menuaspect2 .menuaspect8, div.menuaspect2 .menuaspect9, div.menuaspect2 .menuaspect10 {display: none}