Template:Reflist/styles.css: Difference between revisions

    From Nonbinary Wiki
    (add 30em, 25em, and remove support for non-ordered lists)
    (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:
    }
    }


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