User:Msz2001/Banner 2

<style type="text/css">
#centralNotice.collapsed #{{{banner}}} {
    display: none !important;
}

#{{{banner}}} {
    position: relative;
    margin-bottom: 0.5em;
    background: #002c88;
    color: #fff;
    border-radius: 8px;
    display: none;
    font-size: 14px;
}

.{{{banner}}}-text-secondary {
    color: #e5e9f3;
}

#{{{banner}}} a.{{{banner}}}-full-banner-click {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

#{{{banner}}}-content {
    padding: 0.85em 20px;
    text-align: center;
    line-height: 1.6em;
    box-sizing: border-box;
    min-height: 100px;
    display: flex;
    align-items: center;
}

#{{{banner}}}-text {
    flex-grow: 1;
}

#{{{banner}}}-text-line1 {
    font-size: 1.75em;
    font-weight: bold;
    margin-bottom: 0.4em;
}

#{{{banner}}}-register-fakebutton {
    background: #e679a5;
    color: #000;
    padding: 0.4em 0.85em;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    border-radius: 4px;
    margin-left: 12px;
}

#{{{banner}}}-content:hover #{{{banner}}}-register-fakebutton {
    text-decoration: underline;
}

#{{{banner}}}-wm-signature {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 0.9em;
}

#{{{banner}}}-logo {
    height: 2em;
    width: auto;
}

#{{{banner}}} div#{{{banner}}}-toggle-box {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 27px;
    text-align: right;
}
body.rtl #{{{banner}}} div#{{{banner}}}-toggle-box {
    text-align: left;
    right: unset;
    left: 0;
}

#{{{banner}}} div#{{{banner}}}-translation-link {
    position: absolute;
    left: 0.5em;
    bottom: 2px;
    font-size: 0.8em;
    white-space: nowrap;
}

#{{{banner}}} #{{{banner}}}-translation-link a:hover {
    text-decoration: none;
}

@media screen and (min-width: 1000px) {
    #{{{banner}}} {
        font-size: 16px;
    }
}

@media screen and (max-width: 570px) {
    #{{{banner}}}-image-right {
        display: none;
    }

    #{{{banner}}}-content {
        flex-direction: column;
        gap: 1em;
        padding-bottom: 1.7em;
    }

    #{{{banner}}}-wm-signature {
        flex-direction: row;
        gap: 1em;
    }
}
</style>

<div id="{{{banner}}}">
    <a class="{{{banner}}}-full-banner-click" href="https://wikimania.wikimedia.org/wiki/Special:MyLanguage/2024:Registration">
        <div id="{{{banner}}}-content">
            <div id="{{{banner}}}-wm-signature">
                <img id="{{{banner}}}-logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Wikimania_2024_logo_white.svg/120px-Wikimania_2024_logo_white.svg.png" width="120" height="33" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Wikimania_2024_logo_white.svg/180px-Wikimania_2024_logo_white.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Wikimania_2024_logo_white.svg/240px-Wikimania_2024_logo_white.svg.png 2x" alt="">
                <span class="{{{banner}}}-text-secondary">{{{dates}}}</span>
            </div>
            <div id="{{{banner}}}-text">
                <div id="{{{banner}}}-text-line1">{{{text1}}}</div>
                <div id="{{{banner}}}-text-line2" class="{{{banner}}}-text-secondary">
                    {{{text2}}}
                    <span id="{{{banner}}}-register-fakebutton">{{{cta}}}</span>
                </div>
            </div>
            <img id="{{{banner}}}-image-right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Rosette_%28Wikimania_2024%29.png/72px-Rosette_%28Wikimania_2024%29.png" width="72" height="72" alt="">
        </div>
    </a>
    
    <div id="{{{banner}}}-toggle-box">
        <a href="#" title="{{int:centralnotice-close-title}}" onclick="mw.centralNotice.hideBanner();return false;"><img src="https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="{{int:centralnotice-close-title}}" /></a> 
    </div>
    
    <div id="{{{banner}}}-translation-link">
        [<a id="{{{banner}}}-translate" class="{{{banner}}}-text-secondary" href="https://meta.wikimedia.org/w/index.php?title=Special:Translate&group=Centralnotice-tgroup-{{{banner}}}">{{int:centralnotice-shared-help-translate}}</a>]
    </div>
</div>

<script>
$(document).ready(function() {
    if (mw.config.get( 'wgUserEditCount' ) >= 50) {
    $('#{{{banner}}}').show();
    } 
});

if(document.getElementById("{{{banner}}}-translate")) document.getElementById("{{{banner}}}-translate").setAttribute("href", "//meta.wikimedia.org/w/index.php?title=Special:Translate&group=Centralnotice-tgroup-{{{banner}}}&language=" + mw.config.get('wgPageContentLanguage'));
</script>