* Use unordered lists, which is more sensible semantically for
representing tree structures.
This commit is contained in:
parent
a784fd5792
commit
c2fc2c13c9
|
@ -2,6 +2,8 @@
|
|||
|
||||
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
|
||||
|
||||
<xsl:output method='html' />
|
||||
|
||||
<xsl:template match="logfile">
|
||||
<html>
|
||||
<head>
|
||||
|
@ -9,37 +11,30 @@
|
|||
<title>Log File</title>
|
||||
</head>
|
||||
<body>
|
||||
<xsl:apply-templates/>
|
||||
<ul class='toplevel'>
|
||||
<xsl:for-each select='line|nest'>
|
||||
<li>
|
||||
<xsl:apply-templates select='.'/>
|
||||
</li>
|
||||
</xsl:for-each>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
</xsl:template>
|
||||
|
||||
<xsl:template match="nest">
|
||||
<div class='nesting'>
|
||||
<div class='head'>
|
||||
<xsl:apply-templates select='head'/>
|
||||
</div>
|
||||
<blockquote class='body'>
|
||||
<ul class='nesting'>
|
||||
<xsl:for-each select='line|nest'>
|
||||
<xsl:if test="position() != last()">
|
||||
<div class='line'>
|
||||
<xsl:param name="class"><xsl:choose><xsl:when test="position() != last()">line</xsl:when><xsl:otherwise>lastline</xsl:otherwise></xsl:choose></xsl:param>
|
||||
<li class='{$class}'>
|
||||
<span class='lineconn' />
|
||||
<span class='linebody'>
|
||||
<xsl:apply-templates select='.'/>
|
||||
</span>
|
||||
</div>
|
||||
</xsl:if>
|
||||
<xsl:if test="position() = last()">
|
||||
<div class='lastline'>
|
||||
<span class='lineconn' />
|
||||
<span class='linebody'>
|
||||
<xsl:apply-templates select='.'/>
|
||||
</span>
|
||||
</div>
|
||||
</xsl:if>
|
||||
</li>
|
||||
</xsl:for-each>
|
||||
</blockquote>
|
||||
</div>
|
||||
</ul>
|
||||
</xsl:template>
|
||||
|
||||
<xsl:template match="head|line">
|
||||
|
|
|
@ -4,43 +4,44 @@ body {
|
|||
}
|
||||
|
||||
|
||||
blockquote.body {
|
||||
padding: 6px 0px;
|
||||
margin: 0px 0px;
|
||||
ul.nesting, ul.toplevel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.toplevel {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div.line, div.lastline {
|
||||
ul.nesting li.line, ul.nesting li.lastline {
|
||||
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;
|
||||
}
|
||||
|
||||
span.lineconn {
|
||||
li.line > span.lineconn, li.lastline > span.lineconn {
|
||||
position: absolute;
|
||||
height: 0.5em;
|
||||
height: 0.65em;
|
||||
left: 0em;
|
||||
width: 1em;
|
||||
border-bottom: 0.1em solid #6185a0;
|
||||
}
|
||||
|
||||
div.lastline > span.lineconn {
|
||||
li.lastline > span.lineconn {
|
||||
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
|
||||
{
|
||||
|
@ -49,13 +50,11 @@ em.storeref
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
em.storeref:hover
|
||||
{
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
|
||||
*.popup {
|
||||
display: none;
|
||||
/* background: url('http://losser.st-lab.cs.uu.nl/~mbravenb/menuback.png') repeat; */
|
||||
|
@ -69,7 +68,6 @@ em.storeref:hover
|
|||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
em.storeref:hover span.popup {
|
||||
display: inline;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue