MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (21 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 21: | Line 24: | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
. | @media screen and (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os .mainpage-box img:last-child { | |||
filter: brightness(0.75); | |||
} | |||
} | } | ||
.mainpage- | |||
.mainpage-box { | |||
text-align: center; | text-align: center; | ||
padding: 15px; | |||
margin: 20px auto; | |||
max-width: 1024px; | max-width: 1024px; | ||
border-style: dashed; | border-style: dashed; | ||
} | } | ||
.mainpage- | .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); | |||
} | |||
.mainpage-box-buttons { | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin: 10px auto 0 auto; | |||
border-bottom: 1px dashed var(--border-color-subtle); | |||
padding-bottom: 15px; | |||
} | |||
.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 45: | 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 60: | Line 80: | ||
height: 1px; | height: 1px; | ||
display: block; | display: block; | ||
background: linear-gradient(to right,rgba(128,128,128,0.5),transparent 50%) | background: linear-gradient(to right,rgba(128,128,128,0.5),transparent 50%); | ||
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 74: | Line 95: | ||
float: right; | float: right; | ||
padding: 10px; | padding: 10px; | ||
margin: 10px; | margin: 0 0 10px 10px !important; | ||
max-width: | max-width: 328px; | ||
text-indent: hanging 1em; | text-indent: hanging 1em; | ||
border-style: solid; | border-style: solid; | ||
display: table !important; | |||
} | |||
.info-box tr:first-child { | |||
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 { | ||
display: none; | display: none; | ||
} | |||
.info-box figure[typeof~="mw:File/Thumb"] img { | |||
max-height: 300px; | |||
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 { | ||