* Don't use tables. Konqueror likes this much better.
This commit is contained in:
parent
8ce3dd4887
commit
a784fd5792
2 changed files with 33 additions and 71 deletions
|
@ -22,28 +22,20 @@
|
||||||
<blockquote class='body'>
|
<blockquote class='body'>
|
||||||
<xsl:for-each select='line|nest'>
|
<xsl:for-each select='line|nest'>
|
||||||
<xsl:if test="position() != last()">
|
<xsl:if test="position() != last()">
|
||||||
<table class='x'>
|
<div class='line'>
|
||||||
<tr class='x'>
|
<span class='lineconn' />
|
||||||
<td class='dummy'>
|
<span class='linebody'>
|
||||||
<div class='dummy' />
|
<xsl:apply-templates select='.'/>
|
||||||
</td>
|
</span>
|
||||||
<td class='line'>
|
</div>
|
||||||
<xsl:apply-templates select='.'/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</xsl:if>
|
</xsl:if>
|
||||||
<xsl:if test="position() = last()">
|
<xsl:if test="position() = last()">
|
||||||
<table class='y'>
|
<div class='lastline'>
|
||||||
<tr class='y'>
|
<span class='lineconn' />
|
||||||
<td class='dummy'>
|
<span class='linebody'>
|
||||||
<div class='dummy' />
|
<xsl:apply-templates select='.'/>
|
||||||
</td>
|
</span>
|
||||||
<td class='line'>
|
</div>
|
||||||
<xsl:apply-templates select='.'/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</xsl:if>
|
</xsl:if>
|
||||||
</xsl:for-each>
|
</xsl:for-each>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
|
@ -1,74 +1,44 @@
|
||||||
body
|
body {
|
||||||
{
|
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
td.line
|
blockquote.body {
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
blockquote.body
|
|
||||||
{
|
|
||||||
padding: 6px 0px;
|
padding: 6px 0px;
|
||||||
margin: 0px 1px;
|
margin: 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table.x, tr.x
|
div.line, div.lastline {
|
||||||
{
|
position: relative;
|
||||||
border-collapse: separate;
|
|
||||||
border-spacing: 0pt;
|
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
padding: 0em 0em 0em 0em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.line {
|
||||||
tr.x > td.dummy
|
border-left: 0.1em solid #6185a0;
|
||||||
{
|
|
||||||
vertical-align: top;
|
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
padding: 0.5em 0em 0em 0em;
|
|
||||||
border-left: 3px solid #6185a0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span.lineconn {
|
||||||
tr.x > td.dummy > div.dummy
|
position: absolute;
|
||||||
{
|
height: 0.5em;
|
||||||
width: 1.5em;
|
width: 1em;
|
||||||
height: 3px;
|
border-bottom: 0.1em solid #6185a0;
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
border-top: 3px solid #6185a0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.lastline > span.lineconn {
|
||||||
table.y, tr.y
|
border-left: 0.1em solid #6185a0;
|
||||||
{
|
|
||||||
border-collapse: separate;
|
|
||||||
border-spacing: 0pt;
|
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
padding: 0em 0em 0em 0em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span.linebody {
|
||||||
tr.y > td.dummy
|
position: relative;
|
||||||
{
|
|
||||||
vertical-align: top;
|
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
padding: 0em 0em 0em 0em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.line > span.linebody {
|
||||||
|
left: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
tr.y > td.dummy > div.dummy
|
div.lastline > span.linebody {
|
||||||
{
|
left: 1.2em;
|
||||||
width: 1.5em;
|
|
||||||
height: 6px;
|
|
||||||
margin: 0em 0em 0em 0em;
|
|
||||||
border-left: 3px solid #6185a0;
|
|
||||||
border-bottom: 3px solid #6185a0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue