Module:Portal bar/styles.css: Difference between revisions

m 1 revision imported
imported>Hike395
use semantically-meaningful HTML tags
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* {{pp|small=y}} */
/* {{pp|small=y}} */
.portal-bar {
.portal-bar {
font-size: 88%;
font-weight: bold;
font-weight: bold;
font-size: 88%;
display:flex;
text-align: center;
justify-content: center;
align-items: baseline;
}
}


.portal-bar-bordered {
.portal-bar-bordered {
padding: 0.5em 2em 0.4em;
padding: 0 2em;
background-color: #fdfdfd;
background-color: #fdfdfd;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
clear: both;
clear: both;
margin: 1em auto 0;
margin: 1em auto 0;
}
.portal-bar-related {
font-size: 100%;
justify-content: flex-start;
}
}


.portal-bar-unbordered {
.portal-bar-unbordered {
padding: 0.4em 1.7em 0.1em;
padding: 0 1.7em;
margin-left: 0;
margin-left: 0;
}
}


.portal-bar > li {
.portal-bar-header {
display: inline-block;
    margin: 0 1em 0 0.5em;
white-space: nowrap;
    flex: 0 0 auto;
    min-height: 24px;
}
}


.portal-bar > li > span {
.portal-bar-content {
margin: 0 0.5em;
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;
}
}


/* .navbox + link + .portal-bar */
.portal-bar-content-related {
/* don't need the link version b.c. should only be used once a page */
margin: 0;
.navbox + style + .portal-bar {
list-style: none;
margin-top: -1px;
}
 
.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;
}
}
}


.portal-bar + .navbox-styles {
.navbox + link + .portal-bar,
margin-bottom: -1px;
.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;
}
}