You are here

Home » API reference » Footnotes 5.2

footnotes-aternative_layout.css in Footnotes 5.2

Same filename and directory in other branches
  1. 5 footnotes-aternative_layout.css
  2. 6 footnotes-aternative_layout.css
/*
 * 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 #000000;
}

/* 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 actual number of the OL list of footnotes*/
ol.footnotes {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ol.footnotes li {
  margin-left: 0.5em;
}
.footnotes .footnote {
  vertical-align: top;
  position: relative;
  top: -0.35em;
  left: -0.35em;
  font-size: 0.8em;
}

/*
 * Textile Footnotes 
 */
 /* First footnote */
 #fn1 {
   border-top: 1px solid #000000;
   margin-top: 3em;
 }
 .footnote {
   font-size: 0.9em;
 }

File

footnotes-aternative_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.  

  9. 

  10. /* Add empty space before footnotes and a black line on top. */

  11. .footnotes {

  12.   clear: both;

  13.   margin-top: 4em;

  14.   margin-bottom: 2em;

  15.   border-top: 1px solid #000000;

  16. }

  17. 

  18. /* Make footnotes appear in a smaller font */

  19. .footnotes {

  20.   font-size: 0.9em;

  21. }

  22. 

  23. /* 

  24.   Make the footnote a supertext^1

  25. */

  26. .see_footnote {

  27.   vertical-align: top;

  28.   position: relative;

  29.   top: -0.25em;

  30.   font-size: 0.9em;

  31. }

  32. 

  33. /* Hide the actual number of the OL list of footnotes*/

  34. ol.footnotes {

  35.   list-style-type: none;

  36.   margin-left: 0;

  37.   padding-left: 0;

  38. }

  39. ol.footnotes li {

  40.   margin-left: 0.5em;

  41. }

  42. .footnotes .footnote {

  43.   vertical-align: top;

  44.   position: relative;

  45.   top: -0.35em;

  46.   left: -0.35em;

  47.   font-size: 0.8em;

  48. }

  49. 

  50. /*

  51.  * Textile Footnotes 

  52.  */

  53.  /* First footnote */

  54.  #fn1 {

  55.    border-top: 1px solid #000000;

  56.    margin-top: 3em;

  57.  }

  58.  .footnote {

  59.    font-size: 0.9em;

  60.  }

  61.