You are here

footnotes-alternative_layout.css in Footnotes 8.2

/*
 * 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;
}

File

assets/css/footnotes-alternative_layout.css
View source
  1. /*
  2. * CSS specific to Footnotes module.
  3. *
  4. * This is an alternative layout, it is not so nice but overcomes
  5. * the layout bugs on IE. http://drupal.org/node/166628
  6. * To use this layout, just rename this file to footnotes.css.
  7. */
  8. /* Add empty space before footnotes and a black line on top. */
  9. .footnotes {
  10. clear: both;
  11. margin-top: 4em;
  12. margin-bottom: 2em;
  13. border-top: 1px solid #000;
  14. }
  15. /* Make footnotes appear in a smaller font */
  16. .footnotes {
  17. font-size: 0.9em;
  18. }
  19. /*
  20. Make the footnote a supertext^1
  21. */
  22. .see-footnote {
  23. vertical-align: top;
  24. position: relative;
  25. top: -0.25em;
  26. font-size: 0.9em;
  27. }
  28. /* Hide the bullet of the UL list of footnotes */
  29. ul.footnotes {
  30. list-style-type: none;
  31. margin-left: 0;
  32. padding-left: 0;
  33. }
  34. ul.footnotes li {
  35. margin-left: 0.5em;
  36. list-style-type: none;
  37. background: none; /* Garland theme sets a bullet via background image, this must be unset! See bug 861634 */
  38. }
  39. .footnotes .footnote-label {
  40. vertical-align: top;
  41. position: relative;
  42. top: -0.35em;
  43. left: -0.35em;
  44. font-size: 0.8em;
  45. }
  46. /* Highlight the target footnote (or ref number, if a backlink was used) when user clicks a footnote. */
  47. .see-footnote:target,
  48. .footnotes .footnote:target {
  49. background-color: #eee;
  50. }
  51. .see-footnote:target {
  52. border: solid 1px #aaa;
  53. }
  54. /*
  55. Make the multiple backlinks a supertext^1
  56. */
  57. .footnotes .footnote-multi {
  58. vertical-align: top;
  59. position: relative;
  60. top: -0.25em;
  61. font-size: 0.75em;
  62. }
  63. /*
  64. * Textile Footnotes
  65. */
  66. /* First footnote */
  67. #fn1 {
  68. border-top: 1px solid #000;
  69. margin-top: 3em;
  70. }
  71. .footnote {
  72. font-size: 0.9em;
  73. }