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

From Ylvapedia
Jump to navigation Jump to search
(Wider scope for list styling, list styling normalization)
(Tighten up list columns)
 
(4 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-content-box ul > li {
 
  break-inside: avoid-column;
.main-page-content-box ul {
  list-style: none;
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: #F8EDE3;
background: #F8EDE3;
  margin: 0 1em 1em 0;
margin: 0 1em 1em 0;
  padding-bottom: 1em;
padding: 0 16px .5em 16px;
  border: 2px solid #DFD3C3;
border: 2px solid #DFD3C3;
  border-radius: 5px;
border-radius: 5px;
}
}
#main-page-nav {
#main-page-nav {
  display:flex;
display: flex;
  justify-content:flex-start;
justify-content: flex-start;
  align-items:stretch;
align-items: stretch;
  flex-wrap:wrap
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 > h2 {
 
  border:0;
.main-page-content-box>h3 {
  margin:0;
margin: 0;
  padding:0 1em;
padding: 0;
  background-color: #FCA;
}
}
.main-page-content-box > h3 {
 
  padding-left: 1em;
.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;
}