Template:Main page/styles.css: Difference between revisions

From Ylvapedia
Jump to navigation Jump to search
(Adding styling for the Latest Changes box)
(Added padding for Shortdesc)
 
(8 intermediate revisions by the same user not shown)
Line 36: Line 36:
flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
gap: 1em;
padding: 1em; /* Padding for Shortdesc */
}
}


.main-page-content-box>h2 {
.main-page-content-box>h2,
#main-page-latest-changes>h2 {
font-size: 16pt;
border-bottom: 1px solid #CB9E6F;
border-bottom: 1px solid #CB9E6F;
margin: 0 -16px .5em -16px;
margin: 0 -16px .5em -16px;
padding: 2px 1em;
padding: 3px 0 0 1em;
}
}


Line 52: Line 55:
display: none;
display: none;
}
}
#main-page-latest-changes {
#main-page-latest-changes {
padding: 1em;
padding: 0 16px .5em 16px;
max-width: 1280px;
max-width: 1280px;
min-height: 650px;
min-height: 650px;
}
.mw-changeslist-legend,
#main-page-latest-changes .thumb {
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 0.4);
}
}

Latest revision as of 01:56, 16 November 2024

@media screen and (max-width: 1200px) {
	#main-page-nav>div {
		flex-grow: 1;
	}
}

#main-page-elin>ul {
	column-count: 2;
	column-fill: balance;
	column-gap: 0;
}

.main-page-content-box ul {
	margin: 0 0 0 1em;
}

.main-page-content-box ul li {
	break-inside: avoid-column;
	list-style: none;
	font-weight: bold;
}

.main-page-content-box ul li li {
	font-weight: normal;
}

.main-page-content-box {
	margin-bottom: 1em;
	padding: 0 16px .5em 16px;
}

#main-page-nav {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 1em;
	padding: 1em; /* Padding for Shortdesc */
}

.main-page-content-box>h2,
#main-page-latest-changes>h2 {
	font-size: 16pt;
	border-bottom: 1px solid #CB9E6F;
	margin: 0 -16px .5em -16px;
	padding: 3px 0 0 1em;
}

.main-page-content-box>h3 {
	margin: 0;
	padding: 0;
}

.mw-editsection {
	display: none;
}

#main-page-latest-changes {
	padding: 0 16px .5em 16px;
	max-width: 1280px;
	min-height: 650px;
}

.mw-changeslist-legend,
#main-page-latest-changes .thumb {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: rgba(255, 255, 255, 0.4);
}