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

From Ylvapedia
Jump to navigation Jump to search
(Adding styling specific to the Main Page)
 
(Added padding for Shortdesc)
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
@media screen and (max-width: 1200px) {
#main-page-nav>div {
flex-grow: 1;
}
}
#main-page-elin>ul {
#main-page-elin>ul {
column-count: 2;
column-count: 2;
Line 20: Line 26:


.main-page-content-box {
.main-page-content-box {
background: #F8EDE3;
margin-bottom: 1em;
margin: 0 1em 1em 0;
padding: 0 16px .5em 16px;
padding: 0 16px .5em 16px;
border: 2px solid #DFD3C3;
border-radius: 5px;
}
}


Line 31: 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: 2px solid #DFD3C3;
#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;
background-color: #FCA;
}
}


Line 48: 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);
}