Module:Portal bar/styles.css
Yi palo
/* {{pp|small=y}} */
.portal-bar {
font-size: 88%;
font-weight: bold;
display:flex;
justify-content: center;
align-items: baseline;
}
.portal-bar-bordered {
padding: 0 2em;
background-color: #fdfdfd;
border: 1px solid #a2a9b1;
clear: both;
margin: 1em auto 0;
}
.portal-bar-related {
font-size: 100%;
justify-content: flex-start;
}
.portal-bar-unbordered {
padding: 0 1.7em;
margin-left: 0;
}
.portal-bar-header {
margin: 0 1em 0 0.5em;
flex: 0 0 auto;
min-height: 24px;
}
.portal-bar-content {
display:flex;
flex-flow: row wrap;
flex:0 1 auto;
padding: 0.15em 0;
column-gap: 1em;
align-items: baseline;
margin: 0;
list-style: none;
}
.portal-bar-content-related {
margin: 0;
list-style: none;
}
.portal-bar-item {
display:inline-block;
margin:0.15em 0.2em;
min-height:24px;
line-height:24px;
}
@media screen and (max-width:768px) {
.portal-bar {
font-size: 88%;
font-weight: bold;
display:flex;
flex-flow: column wrap;
align-items: baseline;
}
.portal-bar-header {
text-align: center;
flex:0;
padding-left: 0.5em;
margin: 0 auto;
}
.portal-bar-related {
font-size: 100%;
align-items: flex-start;
}
.portal-bar-content {
display:flex;
flex-flow: row wrap;
align-items: center;
flex:0;
column-gap: 1em;
border-top: 1px solid #a2a9b1;
margin: 0 auto;
list-style: none;
}
.portal-bar-content-related {
border-top: none;
margin: 0;
list-style: none;
}
}
.navbox + link + .portal-bar,
.navbox + style + .portal-bar,
.navbox + link + .portal-bar-bordered,
.navbox + style + .portal-bar-bordered,
.sister-bar + link + .portal-bar,
.sister-bar + style + .portal-bar,
.portal-bar + .navbox-styles + .navbox,
.portal-bar + .navbox-styles + .sister-bar {
margin-top: -1px;
}