WPWP Czechia 2024 banner
<style type="text/css">
#wlm-de {
padding: 0;
width: 100%;
position: relative;
height: 50px; /* Adjusted height */
margin-bottom: 150px; /* Increased margin-bottom to create space below the banner */
}
#mw-mf-viewport #wlm-de {
margin-bottom: 0 !important;
}
#wlm-de>a {
display: table;
table-layout: fixed;
border: 1px solid rgba(0, 0, 0, .3);
background-color: #fff;
font-size: 15px; /* Increased font size for big screen mode */
font-weight: 700;
line-height: 1.5; /* Adjusted line height */
text-align: center; /* Centering text */
width: 100%;
padding: 0;
box-shadow: .1em .1em .6em 0 rgba(0, 0, 0, .4);
transition: box-shadow .3s;
height: 100%;
text-decoration: none;
font-family: Arial, sans-serif; /* Arial font */
}
#wlm-de>a:hover {
text-decoration: none;
box-shadow: .06em .06em .4em 0 rgba(0, 0, 0, .7);
font-size: 15px;
}
#wlm-de,
#wlm-de * {
box-sizing: border-box;
}
#wlm-de>a>* {
display: table-cell;
vertical-align: middle;
padding: .7em 1.5em;
}
#wlm-de>a .wlm-logo {
width: 14em;
text-indent: -1000em;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/ff/Banner_WPWP_Czechia_2024.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: 40% 47%;
}
#wlm-de .wlm-cta {
position: relative;
background-color: #990000;
color: #fff;
width: 20em;
padding-right: 1.5em;
font-family: Arial, sans-serif; /* Arial font */
}
#wlm-de .wlm-cta:after {
position: absolute;
right: .7em;
top: 50%;
transform: translateY(-61%);
content: '»';
display: block;
font-size: 2em;
font-weight: 400;
transition: right .9s;
}
#wlm-de a:hover .wlm-cta:after {
right: .4em;
}
#wlm-de .wlm-close {
position: absolute;
right: .4em;
top: .4em;
}
.banner-container {
margin: 0;
max-width: 100%;
}
#wlm-de>a {
display: block;
table-layout: auto;
height: auto;
}
#wlm-de>a>* {
display: block;
width: 100% !important;
min-height: 100px;
vertical-align: middle;
}
#wlm-de>a>.wlm-cta {
font-size: 1.1em; /* Adjusted font size */
min-height: 2.8em;
padding-right: 3em;
}
#wlm-de>a .wlm-logo {
background-position: 48% 47%;
}
#wlm-de .wlm-close {
right: 0;
top: 0;
}
#wlm-de .wlm-close a {
display: block;
padding: 1em 1em .5em .5em;
}
/* Add this new CSS rule to ensure the content below the banner is not overlapped */
#wlm-de {
margin-bottom: 150px; /* Increase this value if needed to push the text further down */
}
</style>
<div id="wlm-de">
<a href="https://cs.wikipedia.org/wiki/Wikipedie:Wikipedia_Pages_Wanting_Photos" target="_blank">
<div class="wlm-logo">Lidská práva na Wikipedii</div>
<div class="wlm-cta">
Doplňte chybějící obrázky do článků na Wikipedii a vyhrajte knižní poukázky. Více na WPWP Czechia 2024. <br>
</div>
</a>
<div id="cn-toggle-box" class="wlm-close">
<a href="#" title="{{int:centralnotice-shared-hide}}" onclick="return mw.centralNotice.hideBanner(),!1">
<img border="0" src="https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="{{int:centralnotice-shared-hide}}">
</a>
</div>
</div>
</code>