Module:Sister project links/bar/styles.css

/* {{pp|small=y}} */

.sister-bar {

display:flex;

justify-content: center;

align-items: baseline;

font-size: 88%;

background-color: #fdfdfd;

border: 1px solid #a2a9b1;

clear: both;

margin: 1em 0 0;

padding: 0 2em;

}

.sister-bar-header {

margin: 0 1em 0 0.5em;

padding: 0.2em 0;

flex:0 0 auto;

min-height: 24px;

line-height: 22px;

}

.sister-bar-content {

display:flex;

flex-flow: row wrap;

flex:0 1 auto;

align-items: baseline;

padding: 0.2em 0;

column-gap: 1em;

margin: 0;

list-style: none;

}

.sister-bar-item {

display:flex;

align-items: baseline;

margin:0.15em 0;

min-height:24px;

text-align:left;

}

.sister-bar-logo {

width: 22px;

line-height: 22px;

margin:0 0.2em;

text-align: right;

}

.sister-bar-link {

margin:0 0.2em;

text-align: left;

}

@media screen and (max-width:960px) {

.sister-bar {

flex-flow: column wrap;

margin: 1em auto 0;

}

.sister-bar-header {

flex:0 1;

}

.sister-bar-content {

flex:1;

border-top: 1px solid #a2a9b1;

margin: 0;

list-style: none;

}

.sister-bar-item {

flex:0 0 20em;

min-width: 20em;

}

}

.navbox + link + .sister-bar,

.navbox + style + .sister-bar,

.portal-bar + link + .sister-bar,

.portal-bar + style + .sister-bar,

.sister-bar + .navbox-styles + .navbox,

.sister-bar + .navbox-styles + .portal-bar {

margin-top: -1px;

}

@media print {

body.ns-0 .sister-bar {

display: none !important;

}

}