Help:Reference display customization

You can customize the appearance of inline cites and the reference list by adding any of these rules to your CSS.

Superscripts

/* keep reference superscript and subscript text from breaking the line-spacing */
#content sup.reference {
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    bottom: 0.33em;
}

#content sub.reference {
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    bottom: -0.25em;
}

Customizing the reference list

/* Supress display of the reference list */
.references {display: none;}


<source lang="css">
/* Set the font size for {{reflist}} */
.references-small { font-size: 90%;}

Change 90% to the desired size.

/* Disable columns for {{reflist}} */
.references-column-count, .references-column-width {
    column-count:1 !important;
    column-width:auto !important;
    -moz-column-count:1 !important;
    -moz-column-width:auto !important;
    -webkit-column-count:1 !important;
    -webkit-column-width:auto !important;
}

To set a fixed number of columns, change 1 and auto to the desired number.

Customizing the inline cites

/* Hide the brackets for the inline cite */
sup.reference a span {display: none;}

/* Add a non-breaking space before the inline cite */
sup.reference:before {content: ' '; text-decoration: none;}

/* Larger, bolder inline cites */
p sup.reference a { font-weight:bold; font-size:140% !important; color:#55C !important; background:#FFF !important; }
hover sup.reference a { background:#FFFF00 !important; color:#1010FF !important; }
hover sup.reference a:visited { color: #5A3696 !important; }
hover sup.reference a:active { color: #FAA700 !important; background:#0808F8 !important; }";

/* inconspicuous inline reference citations */
sup.reference {
  white-space: nowrap;
  }

sup.reference a {
  font-size: 0.85em;
  font-weight: lighter
  }

   sup.reference:after {
    content: ' '; /* non-break space after cites */
    text-decoration: none;
    }

 sup.reference a span {
    display: none; /* hide the brackets */
    }

  p sup.reference a,
  tr sup.reference a,
  caption sup.reference a,
  ol sup.reference a,
  ul sup.reference a,
  dl sup.reference a {
    color: black;
    }

    p:hover sup.reference a,
    tr:hover sup.reference a,
    caption:hover sup.reference a,
    ol:hover sup.reference a,
    ul:hover sup.reference a,
    dl:hover sup.reference a {
      color: rgb(0, 43, 184);
      text-decoration: underline;
      }
    p:hover sup.reference a:visited,
    tr:hover sup.reference a:visited,
    caption:hover sup.reference a:visited,
    ol:hover sup.reference a:visited,
    ul:hover sup.reference a:visited,
    dl:hover sup.reference a:visited {
      color: #5A3696;
      }
    p:hover sup.reference a:hover,
    tr:hover sup.reference a:hover,
    caption:hover sup.reference a:hover,
    ol:hover sup.reference a:hover,
    ul:hover sup.reference a:hover,
    dl:hover sup.reference a:hover {
      color: #002BB8;
      }
    p:hover sup.reference a:active,
    tr:hover sup.reference a:active,
    caption:hover sup.reference a:active
    ol:hover sup.reference a:active,
    ul:hover sup.reference a:active,
    dl:hover sup.reference a:active {
      color: #FAA700;
      }