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

From Ylvapedia
Jump to navigation Jump to search
(Preparing to implement fancy parchment borders and background)
(Added padding for Shortdesc)
 
(10 intermediate revisions by the same user not shown)
Line 2: Line 2:
#main-page-nav>div {
#main-page-nav>div {
flex-grow: 1;
flex-grow: 1;
}
}
}
}
Line 27: Line 26:


.main-page-content-box {
.main-page-content-box {
margin: 0 1em 1em 0;
margin-bottom: 1em;
padding: 0 16px .5em 16px;
padding: 0 16px .5em 16px;
}
}
Line 35: Line 34:
justify-content: flex-start;
justify-content: flex-start;
align-items: stretch;
align-items: stretch;
flex-wrap: wrap
flex-wrap: wrap;
gap: 1em;
padding: 1em; /* Padding for Shortdesc */
}
}


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


Line 51: Line 54:
.mw-editsection {
.mw-editsection {
display: none;
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);
}
}

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);
}