Difference between revisions of "Template:Reflist/styles.css"

From TnPedia
Jump to navigation Jump to search
(TnCentral changed the content model of the page Template:Reflist/styles.css from "CSS" to "Sanitized CSS")
Tag: content model change
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
/* {{pp|small=yes}} */
 +
/* 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 {
 
.reflist {
font-size: 90%;             
+
font-size: 90%;            /* Default font-size */
 
margin-bottom: 0.5em;
 
margin-bottom: 0.5em;
 
list-style-type: decimal;
 
list-style-type: decimal;
Line 6: Line 11:
  
 
.reflist .references {
 
.reflist .references {
font-size: 100%;           
+
font-size: 100%;          /* Reset font-size when nested in div.reflist */
margin-bottom: 0;           
+
margin-bottom: 0;          /* Avoid double margin when nested in div.reflist */
list-style-type: inherit;   
+
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 {
 
.reflist-columns-2 {
 
column-width: 30em;
 
column-width: 30em;
Line 17: Line 25:
 
.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;
 +
}
 +
 +
.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;
 
}
 
}

Latest revision as of 16:14, 20 March 2022

/* {{pp|small=yes}} */
/* 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 */
}

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