|
|
Zeile 1: |
Zeile 1: |
| <style type="text/css"> | | <style> |
| #centralNotice.collapsed #{{{banner}}} {
| | #centralNotice.collapsed .cn-banner { |
| display: none; | | display: none; |
| }
| | } |
| div#{{{banner}}} {
| | |
| background: transparent; | | .cn-banner { |
| display: none;
| | position: relative; |
| font-family: Arial, Helvetica, Verdana, sans-serif;
| |
| overflow: hidden; | | overflow: hidden; |
| position: absolute; | | margin-bottom: 1em; |
| left: 0; | | border: solid 1px #aaaaaa; |
| top: 0; | | } |
| | |
| | /* Mobile skin */ |
| | body.skin-minerva .cn-banner { |
| | margin-bottom: 0; |
| | } |
| | |
| | .cn-banner a.cn-full-banner-click { |
| | display: block; |
| | height: 100%; |
| width: 100%; | | width: 100%; |
| z-index: 9999;
| |
| }
| |
| div#{{{banner}}}-outerWrapper {
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
| |
| }
| |
| div#{{{banner}}} div#{{{banner}}}-wrapper {
| |
| background: #133B06;
| |
| cursor: pointer;
| |
| position: relative;
| |
| }
| |
| div#{{{banner}}} span#{{{banner}}}-tab {
| |
| display: block;
| |
| z-index: 100;
| |
| position: relative;
| |
| margin: 0 auto;
| |
| cursor: pointer; | | cursor: pointer; |
| | } |
| | .cn-banner a:hover { |
| | text-decoration: none; |
| | } |
| | |
| | .cn-banner-content { |
| | display: table; |
| | box-sizing: border-box; |
| | padding: 8px 30px 8px 8px; |
| | width: 100%; |
| | } |
| | body.rtl .cn-banner-content { |
| | padding: 8px 8px 8px 30px; |
| | } |
| | |
| | .cn-banner-logo img { |
| | vertical-align: middle; |
| | height: 90px; |
| | width: 728px; |
| | } |
|
| |
|
| background: #133b06 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; | | @media (min-width: 541px) { |
| background-position: 105px -31px;
| | .cn-banner-logo img { |
| | height: 90px; |
| | width: 728px; |
| | } |
| | } |
|
| |
|
| width: 130px;
| | .cn-banner-text { |
| height: 25px;
| | font-size: .9em; |
| color: white;
| | color: black; |
| font-size: 12px; | |
| line-height: 25px; | |
| font-weight: bold; | | font-weight: bold; |
| | line-height: 1.4em; |
| text-align: center; | | text-align: center; |
| | } |
|
| |
|
| border: 1px solid #a7a7a7;
| | @media (min-width: 728px) { |
| border-top: none; | | .cn-banner-text { |
| border-radius: 0 0 5px 5px;
| | font-size: 1em; |
| -moz-border-radius: 0 0 5px 5px; | | } |
| -webkit-border-radius: 0 0 5px 5px; | | .cn-banner-text span { |
| }
| | display: block; |
| div#{{{banner}}} span#{{{banner}}}-tab.close {
| | } |
| background-position: 105px 4px;
| | } |
| }
| | @media (min-width: 737px) { |
| div#{{{banner}}} span#{{{banner}}}-close {
| | .cn-banner-text { |
| background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black;
| | font-size: 1.1em; |
| cursor: pointer; | | } |
| display: block;
| | } |
| height: 21px;
| | |
| | .cn-banner .cn-banner-content:hover { |
| | text-decoration: underline; |
| | } |
| | |
| | #cn-toggle-box { |
| position: absolute; | | position: absolute; |
| text-indent: -9999px; | | z-index: 98; |
| | top: 0; |
| right: 0; | | right: 0; |
| top: 0; | | opacity: .8; |
| width: 21px; | | } |
| }
| | body.rtl #cn-toggle-box { |
| div#{{{banner}}} div#{{{banner}}}-landing {
| | left: 0; |
| background: #133b06; | | right: auto; |
| color: #FFFFFF; | | } |
| display: none; | | |
| font-size: 11pt; | | #cn-toggle-box:hover { |
| }
| | opacity: 1; |
| div#{{{banner}}} div#{{{banner}}}-message {
| | } |
| margin: 10px 50px 20px 250px; | | |
| }
| | #cn-toggle-box img { |
| div#{{{banner}}}-message h2 {
| | padding: 6px; |
| color: #FFFFFF; | | } |
| border: none; | | |
| }
| | #cn-banner-translate-link { |
| div#{{{banner}}}-message a, div#{{{banner}}}_info a {
| | /* Change to display: none; if you don't need translations */ |
| color: #EEEEEE;
| | display: block; |
| | position: absolute; |
| | z-index: 98; |
| | bottom: 6px; |
| | right: 6px; |
| | font-size: 0.9em; |
| | white-space: nowrap; |
| | text-align: right; |
| | } |
| | #cn-banner-translate-link:hover { |
| text-decoration: underline; | | text-decoration: underline; |
| }
| | } |
| div#{{{banner}}}-message a:hover, div#{{{banner}}}_info a:hover {
| |
| color: #CCCCCC;
| |
| text-decoration: underline;
| |
| }
| |
| div#{{{banner}}} div#{{{banner}}}-landing span.landing-close {
| |
| color: #3f3f3f;
| |
| cursor: pointer;
| |
| font-size: 12px;
| |
| position: absolute;
| |
| right: 10px;
| |
| top: 10px;
| |
| }
| |
| #{{{banner}}}_info {
| |
| margin: 0;
| |
| font-size: 13px;
| |
| line-height: 16px;
| |
| position: relative;
| |
| padding: 10px;
| |
| background-color: #133B06;
| |
| color: white;
| |
| }
| |
| #{{{banner}}}_info div#binfo-sepa-info {
| |
| position: absolute;
| |
| top: 10px;
| |
| background-color: #133b06;
| |
| height: 20px;
| |
| width: 580px;
| |
| }
| |
| div#{{{banner}}}_info span {
| |
| margin-right: 10px;
| |
| }
| |
| div#{{{banner}}}_info span.binfo-ucase {
| |
| text-transform: uppercase;
| |
| }
| |
| div#{{{banner}}}_info span.binfo-bold {
| |
| font-weight: bold;
| |
| }
| |
| div#{{{banner}}}_info span.binfo-sepa-box {
| |
| font-size: 10px;
| |
| border-radius: 5px;
| |
| background-color: white;
| |
| padding: 2px 5px;
| |
| cursor: pointer;
| |
| color: #000000;
| |
| }
| |
|
| |
|
| #{{{banner}}}-photo { display: inline-block; } | | body.rtl #cn-banner-translate-link { |
| #{{{banner}}}-photo img { height: 120px; }
| | left: 6px; |
| #{{{banner}}}-msg { position: absolute; top: 0; left: 250px; color: #FFFFFF; }
| | right: auto; |
| #{{{banner}}}-msg h1 {
| | text-align: left; |
| color: #FFFFFF;
| |
| border: medium none;
| |
| font-weight: bold;
| |
| font-size: 22pt;
| |
| margin: 0px;
| |
| padding: 28px 0px 6px;
| |
| } | | } |
| #{{{banner}}}-msg h1 span { border-bottom: 1px solid #FFFFFF; }
| |
| #{{{banner}}}-msg p { font-size: 11pt; margin-right: 100px; }
| |
| #{{{banner}}}-logo { position: absolute; bottom: 25px; right: 25px; height: 60px; overflow: hidden; }
| |
| #{{{banner}}}-logo img { opacity: 0.8; }
| |
|
| |
|
| | /* Translate extension doesn't work well on mobile */ |
| | body.skin-minerva #cn-banner-translate-link { |
| | display: none; |
| | } |
| </style> | | </style> |
|
| |
|
| <div id="{{{banner}}}"> | | <div class="cn-banner" id="{{{banner}}}" style="display: none;"> |
| <div id="{{{banner}}}-outerWrapper">
| | <a class="cn-full-banner-click cn-banner-link" href="https://de.wikipedia.org/wiki/Wikipedia:WikiDACH/2017"> |
| <div id="{{{banner}}}-wrapper">
| | <div class="cn-banner-content"> |
| <div id="{{{banner}}}-photo">
| | <div class="cn-banner-logo"> |
| <img src="{{{url-photo}}}" border="0" alt="Foto von Pavel Richter" />
| | <img src="https://upload.wikimedia.org/wikipedia/commons/2/2e/BarCamp_WikiDACH_2017_Banner.png"> |
| </div>
| | </div> |
| <div id="{{{banner}}}-msg">
| |
| <h1>{{{msg-headline}}}</h1>
| |
| <p>{{{msg-body}}}</p>
| |
| </div>
| |
| <div id="{{{banner}}}-logo">
| |
| <img src="//upload.wikimedia.org/wikipedia/commons/2/2d/Wmde-logo-grayscale.png" border="0" alt="Logo von Wikimedia Deutschland e. V." />
| |
| </div>
| |
| </div>
| |
| <div id="{{{banner}}}-landing">
| |
| <div id="{{{}}}-msg-wrapper" style="border-top: 1px solid #132006; border-bottom: 1px solid #132006;">
| |
| <div id="{{{banner}}}-message">
| |
| <h2>{{{appeal-header}}}</h2>
| |
| <p>{{{appeal-p1}}}</p>
| |
| <p>{{{appeal-p2}}}</p>
| |
| <p>{{{appeal-p3}}}</p>
| |
| <p>{{{appeal-p4}}}</p>
| |
| <p>{{{appeal-p5}}}</p>
| |
| </div> | | </div> |
| </div>
| | </a> |
| <div id="{{{banner}}}_info">
| | |
| <div style="float: right;"><a href="http://meta.wikimedia.org/wiki/Wikimedia_Deutschland/2014_annual_plan/de">Jahresplan 2014</a> | <a href="http://www.wikimedia.de/">Wikimedia Deutschland e. V.</a> | <a href="http://wikimediafoundation.org/wiki/Home">Wikimedia Foundation</a></div> | | <div id="cn-toggle-box"> |
| <div id="binfo-bank-info">
| | <a href="#" title="{{int:centralnotice-close-title}}" onclick="mw.centralNotice.hideBanner(); return false;"><img src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="{{int:centralnotice-close-title}}" /></a> |
| <div style="display: inline-block">
| |
| <span class="binfo-ucase binfo-dblue">Spendenkonto</span>
| |
| <span class="binfo-bold binfo-dblue">Wikimedia Fördergesellschaft</span>
| |
| <span class="binfo-label binfo-dblue">Kto</span>
| |
| <span class="binfo-bold binfo-dblue">1194700</span>
| |
| <span class="binfo-label binfo-dblue">BLZ</span>
| |
| <span class="binfo-bold binfo-dblue">10020500</span>
| |
| </div>
| |
| <span class="binfo-sepa-box">SEPA</span>
| |
| </div>
| |
| <div id="binfo-sepa-info" style="display: none;">
| |
| <div style="display: inline-block">
| |
| <span class="binfo-ucase binfo-dblue">Spendenkonto</span>
| |
| <span class="binfo-label binfo-dblue">BIC</span>
| |
| <span class="binfo-bold binfo-dblue">BFSWDE33BER</span>
| |
| <span class="binfo-label binfo-dblue">IBAN</span>
| |
| <span class="binfo-bold binfo-dblue">DE33 1002 0500 0001 1947 00</span>
| |
| </div>
| |
| <span class="binfo-sepa-box" style="margin-left: 21px;">✖</span>
| |
| </div>
| |
| <!-- | Wikimedia Deutschland Jahresbericht 2013 | Wikimedia Deutschland e. V. | Wikimedia Foundation -->
| |
| </div>
| |
| </div> | | </div> |
| </div>
| | |
| <span id="{{{banner}}}-tab">{{{btn-text-1}}}</span>
| |
| <span id="{{{banner}}}-close">{{{btn-text-close}}}</span>
| |
| <img src="" id="wmde-expand-track" border="0" height="0" width="0" />
| |
| </div> | | </div> |
|
| |
|
| <script type="text/javascript"> | | <script> |
| $(document).ready( function () {
| | $(document).ready(function() { |
| if ( wgAction === "view" && increaseBannerImpCount() <= parseInt( '{{{banner-max-imp}}}' ) ) {
| |
| $('body').prepend($('#centralNotice'));
| |
| addBannerSpace();
| |
|
| |
|
| $('span#{{{banner}}}-close').click(function() {
| | /* Show banner */ |
| hideBanner();
| | if (!mw.centralNotice.bannerData.hideResult) { |
| removeBannerSpace();
| | $('.cn-banner').show(); |
| return false;
| |
| });
| |
| | |
| $('span.binfo-sepa-box').click( function() {
| |
| if ( $( 'div#binfo-sepa-info' ).is( ':visible' ) ) {
| |
| $( 'div#binfo-sepa-info' ).slideUp();
| |
| } else {
| |
| $( 'div#binfo-sepa-info' ).slideDown();
| |
| }
| |
| });
| |
| | |
| $('div#{{{banner}}}-wrapper, span#{{{banner}}}-tab').click(function(e) {
| |
| if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){
| |
| $('div#{{{banner}}}-landing').slideUp(150);
| |
| $('#{{{banner}}}-tab').removeClass('close').html('{{{btn-text-1}}}');
| |
| } else {
| |
| if ($("#wmde-expand-track").attr("src") == "") {
| |
| $("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1"));
| |
| }
| |
| $('div#{{{banner}}}-landing').slideDown(150);
| |
| $('#{{{banner}}}-tab').addClass('close').html('{{{btn-text-close}}}');
| |
| } | |
| });
| |
| | |
| $('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() {
| |
| $('div#{{{banner}}}-landing').slideUp(150);
| |
| return false;
| |
| });
| |
| } | | } |
| });
| |
|
| |
|
| function addBannerSpace() {
| | }); |
| var expandableBannerHeight = $( 'div#{{{banner}}}' ).height();
| |
| $('#mw-panel').css( 'top', expandableBannerHeight + 160 );
| |
| $('#mw-head').css( 'top', expandableBannerHeight );
| |
| $('#mw-page-base').css( 'paddingTop', expandableBannerHeight );
| |
| $('#{{{banner}}}').css('display', 'block');
| |
| }
| |
| | |
| function removeBannerSpace() {
| |
| $('#mw-panel').css('top', 160);
| |
| $('#mw-head').css('top', 0);
| |
| $('#mw-page-base').css('padding-top', 0);
| |
| } | |
| | |
| function increaseBannerImpCount() {
| |
| var impCount = 0;
| |
| | |
| if( $.cookie('centralnotice_single_banner_impression_count') && !window.location.search.match( /bReset=1/ ) ) {
| |
| var impCountCookie = $.cookie('centralnotice_single_banner_impression_count');
| |
| var bannerImpCount = impCountCookie.split("|");
| |
| if(bannerImpCount[0] === '{{{banner}}}') {
| |
| impCount = parseInt(bannerImpCount[1]);
| |
| }
| |
| }
| |
| $.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' });
| |
| return (impCount + 1);
| |
| }
| |
| </script> | | </script> |