Template:Issue banner/styles.css
Jump to navigation
Jump to search
.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;
}