Template:Neighbor Stories/styles.css: Difference between revisions
Cleared both sides of hr. Added light background and padding for story text |
Fixed some alignment, margin, and styling issues. Replaced text class with neighbor-story-text |
||
| Line 1: | Line 1: | ||
.neighbor-story { | |||
margin-bottom: 1.5em; | |||
} | |||
.neighbor-story .mw-heading2 { | .neighbor-story .mw-heading2 { | ||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
/* Image */ | |||
.neighbor-story-image { | .neighbor-story-image { | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 25: | Line 30: | ||
figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image { | figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image { | ||
margin: | margin: 0 auto 0; | ||
} | } | ||
@media (max-width: 639px) { | @media (max-width: 639px) { | ||
body.skin--responsive figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image { | body.skin--responsive figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image { | ||
margin: | margin: 0 auto 0 !important; | ||
} | } | ||
} | } | ||
.neighbor-story | /* Text */ | ||
.neighbor-story-text { | |||
white-space: pre-wrap; | |||
background: var(--background-color-0b); | background: var(--background-color-0b); | ||
padding: 1em; | |||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
.neighbor-story | .neighbor-story-text p:last-of-type { | ||
margin: -0.5em | margin-bottom: -0.5em; | ||
} | } | ||
.neighbor-story-text hr + p { | |||
margin-top: 0; | |||
} | |||
@media (min-width: 639px) { | |||
.neighbor-story-text figure + p { | |||
margin-top: -1.5rem !important; | |||
} | |||
} | |||
/* Horizontal rule */ | |||
.neighbor-story hr { | .neighbor-story hr { | ||
background-color: var(--background-color-3); | |||
width: 85%; | width: 85%; | ||
margin: 0.2em auto; | margin: 0.2em auto; | ||
| Line 57: | Line 69: | ||
} | } | ||
.neighbor-story { | .neighbor-story-text p + hr { | ||
margin- | margin-top: -0.75em !important; | ||
} | } | ||