Wikimedia Czech Republic/Banners/LPW 2024

CentralNotice/Request/WMCZ Human Rights on Wikipedia 2024

<style type="text/css">
  #wlm-de {
    padding: 0;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
    height: 100px; /* Adjusted height */
  }

  #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/thumb/a/a0/Untitled_design_%284%29.svg/1024px-Untitled_design_%284%29.svg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 40% 47%;
  }

  #wlm-de .wlm-cta {
    position: relative;
    background-color: #2f9a66;
    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: 88px;
    vertical-align: middle;
  }

  #wlm-de>a>.wlm-cta {
    font-size: 1.2em; /* 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:WikiProjekt_Lidsk%c3%a1_pr%c3%a1va/V%c3%bdzva" target="_blank">
    <div class="wlm-logo">Lidská práva na Wikipedii</div>
    <div class="wlm-cta">
      Pojďme společně zajistit přistup k informacím o širokých lidskoprávních a humanistických tématech, historii a osobnostech.
    </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>