Template:Reflist/styles.css: Difference between revisions
From All Skies Encyclopaedia
imported>Izno (add styles here) |
imported>Izno (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. |
|||
*/ |
|||
⚫ | |||
column-width: 25em; |
|||
} |
} |
||
/* Reset top margin for lists embedded in columns */ |
/* Reset top margin for lists embedded in columns */ |
||
.reflist-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 { |
||
.reflist-columns dd { |
|||
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 03:01, 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;
}