The Petit Planet Wiki

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

Browse history interactively
← Older edit

Stevium (talk | contribs)

2 user groups
927 edits
undo
mNo edit summary
mNo edit summary
 
(3 intermediate revisions by the same user not shown)
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 17: Line 22:


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


@media (max-width: 639px) {
@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-center.neighbor-story-image {
    body.skin--responsive figure[typeof~='mw:File'].mw-halign-right.neighbor-story-image {
         margin: 0 auto 0 !important;
         margin: 0 auto 1em !important;
        float: none !important;
     }
     }
}
/* Text */
.neighbor-story-text {
    white-space: pre-wrap;
    background: var(--background-color-0b);
    padding: 1em;
    border-radius: 10px;
}


    body.skin--responsive figure[typeof~='mw:File'].mw-halign-center.neighbor-story-image {
.neighbor-story-text p:last-of-type {
        margin: 1.75em auto 0 !important;
    margin-bottom: -0.5em;
        float: none !important;
}
    }
 
.neighbor-story-text hr + p {
    margin-top: 0;
}
}


.neighbor-story .poem p {
@media (min-width: 639px) {
    margin: -0.5em 0;
    .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;
    clear: both;
}
.neighbor-story-text p + hr {
    margin-top: -0.75em !important;
}
}


.neighbor-story {
.neighbor-story-text p:last-of-type + hr {
     margin-bottom: 1.5em;
     margin-top: 0.75em !important;
}
}
Retrieved from "https://petitplanet.wiki/Template:Neighbor_Stories/styles.css"