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

m 1 revision imported
imported>Hike395
use semantically-meaningful HTML tags
 
Line 14: Line 14:
clear: both;
clear: both;
margin: 1em auto 0;
margin: 1em auto 0;
}
.portal-bar-related {
font-size: 100%;
justify-content: flex-start;
}
}


Line 23: Line 28:
.portal-bar-header {
.portal-bar-header {
     margin: 0 1em 0 0.5em;
     margin: 0 1em 0 0.5em;
    padding: 0.2em 0;
     flex: 0 0 auto;
     flex: 0 0 auto;
     min-height: 24px;
     min-height: 24px;
    line-height: 22px;
}
}


Line 32: Line 35:
display:flex;
display:flex;
flex-flow: row wrap;
flex-flow: row wrap;
align-items: baseline;
flex:0 1 auto;
flex:0 1 auto;
padding: 0.15em 0;
padding: 0.15em 0;
column-gap: 1em;
column-gap: 1em;
}
.portal-bar-item {
display:flex;
align-items: baseline;
align-items: baseline;
margin:0.15em 0;
margin: 0;
min-height:24px;
list-style: none;
text-align: left;
}
}


.portal-bar-logo {
.portal-bar-content-related {
width: 22px;
margin: 0;
line-height: 22px;
list-style: none;
margin:0 0.2em;
text-align: right;
}
}


.portal-bar-link {
.portal-bar-item {
margin:0 0.2em;
display:inline-block;
text-align: left;
margin:0.15em 0.2em;
min-height:24px;
line-height:24px;
}
}


Line 64: Line 61:
display:flex;
display:flex;
flex-flow: column wrap;
flex-flow: column wrap;
align-items: baseline;
}
}
Line 71: Line 69:
padding-left: 0.5em;
padding-left: 0.5em;
margin: 0 auto;
margin: 0 auto;
}
.portal-bar-related {
font-size: 100%;
align-items: flex-start;
}
}


Line 76: Line 79:
display:flex;
display:flex;
flex-flow: row wrap;
flex-flow: row wrap;
align-items: baseline;
align-items: center;
flex:0;
flex:0;
margin: 0 auto;
column-gap: 1em;
column-gap: 1em;
border-top: 1px solid #a2a9b1;
border-top: 1px solid #a2a9b1;
margin: 0 auto;
list-style: none;
}
.portal-bar-content-related {
border-top: none;
margin: 0;
list-style: none;
}
}
}
}


/* .navbox + .portal-bar-bordered */
.navbox + link + .portal-bar,
.navbox + link + .portal-bar-bordered {
.navbox + style + .portal-bar,
margin-top: -1px;
.navbox + link + .portal-bar-bordered,
}
.navbox + style + .portal-bar-bordered,
 
.sister-bar + link + .portal-bar,
.navbox + style + .portal-bar-bordered {
.sister-bar + style + .portal-bar,
margin-top: -1px;
.portal-bar + .navbox-styles + .navbox,
}
.portal-bar + .navbox-styles + .sister-bar {
 
.portal-bar + .navbox-styles + .navbox{
margin-top: -1px;
margin-top: -1px;
}
}