Help:Reference display customization
This page is a how-to guide detailing a practice or process on the English Wikipedia. |
You can customize the appearance of inline cites and the reference list by adding any of these rules to your CSS. After editing, bypass your cache.
Reference list
[edit]/* Set the font size for reference lists */
ol.references,
div.reflist,
div.refbegin {
font-size: 90%;
}
- Change 90% to the desired size. See also Special:Preferences → Gadgets → Disable smaller font sizes of elements such as Infoboxes, Navboxes and References lists.
/* Suppress display of the reference list */
ol.references {
display: none;
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
- See web colors.
/* Reference list in a box with a scrollbar */
@media screen {
div.reflist {
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.5em;
max-height: 320px;
}
}
/* Disable columns for {{reflist}} and {{refbegin}} */
.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
to the desired number.
/* Add dividers (rules) between columns */
.references-column-count, .references-column-width {
column-rule: 1px solid #aaa;
-moz-column-rule: 1px solid #aaa;
-webkit-column-rule: 1px solid #aaa;
}
- You can alter the appearance of the dividers by changing the values.
To show the reference list in a collapsible box, see User:TheDJ/Folded references.
In-text cites
[edit]Hide in-text footnote markers:
Edit Template:Yourjs and add:
{{subst:iusc|User:Zhaofeng Li/RefToggle.js}}
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;
}
This fixes a cosmetic issue with Internet Explorer where a wikilink followed immediately by an in-text cite may cause the link and cite to be underlined together; not supported by IE6 and IE7
/* Add a zero-width space before the in-text citation */
sup.reference:before {
content: "\200B"; text-decoration: none;
}
This will join the in-text cite to the preceding text, preventing it from wrapping; it does not add a space; does not work for Internet Explorer
/* Add a zero-width space before the in-text citation */
sup.reference:before {
content: "\200D"; text-decoration: none;
}
This will join the in-text cite to the preceding text, preventing it from wrapping; a space will show between the text and the in-text cite; not supported by IE6 and IE7
/* Add a non-breaking space before the in-text citation */
sup.reference:before {
content: "\A0"; text-decoration: none;
}
Hide the brackets for the inline cite
/* Hide the brackets for the inline cite */
sup.reference a span {
display: none;
}
Hide in-text cites
/* Hide in-text cites */
.reference {
display: none;
}
Larger, bolder in-text citations
/* Larger, bolder in-text citations */
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 in-text citations
The :before and :after pseudo-elements are not supported by IE6 and IE7
/* inconspicuous in-text 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;
}
Popups
[edit]To add popups for the in-text citation that show the full citation, see User:Blue-Haired Lawyer/Footnote popups.
Also, the Gadget at Special:Preferences#mw-prefsection-gadgets->Browsing->Reference Tooltips.
Error messages
[edit]By default error messages only show for article, user, template, category, help and file pages. Errors do not show on talk, wikipedia, mediawiki, portal and book unless enabled:
/*show cite errors on all pages*/
span.brokenref {
display: inline;
}