yoohoo! hot sauce please
10:27, 7 September 2026 (UTC)
Template:Reflist/styles.css: Difference between revisions
From 2swagg wiki
Jump to navigationJump to search
imported>Anomie Update to reduce differences in behavior between {{reflist}} and <references/>. See talk. Note, if this breaks some custom styles you have, likely they were already broken with <references/> and you should take this opportunity to update them. |
No edit summary |
||
| Line 1: | Line 1: | ||
/* {{ | /* can we remove the font size declarations? .references gets a font-size in | ||
* common.css that is always 90, and there is nothing else in reflist out in | |||
* the wild. May affect column sizes. | |||
*/ | |||
.reflist { | |||
font-size: 90%; /* Default font-size */ | |||
margin-bottom: 0.5em; | |||
list-style-type: decimal; | |||
} | |||
.reflist .references { | |||
font-size: 100%; /* Reset font-size when nested in div.reflist */ | |||
margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ | |||
list-style-type: inherit; /* Enable custom list style types */ | |||
word-wrap: break-word; /* Enable word breaking for long references that lack spaces */ | |||
} | |||
/* columns-2 and columns-3 are legacy for "2 or more" column view from when the | /* columns-2 and columns-3 are legacy for "2 or more" column view from when the | ||
* template was implemented with column-count. | * template was implemented with column-count. | ||
| Line 6: | Line 22: | ||
column-width: 30em; | column-width: 30em; | ||
} | } | ||
.reflist-columns-3 { | .reflist-columns-3 { | ||
column-width: 25em; | column-width: 25em; | ||
} | } | ||
. | /* Reset top margin for lists embedded in columns */ | ||
.reflist-columns { | |||
margin-top: 0.3em; | |||
} | } | ||
. | .reflist-columns ol { | ||
margin-top: 0; | |||
} | } | ||
. | /* Avoid elements breaking between columns */ | ||
.reflist-columns li { | |||
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | |||
break-inside: avoid-column; | |||
} | } | ||
.reflist-upper-alpha { | |||
list-style-type: upper-alpha; | list-style-type: upper-alpha; | ||
} | } | ||
.reflist-upper-roman { | |||
list-style-type: upper-roman; | list-style-type: upper-roman; | ||
} | } | ||
.reflist-lower-alpha { | |||
list-style-type: lower-alpha; | list-style-type: lower-alpha; | ||
} | } | ||
.reflist-lower-greek { | |||
list-style-type: lower-greek; | list-style-type: lower-greek; | ||
} | } | ||
.reflist-lower-roman { | |||
list-style-type: lower-roman; | list-style-type: lower-roman; | ||
} | } | ||
Latest revision as of 11:30, 10 October 2026
/* can we remove the font size declarations? .references gets a font-size in
* common.css that is always 90, and there is nothing else in reflist out in
* the wild. May affect column sizes.
*/
.reflist {
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
list-style-type: decimal;
}
.reflist .references {
font-size: 100%; /* Reset font-size when nested in div.reflist */
margin-bottom: 0; /* Avoid double margin when nested in div.reflist */
list-style-type: inherit; /* Enable custom list style types */
word-wrap: break-word; /* Enable word breaking for long references that lack spaces */
}
/* columns-2 and columns-3 are legacy for "2 or more" column view from when the
* template was implemented with column-count.
*/
.reflist-columns-2 {
column-width: 30em;
}
.reflist-columns-3 {
column-width: 25em;
}
/* Reset top margin for lists embedded in columns */
.reflist-columns {
margin-top: 0.3em;
}
.reflist-columns ol {
margin-top: 0;
}
/* Avoid elements breaking between columns */
.reflist-columns li {
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
break-inside: avoid-column;
}
.reflist-upper-alpha {
list-style-type: upper-alpha;
}
.reflist-upper-roman {
list-style-type: upper-roman;
}
.reflist-lower-alpha {
list-style-type: lower-alpha;
}
.reflist-lower-greek {
list-style-type: lower-greek;
}
.reflist-lower-roman {
list-style-type: lower-roman;
}
