MediaWiki:Centralnotice-template-wlm2019 draft
<style> .skin-monobook #siteNotice p {
padding-left: 90px !important; padding-right: 64px !important; padding-top: 4px !important;
}
- mw-mf-page-center {
background-color: #fff;
}
/* Resets */ .cbnnr * {
margin: 0; padding: 0;
}
/* Box-sizing */ .cbnnr, .cbnnr *, .cbnnr *:before, .cbnnr *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* Font sizes and line heights */
.cbnnr-message {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: medium; font-size: 13px; line-height: 1.4; color: #555A5F !important; text-align: left;
}
.cbnnr-special .cbnnr-message {
color: #d9e0f5 !important;
}
.cbnnr-cta {
font-size: 15px; font-weight: bold; color: #222;
}
.cbnnr-special .cbnnr-cta {
color: white;
}
@media all and (min-width: 720px) {
.cbnnr-message { font-size: 18px; line-height: 1.5; } .cbnnr-cta { font-size: 20px; }
}
/* Styles */
.cbnnr {
background-color: #fff; position: relative; margin-bottom: 12px;
}
/* Hide banner when Wikipedia site search is enabled */ .overlay-enabled .cbnnr {
display: none !important;
}
.cbnnr-main {
position: relative; clear: both; padding: 10px; background-color: white; border: 1px solid #8F0000; min-height: 88px;
}
.cbnnr-special .cbnnr-main {
background-color: #c8ccd1; border: none;
}
@media all and (min-width: 720px) {
.cbnnr-main { padding: 15px; min-height: 98px; }
}
.skin-minerva .cbnnr-main {
border: none; border-bottom: 1px solid #c8ccd1; }
@media all and (min-width: 1000px) {
.skin-minerva .cbnnr-main { border: 1px solid #c8ccd1; margin-top: 20px; }
}
.cbnnr-message {
display: block;
}
.rtl .cbnnr-message {
text-align:right;
}
.cbnnr-icon {
width: 68px; height: 68px; border-radius: 2px; overflow: hidden; top: 50%; position: absolute; float: left; transform: translateY(-50%); left: 10px; overflow: hidden; background: #fff;
} .rtl .cbnnr-icon {
right: 15px;
} @media all and (min-width: 720px) {
.cbnnr-icon { left: 15px; } .rtl .cbnnr-icon { right: 15px; }
}
.cbnnr-icon-border {
border: 1px solid #c8ccd1;
}
.cbnnr-icon img {
max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0;
}
.cbnnr-icon-border img {
max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.cbnnr-message p {
padding-left: 83px; padding-right: 64px; padding-top: 5px; margin: auto;
}
.rtl .cbnnr-message p {
padding-right: 83px; padding-left: 64px; padding-top: 5px; margin: auto;
}
.cbnnr-message-rimg p {
padding-left: 83px; padding-right: 145px; padding-top: 5px; margin: auto;
}
.rtl .cbnnr-message-rimg p {
padding-right: 83px; padding-left: 145px; padding-top: 5px; margin: auto;
}
@media all and (max-width: 720px) {
.cbnnr-message p { padding-left: 78px; padding-right: 54px; padding-top: 15px; } .rtl .cbnnr-message p { padding-right: 78px; padding-left: 54px; padding-top: 15px; }
}
@media all and (max-width: 500px) {
.cbnnr-message p { padding-left: 5px; }
.rtl .cbnnr-message p { padding-right: 5px; }
.cbnnr-icon { display:none; }
}
@media all and (max-width: 500px) {
.skin-minerva .cbnnr-message p { padding-left: 78px; }
.rtl .skin-minerva .cbnnr-message p { padding-left: 0; padding-right: 78px; }
.skin-minerva .cbnnr-icon { display:block; }
}
@media all and (max-width: 350px) {
.skin-minerva .cbnnr-message p { padding-left: 5px; }
.skin-minerva .cbnnr-icon { display:none; }
} .cbnnr-headline, .cbnnr-text {
display: block;
}
@media all and (min-width: 720px) {
.cbnnr-headline, .cbnnr-text { display: inline; } .cbnnr-headline:after { content: ' | '; }
}
.cbnnr-cta {
display: block; margin-top: 4px;
}
@media all and (min-width: 720px) {
.cbnnr-cta { margin-top: 2px; }
}
.cbnnr-cta:hover {
text-decoration: underline;
}
.cbnnr-rightimg {
display:none;
}
.cbnnr-rightimgshow {
display:block; top: 50%; right: 75px; transform: translateY(-50%); position: absolute;
}
.rtl .cbnnr-rightimgshow {
left: 75px; right: unset;
}
@media all and (max-width: 720px) {
.cbnnr-rightimg { display:none; }
}
/* --- Close Options --- */
.cbnnr-close {
cursor: pointer; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1; opacity: .8; background: #eaecf0; border-radius: 50%; padding: 12px; width: 44px; height: 44px; transition: all .3s ease-in-out;
}
.cbnnr-special .cbnnr-close {
background: rgba(255,255,255,.5); opacity: 1;
}
body.rtl .cbnnr-close {
left: 10px; right: unset;
}
@media all and (min-width: 720px) {
.cbnnr-close { right: 15px; } body.rtl .cbnnr-close { left: 15px; right: unset; }
}
.cbnnr-close:hover {
opacity: 1;
}
.cbnnr-special .cbnnr-close:hover {
background: rgba(255,255,255,.7);
}
.cbnnr-close-icon {
background: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E"); height: 100%; width: 20px; min-width: 20px; min-height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.8;
}
.cbnnr-special .cbnnr-close-icon {
background: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 fill=%22%23ffffff%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");
}
.cbnnr-special .cbnnr-close-icon {
opacity: 1;
}
.cbnnr-special .cbnnr-close-icon {
/* need new svg */
}
.cbnnr-close-icon:hover {
opacity: 1;
}
- cnotice-translation-link {
position: absolute; right: 65px; bottom: 0px; font-size: 0.8em; white-space: nowrap;
}
- cnotice-translation-link:hover {
text-decoration: underline;
}
.rtl #cnotice-translation-link {
text-align: left; left: 65px;
}
</style>
<a href="https://www.wikilovesmonuments.org/?pk_campaign=Centralnotice" class="cbnnr-message fade" id="banner1">
<figure class="cbnnr-icon "> <img src="//upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Wiki_Loves_Monuments_Logo_notext.svg/70px-Wiki_Loves_Monuments_Logo_notext.svg.png" alt=""/> </figure>
Wiki Loves Monuments: Photograph a monument, help Wikipedia and win! Learn more
<figure class="cbnnr-rightimg"> <img src="" alt=""/> </figure>
</a>
<script> var cbnnr = cbnnr || {};
cbnnr.rewrite_url = function() {
url = ; rimg = ; switch(Geo.country) {
case 'AL': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Albania'; break; case 'DZ': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Algeria'; break; case 'AM': url = 'http://www.wikilovesmonuments.am/'; break; case 'AU': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Australia'; break; case 'CC': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Australia'; break; case 'CX': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Australia'; break; case 'HM': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Australia'; break; case 'NF': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Australia'; break; case 'AT': url = 'https://www.wikidaheim.at/?pk_campaign=Centralnotice'; break; case 'AZ': url = '//az.wikipedia.org/wiki/Vikipediya:Viki_Abidələri_Sevir_2019'; break; case 'BD': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Bangladesh/bn'; rimg = 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Flag_of_Bangladesh.svg/70px-Flag_of_Bangladesh.svg.png'; break; case 'BJ': url = '//fr.wikipedia.org/wiki/Projet:Wiki_Loves_Monuments_2019_au_B%C3%A9nin'; break; case 'BO': url = 'http://wlm.wikimedia.org.bo/concurso/'; break; case 'BR': url = '//pt.wikipedia.org/wiki/Wikip%C3%A9dia:Wiki_Loves_Monuments_2019/Brasil'; break; case 'CA': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Canada'; break; case 'HR': url = '//hr.wikipedia.org/wiki/Wikipedija:Wiki_voli_spomenike'; break; case 'DK': url = '//da.wikipedia.org/wiki/Wikipedia:Wiki_Loves_Monuments_2019'; break; case 'FO': url = '//da.wikipedia.org/wiki/Wikipedia:Wiki_Loves_Monuments_2019'; break; case 'DE': url = '//de.wikipedia.org/wiki/Wikipedia:Wiki_Loves_Monuments_2019/Deutschland'; break; case 'FI': url = 'http://wlm.wikimedia.fi/?pk_campaign=Centralnotice'; break; case 'AX': url = 'http://wlm.wikimedia.fi/?pk_campaign=Centralnotice'; break; case 'FR': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'BL': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'CP': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'GF': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'GP': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'MF': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'MQ': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'NC': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'PF': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'PM': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'RE': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'TF': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'WF': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'YT': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_France'; break; case 'GE': url = '//ka.wikipedia.org/wiki/%E1%83%95%E1%83%98%E1%83%99%E1%83%98%E1%83%9E%E1%83%94%E1%83%93%E1%83%98%E1%83%90:%E1%83%95%E1%83%98%E1%83%99%E1%83%98%E1%83%A1_%E1%83%A3%E1%83%A7%E1%83%95%E1%83%90%E1%83%A0%E1%83%A1_%E1%83%AB%E1%83%94%E1%83%92%E1%83%9A%E1%83%94%E1%83%91%E1%83%98_2018'; break; case 'GH': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Ghana'; break; case 'GN': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_en_Guin%C3%A9e'; break; case 'IN': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_India'; rimg = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Flag_of_India.svg/70px-Flag_of_India.svg.png'; break; case 'IR': url = 'https://fa.wikipedia.org/wiki/%D9%88%DB%8C%DA%A9%DB%8C%E2%80%8C%D9%BE%D8%AF%DB%8C%D8%A7:%D9%88%DB%8C%DA%A9%DB%8C_%D8%AF%D9%88%D8%B3%D8%AA%D8%AF%D8%A7%D8%B1_%DB%8C%D8%A7%D8%AF%D9%85%D8%A7%D9%86%E2%80%8C%D9%87%D8%A7_%DB%B2%DB%B0%DB%B1%DB%B9_%D8%A7%DB%8C%D8%B1%D8%A7%D9%86'; break; case 'IE': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Ireland'; break; case 'IT': url = 'https://wikilovesmonuments.wikimedia.it'; break; case 'VA': url = 'https://wikilovesmonuments.wikimedia.it'; break; case 'XK': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Kosovo'; break; case 'LV': url = 'http://wikilovesmonuments.lv/?pk_campaign=Centralnotice'; break; case 'MY': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Malaysia'; break; case 'MT': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Malta'; break; case 'MA': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Morocco/{{{urlMA}}}'; break; case 'NP': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Nepal'; break; case 'NG': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Nigeria'; break; case 'NO': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Norway/{{{urlNO}}}'; break; case 'BV': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Norway/{{{urlNO}}}'; break; case 'SJ': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Norway/{{{urlNO}}}'; break; case 'PE': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Peru'; break; case 'PH': url = 'https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_Philippines'; break; case 'PL': url = 'http://wikizabytki.pl/'; break; case 'PT': url = '//pt.wikipedia.org/wiki/Wikip%C3%A9dia:Wiki_Loves_Monuments_Portugal'; break; case 'RO': url = 'https://wikilovesmonuments.ro/concurs/'; break; case 'RU': url = 'https://ru.wikivoyage.org/wiki/Wikivoyage:%D0%92%D0%B8%D0%BA%D0%B8_%D0%BB%D1%8E%D0%B1%D0%B8%D1%82_%D0%BF%D0%B0%D0%BC%D1%8F%D1%82%D0%BD%D0%B8%D0%BA%D0%B8_2019'; break; case 'SK': url = '//sk.wikipedia.org/wiki/Wikip%C3%A9dia:Wiki_miluje_pamiatky'; break; case 'SI': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Slovenia?uselang={{{urlSI}}}'; break; case 'KR': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_South_Korea'; break; case 'ES': url = 'https://www.wikilov.es/es/Wiki_Loves_Monuments'; break; case 'EA': url = 'https://www.wikilov.es/es/Wiki_Loves_Monuments'; break; case 'IC': url = 'https://www.wikilov.es/es/Wiki_Loves_Monuments'; break; case 'SE': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Sweden/sv'; break; case 'CH': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Switzerland'; break; case 'TW': url = 'https://commons.wikimedia.org/wiki/Commons:Taiwan_Memories_2019/Wiki_Loves_Monument'; break; case 'UG': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Uganda'; break; case 'UA': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_Ukraine/uk'; break; case 'GB': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'AC': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'AI': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'BM': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'DG': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'FK': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'GG': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'GI': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'GS': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'IM': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'IO': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'JE': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'KY': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'MS': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'PN': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'SH': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'TA': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'TC': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'VG': url = 'http://www.wikilovesmonuments.org.uk/?pk_campaign=Centralnotice'; break; case 'US': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'AS': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'GU': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'MP': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'PR': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'UM': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; case 'VI': url = '//commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2019_in_the_United_States'; break; } if(url!=) $("a.cbnnr-message").attr("href",url); if(rimg!=) $(".cbnnr-rightimg img").css('display', 'block'); if(rimg!=) $(".cbnnr-rightimg img").attr('src', rimg); if(rimg!=) $(".cbnnr-rightimg").addClass("cbnnr-rightimgshow"); if(rimg!=) $(".cbnnr-message").addClass("cbnnr-message-rimg");
}
cbnnr.show = function() {
$('.cbnnr').css('display', 'block');
};
$(function() {
if ( !mw.centralNotice.bannerData.hideResult ) { cbnnr.rewrite_url(); cbnnr.show(); }
}); </script>