Template:Reflist/styles.css: Difference between revisions
From Vigyanwiki
(add styles here) |
(add 30em, 25em, and remove support for non-ordered lists) |
||
| Line 12: | Line 12: | ||
.reflist-columns { | .reflist-columns { | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
column-width: 30em; | |||
} | |||
/* Class serves as legacy for "3 or more" column view from when the | |||
* template was implemented with column-count. | |||
*/ | |||
.reflist-columns-3 { | |||
column-width: 25em; | |||
} | } | ||
/* Reset top margin for lists embedded in columns */ | /* Reset top margin for lists embedded in columns */ | ||
.reflist-columns ol { | |||
.reflist-columns ol | |||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
/* Avoid elements breaking between columns */ | /* Avoid elements breaking between columns */ | ||
.reflist-columns li | .reflist-columns li { | ||
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | ||
break-inside: avoid-column; | break-inside: avoid-column; | ||
Revision as of 08:31, 3 March 2021
.reflist {
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
}
.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 */
}
.reflist-columns {
margin-top: 0.3em;
column-width: 30em;
}
/* Class serves as legacy for "3 or more" column view from when the
* template was implemented with column-count.
*/
.reflist-columns-3 {
column-width: 25em;
}
/* Reset top margin for lists embedded in columns */
.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;
}