Template:Neighbor Stories/styles.css - Revision history

Stevium at 11:09, 10 May 2026

2026-05-10T11:09:36Z

← Older revision		Revision as of 11:09, 10 May 2026
Line 22:		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;
	}		}

Stevium at 09:14, 10 May 2026

2026-05-10T09:14:00Z

← Older revision		Revision as of 09:14, 10 May 2026
Line 71:		Line 71:
	.neighbor-story-text p + hr {		.neighbor-story-text p + hr {
	margin-top: -0.75em !important;		margin-top: -0.75em !important;
			}

			.neighbor-story-text p:last-of-type + hr {
			margin-top: 0.75em !important;
	}		}

Stevium: Fixed some alignment, margin, and styling issues. Replaced text class with neighbor-story-text

2026-05-10T08:54:52Z

Fixed some alignment, margin, and styling issues. Replaced text class with neighbor-story-text

← Older revision		Revision as of 08:54, 10 May 2026
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 25:		Line 30:

	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-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: ~~1.75em~~ auto 0 ~~!important;~~		margin: 0 auto 0 !important;
	~~float: none~~ !important;
	}		}
	}		}

	.neighbor-story ~~.poem~~ {		/* Text */
			.neighbor-story-text {
			white-space: pre-wrap;
	background: var(--background-color-0b);		background: var(--background-color-0b);
			padding: 1em;
	border-radius: 10px;		border-radius: 10px;
	~~padding: 20px;~~
	}		}

	.neighbor-story ~~.poem~~ p {		.neighbor-story-text p:last-of-type {
	margin: -0.5em 0;		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;
Line 57:		Line 69:
	}		}

	.neighbor-story {		.neighbor-story-text p + hr {
	margin-~~bottom~~: 1.~~5em~~;		margin-top: -0.75em !important;
	}		}

Stevium: Cleared both sides of hr. Added light background and padding for story text

2026-05-10T06:33:57Z

Cleared both sides of hr. Added light background and padding for story text

← Older revision		Revision as of 06:33, 10 May 2026
Line 39:		Line 39:
	float: none !important;		float: none !important;
	}		}
			}

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

Line 48:		Line 54:
	width: 85%;		width: 85%;
	margin: 0.2em auto;		margin: 0.2em auto;
			clear: both;
	}		}

Stevium at 19:40, 4 May 2026

2026-05-04T19:40:53Z

← Older revision		Revision as of 19:40, 4 May 2026
Line 7:		Line 7:
	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~~;		max-width: max-content;
	}		}

Stevium at 19:26, 4 May 2026

2026-05-04T19:26:42Z

← Older revision		Revision as of 19:26, 4 May 2026
Line 48:		Line 48:
	width: 85%;		width: 85%;
	margin: 0.2em auto;		margin: 0.2em auto;
			}

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

Stevium at 18:54, 4 May 2026

2026-05-04T18:54:30Z

← Older revision		Revision as of 18:54, 4 May 2026
Line 1:		Line 1:
			.neighbor-story .mw-heading2 {
			margin-top: 1em;
			}

	.neighbor-story-image {		.neighbor-story-image {
	border-radius: 20px;		border-radius: 20px;

Stevium: Fixed margins on smaller screens

2026-05-04T18:31:52Z

Fixed margins on smaller screens

← Older revision		Revision as of 18:31, 4 May 2026
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;
	}		}

Stevium: Adjusted width of hr

2026-05-04T18:23:22Z

Adjusted width of hr

← Older revision		Revision as of 18:23, 4 May 2026
Line 25:		Line 25:
	.neighbor-story .poem p {		.neighbor-story .poem p {
	margin: -0.5em 0;		margin: -0.5em 0;
			}

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

Stevium: Adjusted margin on images and text

2026-05-04T18:18:29Z

Adjusted margin on images and text

@@ Line 9: / Line 9: @@
      color: inherit;
      filter: none;
+}