Template:Reflist/styles.css: Difference between revisions

    From Nonbinary Wiki
    (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 dl,
    .reflist-columns ol {
    .reflist-columns ol,
    .reflist-columns ul {
    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;
    }