MediaWiki:Common.css: Difference between revisions
Ribbon rack: Wikipedia-like 2px spacing between ribbons/rows |
Notable slides card grid CSS |
||
| Line 670: | Line 670: | ||
margin: 0.35em 0 0; | margin: 0.35em 0 0; | ||
color: #444; | color: #444; | ||
} | |||
/* Notable Ritchie Boys — slide-style portrait cards */ | |||
.notable-slides { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)); | |||
gap: 1.15em 1em; | |||
margin: 1em 0 1.5em; | |||
align-items: start; | |||
} | |||
.notable-slide-card { | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
padding: 0.65em 0.7em 0.75em; | |||
text-align: center; | |||
} | |||
.notable-slide-photo { | |||
margin: 0 0 0.55em; | |||
line-height: 0; | |||
} | |||
.notable-slide-photo img, | |||
.notable-slide-photo .mw-file-element { | |||
display: block; | |||
margin: 0 auto; | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.notable-slide-nophoto { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
min-height: 8em; | |||
background: #eaecf0; | |||
color: #54595d; | |||
font-size: 90%; | |||
} | |||
.notable-slide-name { | |||
font-weight: bold; | |||
font-size: 105%; | |||
line-height: 1.3; | |||
margin: 0 0 0.25em; | |||
} | |||
.notable-slide-meta { | |||
font-size: 90%; | |||
color: #54595d; | |||
margin: 0 0 0.35em; | |||
} | |||
.notable-slide-body ul { | |||
margin: 0.35em 0 0; | |||
padding-left: 1.2em; | |||
text-align: left; | |||
font-size: 92%; | |||
line-height: 1.35; | |||
} | |||
.notable-slide-body li { | |||
margin: 0.15em 0; | |||
} | } | ||