* Don't use tables. Konqueror likes this much better.

This commit is contained in:
Eelco Dolstra 2004-03-18 13:04:05 +00:00
parent 8ce3dd4887
commit a784fd5792
2 changed files with 33 additions and 71 deletions

View file

@ -22,28 +22,20 @@
<blockquote class='body'>
<xsl:for-each select='line|nest'>
<xsl:if test="position() != last()">
<table class='x'>
<tr class='x'>
<td class='dummy'>
<div class='dummy' />
</td>
<td class='line'>
<xsl:apply-templates select='.'/>
</td>
</tr>
</table>
<div class='line'>
<span class='lineconn' />
<span class='linebody'>
<xsl:apply-templates select='.'/>
</span>
</div>
</xsl:if>
<xsl:if test="position() = last()">
<table class='y'>
<tr class='y'>
<td class='dummy'>
<div class='dummy' />
</td>
<td class='line'>
<xsl:apply-templates select='.'/>
</td>
</tr>
</table>
<div class='lastline'>
<span class='lineconn' />
<span class='linebody'>
<xsl:apply-templates select='.'/>
</span>
</div>
</xsl:if>
</xsl:for-each>
</blockquote>

View file

@ -1,74 +1,44 @@
body
{
body {
font-family: sans-serif;
background: white;
}
td.line
{
width: 100%;
}
blockquote.body
{
blockquote.body {
padding: 6px 0px;
margin: 0px 1px;
margin: 0px 0px;
}
table.x, tr.x
{
border-collapse: separate;
border-spacing: 0pt;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
div.line, div.lastline {
position: relative;
}
tr.x > td.dummy
{
vertical-align: top;
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0em 0em;
border-left: 3px solid #6185a0;
div.line {
border-left: 0.1em solid #6185a0;
}
tr.x > td.dummy > div.dummy
{
width: 1.5em;
height: 3px;
margin: 0em 0em 0em 0em;
border-top: 3px solid #6185a0;
span.lineconn {
position: absolute;
height: 0.5em;
width: 1em;
border-bottom: 0.1em solid #6185a0;
}
table.y, tr.y
{
border-collapse: separate;
border-spacing: 0pt;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
div.lastline > span.lineconn {
border-left: 0.1em solid #6185a0;
}
tr.y > td.dummy
{
vertical-align: top;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
span.linebody {
position: relative;
}
div.line > span.linebody {
left: 1.1em;
}
tr.y > td.dummy > div.dummy
{
width: 1.5em;
height: 6px;
margin: 0em 0em 0em 0em;
border-left: 3px solid #6185a0;
border-bottom: 3px solid #6185a0;
div.lastline > span.linebody {
left: 1.2em;
}