More actions
No edit summary |
No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 677: | Line 677: | ||
.mainpage-wrapper .info-row { | .mainpage-wrapper .info-row { | ||
display: flex; | display: flex; | ||
gap: | gap: 1em; | ||
margin: 1em; | margin: 1em; | ||
} | } | ||
| Line 684: | Line 684: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
margin: 0 !important; | |||
} | } | ||
| Line 692: | Line 693: | ||
} | } | ||
.mainpage-wrapper .info-box,.about-box,.intro-text,.search-area | .mainpage-wrapper .info-box,.about-box,.intro-text,.search-area{ | ||
color: var(--color-emphasized); | color: var(--color-emphasized); | ||
background-color: var(--color-surface-2); | background-color: var(--color-surface-2); | ||
| Line 698: | Line 699: | ||
overflow: auto; | overflow: auto; | ||
border-radius: var(--border-radius-large); | border-radius: var(--border-radius-large); | ||
padding: 1em; | padding: 1em; | ||
margin: 1em; | margin: 1em; | ||
} | } | ||
/* The banner box */ | |||
.main-banner { | |||
position: relative; | |||
height: 450px; | |||
max-width: 2440px; /* stop growing beyond image width */ | |||
margin: 1em auto; /* centre the container */ | |||
overflow: hidden; /* crop sides */ | |||
background-color: var(--color-surface-2); | |||
border: var(--border-width-base) solid var(--border-color-base); | |||
border-radius: var(--border-radius-large); | |||
color: var(--color-emphasized); | |||
padding: 0; | |||
} | |||
/* centre ANY img inside (not just mw-file-element) */ | |||
.main-banner img { | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
height: 100%; | |||
width: auto; | |||
max-width: none; | |||
} | |||
.main-banner > a { display:block; height:100%; } | |||
.mainpage-wrapper .lower-row { | .mainpage-wrapper .lower-row { | ||
display: flex; | |||
gap: 1em; | |||
margin: 1em; | |||
} | } | ||
.mainpage-wrapper .about-box { | .mainpage-wrapper .about-box { | ||
flex: 1 1 | flex: 1 1 31.3%; | ||
margin: 0 !important; | |||
} | } | ||
| Line 717: | Line 748: | ||
gap: 0.5em; | gap: 0.5em; | ||
flex: 1 1 65%; | flex: 1 1 65%; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
| Line 787: | Line 817: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
} | |||
.github-badge-row { | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
gap: 1em; | |||
} | |||
.github-badge-title { | |||
white-space: nowrap; | |||
} | |||
/* Light mode (default) */ | |||
.patreon-logo-dark { | |||
display: none; | |||
} | |||
.patreon-logo-light { | |||
display: inline; | |||
} | |||
/* Dark mode (activated via root class) */ | |||
:root.skin-theme-clientpref-night .patreon-logo-light { | |||
display: none; | |||
} | |||
:root.skin-theme-clientpref-night .patreon-logo-dark { | |||
display: inline; | |||
} | } | ||