Template:Neighbor Stories/styles.css: Difference between revisions
Template page
More actions
Adjusted width of hr |
mNo edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.neighbor-story { | |||
margin-bottom: 1.5em; | |||
} | |||
.neighbor-story .mw-heading2 { | |||
margin-top: 1em; | |||
} | |||
/* Image */ | |||
.neighbor-story-image { | .neighbor-story-image { | ||
border-radius: 20px; | border-radius: 20px; | ||
background: #131836; /* fallback */ | background: #131836; /* fallback */ | ||
background: linear-gradient(to bottom, #131836 0%, #14364d 100%); | background: linear-gradient(to bottom, #131836 0%, #14364d 100%); | ||
max-width: max-content; | |||
} | } | ||
| Line 12: | Line 22: | ||
figure[typeof~='mw:File'].mw-halign-left.neighbor-story-image { | figure[typeof~='mw:File'].mw-halign-left.neighbor-story-image { | ||
margin: 0 | margin: 0 1.75em 1.75em 0; | ||
} | } | ||
figure[typeof~='mw:File'].mw-halign-right.neighbor-story-image { | figure[typeof~='mw:File'].mw-halign-right.neighbor-story-image { | ||
margin: 0 0 | margin: 0 0 1.75em 1.75em; | ||
} | } | ||
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) { | |||
body.skin--responsive figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image { | |||
margin: 0 auto 0 !important; | |||
} | |||
} | |||
/* Text */ | |||
.neighbor-story-text { | |||
white-space: pre-wrap; | |||
background: var(--background-color-0b); | |||
padding: 1em; | |||
border-radius: 10px; | |||
} | |||
.neighbor-story-text p:last-of-type { | |||
margin-bottom: -0.5em; | |||
} | |||
.neighbor-story-text hr + p { | |||
margin-top: 0; | |||
} | } | ||
.neighbor-story | @media (min-width: 639px) { | ||
.neighbor-story-text figure + p { | |||
margin-top: -1.5rem !important; | |||
} | |||
} | } | ||
/* Horizontal rule */ | |||
.neighbor-story hr { | .neighbor-story hr { | ||
width: | background-color: var(--background-color-3); | ||
width: 85%; | |||
margin: 0.2em auto; | margin: 0.2em auto; | ||
clear: both; | |||
} | |||
.neighbor-story-text p + hr { | |||
margin-top: -0.75em !important; | |||
} | |||
.neighbor-story-text p:last-of-type + hr { | |||
margin-top: 0.75em !important; | |||
} | } | ||