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

Adjusted width of hr
Fixed margins on smaller screens
Line 3: Line 3:
     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: 128px;
}
}


Line 21: Line 22:
figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image {
figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image {
     margin: 1.75em auto 0;
     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;
    }
}
}


Line 28: Line 42:


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