Template:Neighbor Stories/styles.css: Difference between revisions

.neighbor-story .mw-heading2 {
    margin-top: 1em;
}

.neighbor-story-image {
    border-radius: 20px;
    background: #131836; /* fallback */
    background: linear-gradient(to bottom, #131836 0%, #14364d 100%);
    max-width: max-content;
}

.neighbor-story-image img {
    background-color: transparent !important;
    color: inherit;
    filter: none;
}

figure[typeof~='mw:File'].mw-halign-left.neighbor-story-image {
    margin: 0 1em 1em 0;
}

figure[typeof~='mw:File'].mw-halign-right.neighbor-story-image {
    margin: 0 0 1em 1em;
}

figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image {
    margin: 1.75em auto 0;
}

@media (max-width: 639px) {
    body.skin--responsive figure[typeof~='mw:File'].mw-halign-left.neighbor-story-image,
    body.skin--responsive figure[typeof~='mw:File'].mw-halign-right.neighbor-story-image {
        margin: 0 auto 1em !important;
        float: none !important;
    }

    body.skin--responsive figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image {
        margin: 1.75em auto 0 !important;
        float: none !important;
    }
}

.neighbor-story .poem {
    background: var(--background-color-0b);
    border-radius: 10px;
    padding: 20px;
}

.neighbor-story .poem p {
    margin: -0.5em 0;
}

.neighbor-story hr {
    width: 85%;
    margin: 0.2em auto;
    clear: both;
}

.neighbor-story {
    margin-bottom: 1.5em;
}