Template:Banner-main/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 42: | Line 42: | ||
padding: 0; | padding: 0; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
| Line 50: | Line 49: | ||
width: 100%; | width: 100%; | ||
border-radius: 4px; | border-radius: 4px; | ||
font-weight: 600; | |||
} | } | ||
Revision as of 16:13, 13 December 2024
.sol-main-banner {
background-color: yellow;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-radius: 4px;
position: relative;
}
.sol-main-banner img {
max-width: 948px;
height: 100%;
}
.sol-main-banner-title {
position: absolute;
top: -23px;
left: -26px;
}
.sol-main-banner-tagline {
position: absolute;
bottom: 32px;
left: 40px;
font-size: 1.8em;
font-weight: 700;
line-height: 1.2em;
font-family: Merriweather;
color: #333;
text-shadow:
1px 1px 4px white,
0 0 1em #eee,
0 0 0.2em #ddd;
}
.sol-main-banner-block {
position: absolute;
top: 2em;
right: 1em;
}
.sol-main-banner-button {
width: 260px;
margin-bottom: 1em;
padding: 0;
font-size: 1.5em;
}
.sol-main-banner-button .mw-ui-button {
background-color: #eeeeee;
padding: 0.5em 1em;
width: 100%;
border-radius: 4px;
font-weight: 600;
}
.sol-main-banner-button .mw-ui-button:hover {
background-color: yellow;
}