Template:Issue banner/styles.css

.wst-issue-banner {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	line-height:normal;
	border-top:1px solid currentcolor;
	border-bottom:1px solid currentcolor;
}

/* left, center, right containers */
.wst-issue-banner > div {
	flex-grow:1;
	flex-basis:0;
	display:flex;
	align-items:center;
	text-align:left;
}

/* container for left, lbrace, center-left */
.wst-issue-banner > div:first-child {
	justify-content:flex-start;
}

/* container for center-right, rbrace, right */
.wst-issue-banner > div:last-child {
	justify-content:flex-end;
	text-align:right;
}

/* center */
.wst-issue-banner > .wst-issue-banner-center  {
	display:block;
	flex-grow:2;
	text-align:center;
}

/* center-left */
.wst-issue-banner .wst-issue-banner-center-left {
	padding-left:0.5em;
	text-align:left;
	white-space:nowrap;
}

/* center-right */
.wst-issue-banner .wst-issue-banner-center-right {
	padding-right:0.5em;
	text-align:right;
	white-space:nowrap;
}

/* brace */
.wst-issue-banner .wst-issue-banner-brace {
	font-size:1.5em;
	font-weight:lighter;
}