Page protected

Template:Div col/styles.css: Difference between revisions

From Vigyanwiki
< Template:Div col
(Created page with '.div-col-small { font-size: 90%; } →‎Reset top margin for lists embedded in columns: .div-col { margin-top: 0.3em; } .div-col dl, .div-col ol, .div-col ul...')
 
m (2 revisions imported from alpha:Template:Div_col/styles.css)
 
(10 intermediate revisions by 7 users not shown)
Line 1: Line 1:
/* {{pp|small=yes}} */
.div-col {
margin-top: 0.3em;
column-width: 30em;
}
.div-col-small {
.div-col-small {
font-size: 90%;
font-size: 90%;
}
}


/* Reset top margin for lists embedded in columns */
.div-col-rules {
.div-col {
column-rule: 1px solid #aaa;
margin-top: 0.3em;
}
}


/* Reset top margin for lists in div col */
.div-col dl,
.div-col dl,
.div-col ol,
.div-col ol,
Line 14: Line 20:
}
}


/* Avoid elements breaking between columns */
/* Avoid elements breaking between columns
/* See also Template:No col break */
  See also Template:No col break */
.div-col li,
.div-col li,
.div-col dd {
.div-col 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;
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
}

Latest revision as of 10:30, 28 July 2023

/* {{pp|small=yes}} */
.div-col {
	margin-top: 0.3em;
	column-width: 30em;
}

.div-col-small {
	font-size: 90%;
}

.div-col-rules {
	column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col li,
.div-col dd {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}

/* Unbulleted lists */
	
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none;
	margin: 0;
}
	
.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}