Template:Reflist/styles.css: Difference between revisions

From All Skies Encyclopaedia
imported>Izno
(add 30em, 25em, and remove support for non-ordered lists)
imported>Izno
(inherit like a normal human)
Line 2: Line 2:
font-size: 90%; /* Default font-size */
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
margin-bottom: 0.5em;
list-style-type: decimal;
}
}


Line 10: Line 11:
}
}


/* columns-2 and columns-3 are legacy for "2 or more" column view from when the
.reflist-columns {
* template was implemented with column-count.
margin-top: 0.3em;
*/
.reflist-columns-2 {
column-width: 30em;
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 {
.reflist-columns-3 {
column-width: 25em;
column-width: 25em;
Line 23: Line 23:


/* Reset top margin for lists embedded in columns */
/* Reset top margin for lists embedded in columns */
.reflist-columns {
margin-top: 0.3em;
}

.reflist-columns ol {
.reflist-columns ol {
margin-top: 0;
margin-top: 0;

Revision as of 03:22, 3 March 2021

.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 */
}

/* 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;
}