Template:Main page/sandbox style.css: Difference between revisions

From Ylvapedia
Jump to navigation Jump to search
(Sandboxing for the Main Page styling)
 
(Tighten up list columns)
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
#main-page-elin > ul {
#main-page-elin>ul {
  column-count: 2;
column-count: 2;
  column-fill: balance;
column-fill: balance;
column-gap: 0;
}
}
#main-page-elin ul > li {
 
  break-inside:avoid-column;
.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 {
.main-page-content-box {
  background: #FDC;
background: #F8EDE3;
  margin: 0 1em 1em 0;
margin: 0 1em 1em 0;
  padding: 0 1em 1em 1em;
padding: 0 16px .5em 16px;
  border: 2px solid #FBB;
border: 2px solid #DFD3C3;
  border-radius: 5px;
border-radius: 5px;
}
 
#main-page-nav {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap
}
 
.main-page-content-box>h2 {
border-bottom: 2px solid #DFD3C3;
margin: 0 -16px .5em -16px;
padding: 2px 1em;
background-color: #FCA;
}
 
.main-page-content-box>h3 {
margin: 0;
padding: 0;
}
 
.mw-editsection {
display: none;
}
}

Latest revision as of 01:10, 18 July 2024

#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 {
	background: #F8EDE3;
	margin: 0 1em 1em 0;
	padding: 0 16px .5em 16px;
	border: 2px solid #DFD3C3;
	border-radius: 5px;
}

#main-page-nav {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap
}

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

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

.mw-editsection {
	display: none;
}