You are here

Home » API reference » Footnotes 5

footnotes-aternative_layout.css in Footnotes 5

Same filename and directory in other branches
  1. 5.2 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 {
  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.   margin-top: 4em;

  13.   margin-bottom: 2em;

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

  15. }

  16. 

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

  18. .footnotes {

  19.   font-size: 0.9em;

  20. }

  21. 

  22. /* 

  23.   Make the footnote a supertext^1

  24. */

  25. .see_footnote {

  26.   vertical-align: top;

  27.   position: relative;

  28.   top: -0.25em;

  29.   font-size: 0.9em;

  30. }

  31. 

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

  33. ol.footnotes {

  34.   list-style-type: none;

  35.   margin-left: 0;

  36.   padding-left: 0;

  37. }

  38. ol.footnotes li {

  39.   margin-left: 0.5em;

  40. }

  41. .footnotes .footnote {

  42.   vertical-align: top;

  43.   position: relative;

  44.   top: -0.35em;

  45.   left: -0.35em;

  46.   font-size: 0.8em;

  47. }

  48. 

  49. /*

  50.  * Textile Footnotes 

  51.  */

  52.  /* First footnote */

  53.  #fn1 {

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

  55.    margin-top: 3em;

  56.  }

  57.  .footnote {

  58.    font-size: 0.9em;

  59.  }

  60.