Jump to content

Editing Template:Neighbor Stories/styles.css

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision Your 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;
     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;
     max-width: 128px;
}
}


Line 22: Line 17:


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


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


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


/* Text */
.neighbor-story .poem p {
.neighbor-story-text {
     margin: -0.5em 0;
    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;
}
}


@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;
    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;
}
}
Please note that all contributions to The Petit Planet Wiki are considered to be released under the Creative Commons Attribution-ShareAlike (see Petit Planet Wiki:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)
Preview page with this template
Below are commonly used wikitext from MediaWiki:Edittools. Click on any to insert them in the edit box.
File Pages==Summary====Licensing=={{Fairuse}}{{File|}}
Dynamic Page List¦²«»²{¦}²«»«/»«!----»
Array in DPL¹^2{}^2^2{¹}^2
Parser Functions{{#if:||}}
{{#ifeq:|||}}
{{#expr:}}
{{#switch:||#default=}}
{{#replace:||}}
{{#titleparts:}}
{{#tag:|}}
Markup{{}}|[][[]][[Category:]]#REDIRECT [[]] [[Category:Redirect Pages]]<code></code><includeonly></includeonly><noinclude></noinclude><nowiki></nowiki><!----><br>§
Notices{{Stub|}}{{Stub Dialogue}}{{Upcoming}}{{Under Construction}}{{Placeholder|}}
Magic Words{{!}}{{formatnum:}}{{lc:}}{{uc:}}{{PAGENAME}}{{FULLPAGENAME}}{{ROOTPAGENAME}}{{BASEPAGENAME}}{{SUBPAGENAME}}{{DISPLAYTITLE:|noreplace}}__TOC____NOTOC____EXPECTUNUSEDCATEGORY____HIDDENCAT__
HTML Entities&mdash;&nbsp;&comma;&shy;
Retrieved from "https://petitplanet.wiki/Template:Neighbor_Stories/styles.css"