Template:Main page/styles.css - Revision history

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T20:53:41Z

Move main page layout into page-scoped TemplateStyles

← Older revision		Revision as of 15:53, 27 September 2026
Line 24:		Line 24:

	.jth-mainpage .jth-mainpage-subtitle {		.jth-mainpage .jth-mainpage-subtitle {
	display: ~~inline-~~block;		display: block;
	~~width: 100%~~;
	margin: 1.25rem 1rem 0;		margin: 1.25rem 1rem 0;
	font-size: 1.5rem;		font-size: 1.5rem;

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T20:51:26Z

Move main page layout into page-scoped TemplateStyles

← Older revision		Revision as of 15:51, 27 September 2026
Line 111:		Line 111:
	flex-direction: row;		flex-direction: row;
	gap: 1rem;		gap: 1rem;
			}

			.jth-mainpage .jth-mainpage-continents > div > :first-child {
			flex: 0 0 100px;
			}

			.jth-mainpage .jth-mainpage-continents > div > :first-child img {
			width: 100px;
			max-width: none;
			height: auto;
	}		}

Line 141:		Line 151:
	"changes";		"changes";
	}		}
			}

			@media (max-width: 400px) {
	.jth-mainpage .jth-mainpage-continents > div > :first-child {		.jth-mainpage .jth-mainpage-continents > div > :first-child {
	flex: ~~0 0 100px~~;		flex-basis: 25vw;
	}		}

	.jth-mainpage .jth-mainpage-continents > div > :first-child img {		.jth-mainpage .jth-mainpage-continents > div > :first-child img {
	width: ~~100px;~~		width: 25vw;
	~~max-width: none;~~
	~~height: auto~~;
	}		}
	}		}

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T20:48:37Z

Move main page layout into page-scoped TemplateStyles

← Older revision		Revision as of 15:48, 27 September 2026
Line 26:		Line 26:
	display: inline-block;		display: inline-block;
	width: 100%;		width: 100%;
	margin~~-top~~: 1.25rem;		margin: 1.25rem 1rem 0;
	font-size: 1.5rem;		font-size: 1.5rem;
	font-variant: small-caps;		font-variant: small-caps;

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T20:46:46Z

Move main page layout into page-scoped TemplateStyles

@@ Line 140: / Line 140: @@
        "continents"
        "changes";
+   }
+}

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T20:43:42Z

Move main page layout into page-scoped TemplateStyles

← Older revision		Revision as of 15:43, 27 September 2026
Line 137:		Line 137:
	grid-template-columns: minmax(0, 1fr);		grid-template-columns: minmax(0, 1fr);
	grid-template-areas:		grid-template-areas:
	~~"changes"~~
	"topics"		"topics"
	"continents";		"continents"
			"changes";
	}		}
	}		}

Autumn: Move main page layout into page-scoped TemplateStyles

2026-09-27T19:56:53Z

Move main page layout into page-scoped TemplateStyles

New page

/* Loaded only by pages that include <templatestyles src="Main page/styles.css" />. */
.jth-mainpage > p {
margin: 0;
}

.jth-mainpage .mw-editsection {
display: none;
}

.jth-mainpage .banner {
display: block;
overflow: hidden;
}

.jth-mainpage .banner a {
display: block;
}

.jth-mainpage .banner img {
display: block;
width: 100%;
height: auto;
}

.jth-mainpage .jth-mainpage-subtitle {
display: inline-block;
width: 100%;
margin-top: 1.25rem;
font-size: 1.5rem;
font-variant: small-caps;
font-weight: 600;
text-align: center;
}

.jth-mainpage .jth-mainpage-edits {
display: inline-block;
width: 100%;
margin-top: .25rem;
font-size: 1rem;
font-variant: small-caps;
font-variant-numeric: oldstyle-nums;
font-weight: 500;
text-align: center;
}

.jth-mainpage .jth-mainpage-asterism {
display: inline-block;
width: 100%;
margin-top: 1.25rem;
text-align: center;
}

.jth-mainpage .jth-introduction {
margin: 1rem;
}

.jth-mainpage .jth-mainpage-sections {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"topics continents"
"changes continents";
gap: 1rem;
margin: 1rem;
}

.jth-mainpage .jth-mainpage-sections h2 {
padding-top: 0;
}

.jth-mainpage .jth-mainpage-area {
border: 1px solid currentColor;
padding: .5rem 1rem 1rem;
min-width: 0;
}

.jth-mainpage .jth-mainpage-topics {
grid-area: topics;
}

.jth-mainpage .jth-mainpage-changes {
grid-area: changes;
}

.jth-mainpage .jth-mainpage-changes .mw-changeslist-legend,
.jth-mainpage .jth-mainpage-changes .mw-changeslist-line-prefix {
display: none;
}

.jth-mainpage .jth-mainpage-changes .mw-enhanced-rc {
font-family: inherit;
}

.jth-mainpage .jth-mainpage-changes .mw-changeslist-separator:empty::before {
content: none;
}

.jth-mainpage .jth-mainpage-continents {
grid-area: continents;
display: flex;
flex-direction: column;
gap: 1rem;
}

.jth-mainpage .jth-mainpage-continents p {
margin: 0;
}

.jth-mainpage .jth-mainpage-continents > div {
display: flex;
flex-direction: row;
gap: 1rem;
}

.jth-mainpage .jth-mainpage-continents > div:not(:last-child) {
padding-bottom: 1rem;
border-bottom: 1px dashed currentColor;
}

.jth-mainpage .jth-mainpage-continents ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
font-size: .9rem;
}

.jth-mainpage .jth-mainpage-continents ul li:not(:last-child)::after {
content: "•";
margin: 0 .5rem;
}

@media (max-width: 768px) {
.jth-mainpage .jth-mainpage-sections {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"changes"
"topics"
"continents";
}
}

@media (max-width: 500px) {
.jth-mainpage .banner img {
width: 133.333%;
max-width: none;
}
}