MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 26: Line 26:
}
}
}
}
.mainpage-buttons a img:hover, .skin-theme-clientpref-night .mainpage-box img:last-child {
 
.mainpage-box {
text-align: center;
padding: 15px;
margin: 20px auto;
max-width: 1024px;
border-style: dashed;
}
.mainpage-box-title {
text-align:center;
font-size:1.15em;
font-weight:bold;
}
.mainpage-box-buttons a img:hover, .skin-theme-clientpref-night .mainpage-box img:last-child {
filter: brightness(0.75);
filter: brightness(0.75);
}
}
.mainpage-buttons {
.mainpage-box-buttons {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
margin: 10px auto;
max-width: 1024px;
margin: 20px auto;
}
}
.mainpage-buttons > div {
.mainpage-box-buttons > div {
display: inline-block;
display: inline-block;
flex: 1 1 calc((100% /4) - 20px);
flex: 1 1 calc((100% /4) - 20px);
min-width: 200px;
min-width: 200px;
padding: 20px 0;
padding: 15px 0;
}
}
.mainpage-buttons > div > div {
.mainpage-box-buttons > div > div {
font-weight: bold;
font-weight: bold;
height: calc(100% - 30px);
height: calc(100% - 30px);
Line 49: Line 60:
padding-bottom: 10px;
padding-bottom: 10px;
}
}
.mainpage-box {
.mainpage-box .CategoryTreeTag {
text-align: center;
margin-top: 30px;
width: 100%;
padding-left: 10%;
padding: 15px;
text-align: left;
margin: 20px auto;
color: grey;
max-width: 1024px;
width: 90%;
border-style: dashed;
text-indent: hanging 1em;
}
}
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="All"])::after,
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="All"])::after,
Line 67: Line 78:
margin: 1em 0;
margin: 1em 0;
}
}
@media (max-width: 639px) {
@media (max-width: 639px) {
.mw-parser-output table.mainpage-box {
.mw-parser-output table.mainpage-box {