Template:Main page/sandbox style.css: Difference between revisions
Jump to navigation
Jump to search
(Wraps are important) |
(h2 color styling, WIP) |
||
| Line 4: | Line 4: | ||
} | } | ||
#main-page-elin ul > li { | #main-page-elin ul > li { | ||
break-inside:avoid-column; | break-inside: avoid-column; | ||
} | } | ||
.main-page-content-box { | .main-page-content-box { | ||
background:#F8EDE3; | background: #F8EDE3; | ||
margin: 0 1em 1em 0; | margin: 0 1em 1em 0; | ||
padding: | padding-bottom: 1em; | ||
border: 2px solid #DFD3C3; | border: 2px solid #DFD3C3; | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
#main-page-nav { | #main-page-nav { | ||
display:flex; | |||
justify-content:flex-start; | |||
align-items:stretch; | |||
flex-wrap:wrap | |||
} | |||
.main-page-content-box > h2 { | |||
border:0; | |||
margin:0; | |||
padding:0 1em; | |||
background-color: #FCA; | |||
} | |||
.main-page-content-box > h3 { | |||
padding-left: 1em; | |||
} | } | ||
Revision as of 02:37, 17 July 2024
#main-page-elin > ul {
column-count: 2;
column-fill: balance;
}
#main-page-elin ul > li {
break-inside: avoid-column;
}
.main-page-content-box {
background: #F8EDE3;
margin: 0 1em 1em 0;
padding-bottom: 1em;
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:0;
margin:0;
padding:0 1em;
background-color: #FCA;
}
.main-page-content-box > h3 {
padding-left: 1em;
}
