forked from lix-project/lix
* 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: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">
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue