MediaWiki:Common.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
| (14 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--background-color-neutral-subtle: #f6f9fd; | --background-color-neutral-subtle: #f6f9fd; | ||
} | |||
.mw-logo-container { | |||
text-wrap: balance; | |||
} | } | ||
.vector-main-menu-action-opt-out a, .vector-menu-content #ca-talk, #footer-places-about { | .vector-main-menu-action-opt-out a, .vector-menu-content #ca-talk, #footer-places-about { | ||
| Line 15: | Line 18: | ||
margin: 5px 0; | margin: 5px 0; | ||
} | } | ||
.mainpage-box, .info-box { | |||
background-color: var(--background-color-neutral-subtle); | background-color: var(--background-color-neutral-subtle); | ||
border-width: 1px; | border-width: 1px; | ||
| Line 26: | Line 29: | ||
} | } | ||
} | } | ||
.mainpage- | |||
.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-box-buttons { | |||
.mainpage- | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
margin: 10px auto 0 auto; | |||
border-bottom: 1px dashed var(--border-color-subtle); | |||
padding-bottom: 15px; | |||
} | } | ||
.mainpage- | .mainpage-box-buttons > div { | ||
display: inline-block; | display: inline-block; | ||
flex: 1 1 calc((100% / | flex: 1 1 calc((100% /4) - 20px); | ||
min-width: 200px; | min-width: 200px; | ||
padding: | padding: 15px 0; | ||
} | } | ||
.mainpage- | .mainpage-box-buttons > div > div { | ||
font-weight: bold; | font-weight: bold; | ||
height: calc(100% - 30px); | height: calc(100% - 30px); | ||
| Line 51: | Line 65: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
} | } | ||
.mainpage-box { | .mainpage-box .CategoryTreeTag { | ||
margin-top: 30px; | |||
padding-left: 10%; | |||
text-align: left; | |||
color: grey; | |||
width: 90%; | |||
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 69: | Line 83: | ||
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 { | ||
| Line 88: | Line 103: | ||
.info-box tr:first-child { | .info-box tr:first-child { | ||
text-align: center; | text-align: center; | ||
text-wrap: balance; | |||
text-indent: initial; | |||
} | |||
.info-box .info-box-head { | |||
text-align: left; | |||
min-width: max-content; | |||
} | |||
.info-box tr li { | |||
margin-bottom: 0; | |||
} | } | ||
.info-box figure[typeof~="mw:File/Thumb"] { | .info-box figure[typeof~="mw:File/Thumb"] { | ||
border: 0; | border: 0; | ||
margin: 0 auto 5px auto; | |||
} | } | ||
.info-box figure[typeof~="mw:File/Thumb"] figcaption { | .info-box figure[typeof~="mw:File/Thumb"] figcaption { | ||
| Line 98: | Line 123: | ||
max-height: 300px; | max-height: 300px; | ||
object-fit: cover; | object-fit: cover; | ||
margin: 5px 0; | |||
} | |||
.info-box ul { | |||
margin-left: 1.6em; | |||
} | } | ||
.info-box tr:last-child td { | .info-box tr:last-child td { | ||