/* * CSS specific to Footnotes module. * * This is an alternative layout, it is not so nice but overcomes * the layout bugs on IE. http://drupal.org/node/166628 * To use this layout, just rename this file to footnotes.css. */ /* Add empty space before footnotes and a black line on top. */ .footnotes { clear: both; margin-top: 4em; margin-bottom: 2em; border-top: 1px solid #000; } /* Make footnotes appear in a smaller font */ .footnotes { font-size: 0.9em; } /* Make the footnote a supertext^1 */ .see-footnote { vertical-align: top; position: relative; top: -0.25em; font-size: 0.9em; } /* Hide the bullet of the UL list of footnotes */ ul.footnotes { list-style-type: none; margin-left: 0; padding-left: 0; } ul.footnotes li { margin-left: 0.5em; list-style-type: none; background: none; /* Garland theme sets a bullet via background image, this must be unset! See bug 861634 */ } .footnotes .footnote-label { vertical-align: top; position: relative; top: -0.35em; left: -0.35em; font-size: 0.8em; } /* Highlight the target footnote (or ref number, if a backlink was used) when user clicks a footnote. */ .see-footnote:target, .footnotes .footnote:target { background-color: #eee; } .see-footnote:target { border: solid 1px #aaa; } /* Make the multiple backlinks a supertext^1 */ .footnotes .footnote-multi { vertical-align: top; position: relative; top: -0.25em; font-size: 0.75em; } /* * Textile Footnotes */ /* First footnote */ #fn1 { border-top: 1px solid #000; margin-top: 3em; } .footnote { font-size: 0.9em; }