Template:License/styles.css

/* license container */
.licenseContainer {
	box-sizing:border-box;
	margin-top:1em;
	margin-bottom:0.25em;
	clear:both;
	width:auto;
	page-break-before:always;
	break-before:page;
}
/* license banner */
.licenseContainer > div:first-child {
	display:table;
	border: 2px solid var(--border-subtle,#8888aa);
	border-collapse:collapse;
	border-spacing:0 0;
	empty-cells:hide;
	box-sizing:border-box;
	margin:0 auto 0 auto;
	width:100%;
	background-color:var(--background-color-neutral-subtle, #f7f8ff);
    color: var(--color-base, #202122); 
}
.licenseContainer > div:first-child > div:first-child {
	display:table-row-group;
}
.licenseContainer > div:first-child > div:first-child > div:first-child {
	display:table-row;
}
/* fields */
.licenseContainer > div:first-child > div:first-child > div:first-child > div {
	display:table-cell;
	padding:5px;
	vertical-align:middle;
	width:auto;
}
/* left field */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:first-child {
	text-align:left;
}
/* center field */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) {
	text-align:center;
}
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div {
	width:100%;
}
/* center text */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:first-child {
	display:block;
	margin:0 auto 0 auto;
	text-align:left;
}
/* warning */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) {
	display:table;
	border-top:1px solid var(--border-subtle,#8888aa);
}
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) > div {
	display:table-cell;
	vertical-align:middle;
}
/* warning icon */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) > div:first-child {
	text-align:center;
	padding:5px 0;
	width:40px;
}
/* warning text */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
	text-align:left;
	padding:5px;
	font-size:92%;
}
/* right field */
.licenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(3) {
	text-align:right;
}
/* hide the license auto-detection div */
.licensetpl {
	display:none;
}

/* collapsible license container */
.licenseContainer.wst-collapsible-box {
	clear:both;
	margin:0.25em 0 0.25em 0;
	font-size:95%;
	background-color:var(--background-color-neutral-subtle, #f7f8ff);
    color: var(--color-base, #202122);
	border:2px solid var(--border-subtle,#8888aa);
	text-align:left;
	line-height:1.6;
}
/* .licenseContainer.wst-collapsible-box > p:first-child > span */
.wst-license-container-title {
	display:inline-block;
	padding:0.5em;
}
/* .licenseContainer.wst-collapsible-box > div:nth-child(2) */
.wst-license-container-content {
	background:transparent;
    color: inherit;
	margin:0;
	padding:3px;
	text-align:left;
}

/* warning license styles */
.licenseContainer.warningLicenseContainer > div:first-child {
	border: 2px solid var(--border-color-error,#b22222);
	background-color:var(--background-color-error-subtle,#ffeeee);
    color: var(--color-base, #202122);
}
.licenseContainer.warningLicenseContainer > div:first-child > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) {
	border: 2px solid var(--border-color-error,#b22222);
    color: var(--color-base, #202122);
}