More actions
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 693: | 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 702: | Line 702: | ||
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 { | ||