Template:Main page/styles.css: Difference between revisions
Jump to navigation
Jump to search
(Adding styling specific to the Main Page) |
(Navigation box width tweaks for mobile) |
||
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; |
Revision as of 03:05, 21 July 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 {
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;
}