MediaWiki:Sitenotice: Difference between revisions
Appearance
Blanked the page Tag: Blanking |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
<div id="centralNotice" class="cn-WikiLovesFolklore2025"><style type="text/css"> | |||
#wll2021 { | |||
padding: 0; | |||
width: 100%; | |||
margin-bottom: 1em; | |||
position: relative; | |||
} | |||
#mw-mf-viewport #wll2021 { | |||
margin-bottom: 0!important; | |||
} | |||
#wll2021>a { | |||
display: table; | |||
table-layout: fixed; | |||
border: 1px solid rgba(0, 0, 0, 0.3); | |||
background-color: #FFF; | |||
font-size: 16px; | |||
font-weight: bold; | |||
line-height: 1.125; | |||
text-align: left; | |||
width: 100%; | |||
padding: 0; | |||
box-shadow: 0.1em 0.1em 0.6em 0 rgba(0, 0, 0, 0.4); | |||
transition: box-shadow 0.3s; | |||
height: auto; | |||
text-decoration: none; | |||
} | |||
#wll2021>a:hover { | |||
text-decoration: none; | |||
box-shadow: 0.06em 0.06em 0.4em 0 rgba(0, 0, 0, 0.7); | |||
} | |||
#wll2021, | |||
#wll2021 * { | |||
box-sizing: border-box; | |||
} | |||
#wll2021>a>* { | |||
display: table-cell; | |||
vertical-align: middle; | |||
padding: 0.7em 1.5em; | |||
} | |||
#wll2021>a .wll-logo { | |||
width: 13em; | |||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/0e/Wiki_Loves_folklore_banner.svg'); | |||
background-repeat: no-repeat; | |||
background-size: contain; | |||
background-position: 40% 47%; | |||
} | |||
@keyframes scroll { | |||
100% { background-position: 10em 50% } | |||
} | |||
#wll2021>a .wll-image { | |||
background-size: auto 100%; | |||
background-repeat: repeat-x; | |||
background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/6/60/WLF2025Banner.png/798px-WLF2025Banner.png'); | |||
background-position: 0 50%; | |||
animation: scroll 500s infinite linear; | |||
} | |||
#wll2021>a:not(:hover) .wll-image { | |||
animation-play-state: paused; | |||
} | |||
#wll2021 .wll-cta { | |||
position: relative; | |||
background-color: #8F0000; | |||
color: #FFF; | |||
width: 20em; | |||
padding-right: 1.5em; | |||
} | |||
#wll2021 .wll-close { | |||
position: absolute; | |||
right: 0.4em; | |||
top: 0.4em; | |||
} | |||
@media screen and (max-width:719px) { | |||
#wll2021 > a .wll-logo { | |||
position: relative; | |||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Wiki_Loves_folklore_banner.svg/188px-Wiki_Loves_folklore_banner.svg.png'); | |||
} | |||
#wll2021>a { | |||
display: block; | |||
table-layout: auto; | |||
height: auto; | |||
} | |||
#wll2021>a>* { | |||
display: block; | |||
width: 100%!important; | |||
min-height: 88px; | |||
vertical-align: middle; | |||
} | |||
#wll2021>a>.wll-cta { | |||
font-size: .8em; | |||
min-height: 2.8em; | |||
padding-right: 3em; | |||
} | |||
#wll2021>a .wll-logo { | |||
background-position: 48% 47%; | |||
} | |||
#wll2021>a br { | |||
display: none; | |||
} | |||
#wll2021 .wll-close { | |||
right: 0; | |||
top: 0; | |||
} | |||
#wll2021 .wll-close a { | |||
display: block; | |||
padding: 1em 1em .5em .5em; | |||
} | |||
} | |||
@media screen and (max-width:55.8em) { | |||
.wll2021 { | |||
position: relative; | |||
top: -1px; | |||
margin-left: -20px!important; | |||
margin-right: -20px!important; | |||
} | |||
.wll2021 .outer-box, | |||
.wll2021 .inner-box { | |||
padding-left: 2em!important; | |||
padding-right: 2em!important; | |||
} | |||
.wll2021 .inner-box { | |||
margin-left: -2em!important; | |||
margin-right: -2em!important; | |||
} | |||
.wll2021 .wll-title { | |||
font-size: 5.4vw!important; | |||
} | |||
} | |||
@media screen and (max-width:30em) { | |||
.wll2021 .wll-title { | |||
font-size: 7.2vw!important; | |||
} | |||
} | |||
</style> | |||
<div dir="ltr" id="wll2021"> | |||
<a href="https://commons.wikimedia.org/wiki/Special:MyLanguage/Commons:Wiki_Loves_Folklore_2025" target="_blank"> | |||
<div class="wll-logo"> </div> | |||
<div class="wll-image"></div> | |||
<div class="wll-cta">Photograph your local culture, help Wikipedia and win!</div> | |||
</a> | |||
<div id="cn-toggle-box" class="wll-close"> | |||
<a href="#" title="Hide" onclick="mw.centralNotice.hideBanner();return false;"> | |||
<img border="0" src="https://upload.wikimedia.org/wikipedia/commons/2/20/CloseWindow19x19.png" alt="Hide"></a> | |||
</div> | |||
</div></div> |
Revision as of 16:33, 26 March 2025
<style type="text/css">
#wll2021 { padding: 0; width: 100%; margin-bottom: 1em; position: relative; } #mw-mf-viewport #wll2021 { margin-bottom: 0!important; } #wll2021>a { display: table; table-layout: fixed; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #FFF; font-size: 16px; font-weight: bold; line-height: 1.125; text-align: left; width: 100%; padding: 0; box-shadow: 0.1em 0.1em 0.6em 0 rgba(0, 0, 0, 0.4); transition: box-shadow 0.3s; height: auto; text-decoration: none; } #wll2021>a:hover { text-decoration: none; box-shadow: 0.06em 0.06em 0.4em 0 rgba(0, 0, 0, 0.7); } #wll2021, #wll2021 * { box-sizing: border-box; } #wll2021>a>* { display: table-cell; vertical-align: middle; padding: 0.7em 1.5em; } #wll2021>a .wll-logo { width: 13em; background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/0e/Wiki_Loves_folklore_banner.svg'); background-repeat: no-repeat; background-size: contain; background-position: 40% 47%; }
@keyframes scroll {
100% { background-position: 10em 50% }
}
#wll2021>a .wll-image { background-size: auto 100%; background-repeat: repeat-x; background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/6/60/WLF2025Banner.png/798px-WLF2025Banner.png'); background-position: 0 50%; animation: scroll 500s infinite linear; } #wll2021>a:not(:hover) .wll-image { animation-play-state: paused; }
#wll2021 .wll-cta { position: relative; background-color: #8F0000; color: #FFF; width: 20em; padding-right: 1.5em; } #wll2021 .wll-close { position: absolute; right: 0.4em; top: 0.4em; } @media screen and (max-width:719px) { #wll2021 > a .wll-logo { position: relative; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Wiki_Loves_folklore_banner.svg/188px-Wiki_Loves_folklore_banner.svg.png'); } #wll2021>a { display: block; table-layout: auto; height: auto; } #wll2021>a>* { display: block; width: 100%!important; min-height: 88px; vertical-align: middle; } #wll2021>a>.wll-cta { font-size: .8em; min-height: 2.8em; padding-right: 3em; } #wll2021>a .wll-logo { background-position: 48% 47%; } #wll2021>a br { display: none; } #wll2021 .wll-close { right: 0; top: 0; } #wll2021 .wll-close a { display: block; padding: 1em 1em .5em .5em; } } @media screen and (max-width:55.8em) { .wll2021 { position: relative; top: -1px; margin-left: -20px!important; margin-right: -20px!important; } .wll2021 .outer-box, .wll2021 .inner-box { padding-left: 2em!important; padding-right: 2em!important; } .wll2021 .inner-box { margin-left: -2em!important; margin-right: -2em!important; } .wll2021 .wll-title { font-size: 5.4vw!important; } } @media screen and (max-width:30em) { .wll2021 .wll-title { font-size: 7.2vw!important; } }
</style>
<a href="https://commons.wikimedia.org/wiki/Special:MyLanguage/Commons:Wiki_Loves_Folklore_2025" target="_blank">
Photograph your local culture, help Wikipedia and win!
</a>
<a href="#" title="Hide" onclick="mw.centralNotice.hideBanner();return false;"> <img border="0" src="https://upload.wikimedia.org/wikipedia/commons/2/20/CloseWindow19x19.png" alt="Hide"></a>