* Use unordered lists, which is more sensible semantically for
representing tree structures.
This commit is contained in:
		
							parent
							
								
									a784fd5792
								
							
						
					
					
						commit
						c2fc2c13c9
					
				
					 2 changed files with 43 additions and 50 deletions
				
			
		| 
						 | 
					@ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue