Template:Main page/styles.css: Difference between revisions
(Adding styling specific to the Main Page) |
(#main-page-nav padding doesn't play well with mobile) Tag: Manual revert |
||
(13 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 { | ||
margin-bottom: 1em; | |||
margin: | |||
padding: 0 16px .5em 16px; | padding: 0 16px .5em 16px; | ||
} | } | ||
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; | |||
} | } | ||
.main-page-content-box>h2 { | .main-page-content-box>h2, | ||
border-bottom: | #main-page-latest-changes>h2 { | ||
font-size: 16pt; | |||
border-bottom: 1px solid #CB9E6F; | |||
margin: 0 -16px .5em -16px; | margin: 0 -16px .5em -16px; | ||
padding: | padding: 3px 0 0 1em; | ||
} | } | ||
Line 48: | Line 53: | ||
.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); | |||
} | } |
Revision as of 22:38, 24 December 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;
}
.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);
}