* Use unordered lists, which is more sensible semantically for

representing tree structures.
This commit is contained in:
Eelco Dolstra 2004-03-18 14:58:16 +00:00
parent a784fd5792
commit c2fc2c13c9
2 changed files with 43 additions and 50 deletions

View file

@ -2,6 +2,8 @@
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method='html' />
<xsl:template match="logfile"> <xsl:template match="logfile">
<html> <html>
<head> <head>
@ -9,37 +11,30 @@
<title>Log File</title> <title>Log File</title>
</head> </head>
<body> <body>
<xsl:apply-templates/> <ul class='toplevel'>
<xsl:for-each select='line|nest'>
<li>
<xsl:apply-templates select='.'/>
</li>
</xsl:for-each>
</ul>
</body> </body>
</html> </html>
</xsl:template> </xsl:template>
<xsl:template match="nest"> <xsl:template match="nest">
<div class='nesting'>
<div class='head'>
<xsl:apply-templates select='head'/> <xsl:apply-templates select='head'/>
</div> <ul class='nesting'>
<blockquote class='body'>
<xsl:for-each select='line|nest'> <xsl:for-each select='line|nest'>
<xsl:if test="position() != last()"> <xsl:param name="class"><xsl:choose><xsl:when test="position() != last()">line</xsl:when><xsl:otherwise>lastline</xsl:otherwise></xsl:choose></xsl:param>
<div class='line'> <li class='{$class}'>
<span class='lineconn' /> <span class='lineconn' />
<span class='linebody'> <span class='linebody'>
<xsl:apply-templates select='.'/> <xsl:apply-templates select='.'/>
</span> </span>
</div> </li>
</xsl:if>
<xsl:if test="position() = last()">
<div class='lastline'>
<span class='lineconn' />
<span class='linebody'>
<xsl:apply-templates select='.'/>
</span>
</div>
</xsl:if>
</xsl:for-each> </xsl:for-each>
</blockquote> </ul>
</div>
</xsl:template> </xsl:template>
<xsl:template match="head|line"> <xsl:template match="head|line">

View file

@ -4,43 +4,44 @@ body {
} }
blockquote.body { ul.nesting, ul.toplevel {
padding: 6px 0px; padding: 0;
margin: 0px 0px; margin: 0;
} }
ul.toplevel {
list-style-type: none;
}
div.line, div.lastline { ul.nesting li.line, ul.nesting li.lastline {
position: relative; position: relative;
list-style-type: none;
} }
div.line { ul.nesting li.line {
padding-left: 1.1em;
}
ul.nesting li.lastline {
padding-left: 1.2em;
}
li.line {
border-left: 0.1em solid #6185a0; border-left: 0.1em solid #6185a0;
} }
span.lineconn { li.line > span.lineconn, li.lastline > span.lineconn {
position: absolute; position: absolute;
height: 0.5em; height: 0.65em;
left: 0em;
width: 1em; width: 1em;
border-bottom: 0.1em solid #6185a0; border-bottom: 0.1em solid #6185a0;
} }
div.lastline > span.lineconn { li.lastline > span.lineconn {
border-left: 0.1em solid #6185a0; border-left: 0.1em solid #6185a0;
} }
span.linebody {
position: relative;
}
div.line > span.linebody {
left: 1.1em;
}
div.lastline > span.linebody {
left: 1.2em;
}
em.storeref em.storeref
{ {
@ -49,13 +50,11 @@ em.storeref
width: 100%; width: 100%;
} }
em.storeref:hover em.storeref:hover
{ {
background-color: #eeeeee; background-color: #eeeeee;
} }
*.popup { *.popup {
display: none; display: none;
/* background: url('http://losser.st-lab.cs.uu.nl/~mbravenb/menuback.png') repeat; */ /* background: url('http://losser.st-lab.cs.uu.nl/~mbravenb/menuback.png') repeat; */
@ -69,7 +68,6 @@ em.storeref:hover
z-index: 100; z-index: 100;
} }
em.storeref:hover span.popup { em.storeref:hover span.popup {
display: inline; display: inline;
} }