Module:Portal bar/styles.css and Module:Portal bar/sandbox/styles.css: Difference between pages
(Difference between pages)
Content deleted Content added
use semantically-meaningful HTML tags |
set margin=0 |
||
| Line 1: | Line 1: | ||
| ⚫ | |||
/* {{pp|small=y}} */ |
|||
| ⚫ | |||
font-size: 88%; |
font-size: 88%; |
||
font-weight: bold; |
font-weight: bold; |
||
| Line 8: | Line 7: | ||
} |
} |
||
.portal-bar-bordered { |
.portal-bar-bordered-sand { |
||
padding: 0 2em; |
padding: 0 2em; |
||
background-color: #fdfdfd; |
background-color: #fdfdfd; |
||
| Line 16: | Line 15: | ||
} |
} |
||
.portal-bar-related { |
.portal-bar-related-sand { |
||
font-size: 100%; |
font-size: 100%; |
||
justify-content: flex-start; |
justify-content: flex-start; |
||
} |
} |
||
.portal-bar-unbordered { |
.portal-bar-unbordered-sand { |
||
padding: 0 1.7em; |
padding: 0 1.7em; |
||
margin-left: 0; |
margin-left: 0; |
||
} |
} |
||
.portal-bar-header { |
.portal-bar-header-sand { |
||
margin: 0 1em 0 0.5em; |
margin: 0 1em 0 0.5em; |
||
flex: 0 0 auto; |
flex: 0 0 auto; |
||
| Line 32: | Line 31: | ||
} |
} |
||
.portal-bar-content { |
.portal-bar-content-sand { |
||
display:flex; |
display:flex; |
||
flex-flow: row wrap; |
flex-flow: row wrap; |
||
| Line 43: | Line 42: | ||
} |
} |
||
.portal-bar-content-related { |
.portal-bar-content-related-sand { |
||
margin: 0; |
margin: 0; |
||
list-style: none; |
list-style: none; |
||
} |
} |
||
.portal-bar-item { |
.portal-bar-item-sand { |
||
display:inline-block; |
display:inline-block; |
||
margin:0.15em 0.2em; |
margin:0.15em 0.2em; |
||
| Line 56: | Line 55: | ||
@media screen and (max-width:768px) { |
@media screen and (max-width:768px) { |
||
.portal-bar { |
.portal-bar-sand { |
||
font-size: 88%; |
font-size: 88%; |
||
font-weight: bold; |
font-weight: bold; |
||
| Line 64: | Line 63: | ||
} |
} |
||
.portal-bar-header { |
.portal-bar-header-sand { |
||
text-align: center; |
text-align: center; |
||
flex:0; |
flex:0; |
||
| Line 71: | Line 70: | ||
} |
} |
||
.portal-bar-related { |
.portal-bar-related-sand { |
||
font-size: 100%; |
font-size: 100%; |
||
align-items: flex-start; |
align-items: flex-start; |
||
} |
} |
||
.portal-bar-content { |
.portal-bar-content-sand { |
||
display:flex; |
display:flex; |
||
flex-flow: row wrap; |
flex-flow: row wrap; |
||
| Line 87: | Line 86: | ||
} |
} |
||
.portal-bar-content-related { |
.portal-bar-content-related-sand { |
||
border-top: none; |
border-top: none; |
||
margin: 0; |
margin: 0; |
||
| Line 94: | Line 93: | ||
} |
} |
||
.navbox + link + .portal-bar, |
.navbox + link + .portal-bar-sand, |
||
.navbox + style + .portal-bar, |
.navbox + style + .portal-bar-sand, |
||
.navbox + link + .portal-bar-bordered, |
.navbox + link + .portal-bar-bordered-sand, |
||
.navbox + style + .portal-bar-bordered, |
.navbox + style + .portal-bar-bordered-sand, |
||
.sister-bar + link + .portal-bar, |
.sister-bar-sand + link + .portal-bar-sand, |
||
.sister-bar + style + .portal-bar, |
.sister-bar-sand + style + .portal-bar-sand, |
||
.portal-bar + .navbox-styles + .navbox, |
.portal-bar-sand + .navbox-styles + .navbox, |
||
.portal-bar + .navbox-styles + .sister-bar { |
.portal-bar-sand + .navbox-styles + .sister-bar-sand { |
||
margin-top: -1px; |
margin-top: -1px; |
||
} |
} |
||