MediaWiki:Common.css: Difference between revisions
Style page-lead on About the data and similar pages |
Styles for story hub and related rails |
||
| Line 1,040: | Line 1,040: | ||
} | } | ||
/* The Stories → soldier profile hub card */ | |||
.story-soldier-hub { | |||
margin: 0.35em 0 1.25em; | |||
padding: 0.85em 1em; | |||
border: 1px solid #c8ccd1; | |||
background: #f8f9fa; | |||
} | |||
.story-soldier-hub-inner { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.85em 1.1em; | |||
align-items: flex-start; | |||
} | |||
.story-soldier-hub-photo { | |||
flex: 0 0 auto; | |||
} | |||
.story-soldier-hub-photo img, | |||
.story-soldier-hub-photo .mw-file-element { | |||
display: block; | |||
width: 140px; | |||
height: 180px; | |||
object-fit: cover; | |||
object-position: center top; | |||
} | |||
.story-soldier-hub-body { | |||
flex: 1 1 14em; | |||
min-width: 12em; | |||
} | |||
.story-soldier-hub-kicker { | |||
font-size: 85%; | |||
text-transform: uppercase; | |||
letter-spacing: 0.04em; | |||
color: #54595d; | |||
margin-bottom: 0.2em; | |||
} | |||
.story-soldier-hub-name { | |||
font-size: 1.25em; | |||
font-weight: 600; | |||
line-height: 1.25; | |||
} | |||
.story-soldier-hub-dates { | |||
margin-top: 0.25em; | |||
color: #202122; | |||
} | |||
.story-soldier-hub-blurb { | |||
margin-top: 0.45em; | |||
font-size: 95%; | |||
} | |||
.story-soldier-hub-cta { | |||
margin-top: 0.55em; | |||
font-size: 92%; | |||
color: #54595d; | |||
} | |||
/* Profile → Stories cue */ | |||
.soldier-story-cue { | |||
margin: 0.65em 0 1em; | |||
padding: 0.55em 0.75em; | |||
border-left: 3px solid #2a4b7c; | |||
background: #f4f7fb; | |||
font-size: 97%; | |||
} | |||
.soldier-story-cue-label { | |||
font-weight: 600; | |||
margin-right: 0.25em; | |||
} | |||
/* Same class / team rail */ | |||
.soldier-related { | |||
margin: 1em 0 1.35em; | |||
padding: 0.75em 0.9em; | |||
border: 1px solid #c8ccd1; | |||
background: #fbfbfb; | |||
clear: both; | |||
} | |||
.soldier-related-heading { | |||
font-weight: 600; | |||
font-size: 1.05em; | |||
margin: 0 0 0.55em; | |||
} | |||
.soldier-related-block + .soldier-related-block { | |||
margin-top: 0.65em; | |||
} | |||
.soldier-related-label { | |||
font-size: 92%; | |||
font-weight: 600; | |||
color: #54595d; | |||
margin-bottom: 0.2em; | |||
} | |||
.soldier-related-links { | |||
font-size: 95%; | |||
line-height: 1.45; | |||
} | |||
/* Contact Us: Google Form embed */ | /* Contact Us: Google Form embed */ | ||