[needs docs] Can you style footnote text?

[cormullion]

I can’t work out how to CSS-style the text in a footnote...

[tlienart]

Yes yes you can (and I need to add docs for it all)

References

For the reference basically a footnote is inserted as

<sup id="fnref:1"><a href="/pub/menu1.html#fndef:1" class="fnref">[1]</a></sup>

So you can style that with .jd_content sup a.fnref

Definitions

For definitions, it's inserted as a table like:

<table class="fndef" id="fndef:blah">
    <tr>
        <td class="fndef-backref"><a href="/pub/menu1.html#fnref:blah">[2]</a></td>
        <td class="fndef-content">this is another footnote</td>
    </tr>
</table>

so you can style the back-reference via the .jd-content fndef td.fndef-backref and the text of the definition via .jd-content fndef td.fndef-content; consider the following base styling:

.jd-content table.fndef  {
    margin: 0;
    margin-bottom: 10px;}
.jd-content .fndef tr, td {
    padding: 0;
    border: 0;
    text-align: left;}
.jd-content .fndef tr {
    border-left: 2px solid lightgray;
    }
.jd-content .fndef td.fndef-backref {
    vertical-align: top;
    font-size: 70%;
    padding-left: 5px;}
.jd-content .fndef td.fndef-content {
    font-size: 80%;
    padding-left: 10px;}

hope this helps! (I realise now that calling these things fn* was maybe a bit lazy and footnote* would have been better to improve readability of CSS...)

[cormullion]

Thanks. This is just what I wanted to know!

(My brain is just about coping with simultaneously using Literate, JuDoc, Markdown, and CSS, while upgrading Julia from 0.6/0.7 to 1.2. :))

[tlienart]

oops, closed this too quickly, still needs docs

[tlienart]

now there's docs.