MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<style> | <style type="text/css"> | ||
#centralNotice.collapsed #{{{banner}}}{ | #centralNotice.collapsed #{{{banner}}} { | ||
display: none; | display: none; | ||
} | } | ||
Zeile 7: | Zeile 7: | ||
display: none; | display: none; | ||
font-family: Arial, Helvetica, Verdana, sans-serif; | font-family: Arial, Helvetica, Verdana, sans-serif; | ||
overflow: hidden; | |||
position: absolute; | |||
left: 0; | left: 0; | ||
top: 0; | top: 0; | ||
width: 100%; | width: 100%; | ||
z-index: 9999; | z-index: 9999; | ||
} | } | ||
#{{{banner}}}- | div#{{{banner}}}-outerWrapper { | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); | |||
box-shadow: | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-wrapper { | ||
background: #133B06; | |||
cursor: pointer; | |||
position: relative; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} span#{{{banner}}}-tab { | ||
display: block; | |||
z-index: 100; | |||
position: relative; | |||
margin: 0 auto; | |||
cursor: pointer; | |||
background: #133b06 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; | |||
background-position: 105px -31px; | |||
width: 130px; | |||
height: 25px; | |||
color: white; | |||
font-size: 12px; | font-size: 12px; | ||
line-height: 25px; | |||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
border: 1px solid #a7a7a7; | |||
border-top: none; | |||
border-radius: 0 0 5px 5px; | |||
-moz-border-radius: 0 0 5px 5px; | |||
-webkit-border-radius: 0 0 5px 5px; | |||
} | } | ||
div#{{{banner}}} span#{{{banner}}}-tab.close { | |||
#{{{banner}}}-close | background-position: 105px 4px; | ||
} | } | ||
div#{{{banner}}} span#{{{banner}}}-close { | div#{{{banner}}} span#{{{banner}}}-close { | ||
background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center | background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black; | ||
cursor: pointer; | cursor: pointer; | ||
display: block; | display: block; | ||
height: 21px; | height: 21px; | ||
position: absolute; | position: absolute; | ||
right: | text-indent: -9999px; | ||
top: | right: 0; | ||
top: 0; | |||
width: 21px; | width: 21px; | ||
} | } | ||
div#{{{banner}}} #{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing { | ||
background: | background: #133b06; | ||
color: | color: #FFFFFF; | ||
display: none; | |||
font-size: 11pt; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-message { | |||
margin: 10px 50px 20px 250px; | |||
} | |||
div#{{{banner}}}-message h2 { | |||
color: #FFFFFF; | |||
border: none; | |||
} | |||
div#{{{banner}}}-message a, div#{{{banner}}}_info a { | |||
color: #EEEEEE; | |||
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 { | #{{{banner}}}_info { | ||
margin: 0 | margin: 0; | ||
font-size: 13px; | font-size: 13px; | ||
line-height: 16px; | line-height: 16px; | ||
position: relative; | position: relative; | ||
padding: 10px; | |||
background-color: #133B06; | |||
color: white; | |||
} | } | ||
#{{{banner}}}_info div#binfo-sepa-info { | #{{{banner}}}_info div#binfo-sepa-info { | ||
position: absolute; | position: absolute; | ||
top: | top: 10px; | ||
background-color: # | background-color: #133b06; | ||
height: 20px; | height: 20px; | ||
width: | width: 580px; | ||
} | } | ||
div#{{{banner}}}_info span { | div#{{{banner}}}_info span { | ||
Zeile 143: | Zeile 110: | ||
div#{{{banner}}}_info span.binfo-ucase { | div#{{{banner}}}_info span.binfo-ucase { | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
div#{{{banner}}}_info span.binfo-bold { | div#{{{banner}}}_info span.binfo-bold { | ||
Zeile 161: | Zeile 122: | ||
color: #000000; | color: #000000; | ||
} | } | ||
#{{{banner}}}-photo { display: inline-block; } | |||
#{{{banner}}}-photo img { height: 120px; } | |||
#{{{banner}}}-msg { position: absolute; top: 0; left: 250px; color: #FFFFFF; } | |||
#{{{banner}}}-msg h1 { | |||
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; } | |||
</style> | </style> | ||
<div id="{{{banner}}}"><div | <div id="{{{banner}}}"> | ||
<div id="{{{banner}}}-outerWrapper"> | |||
<div id="{{{banner}}}-wrapper"> | |||
< | <div id="{{{banner}}}-photo"> | ||
<p>{{{ | <img src="{{{url-photo}}}" border="0" alt="Foto von Pavel Richter" /> | ||
</ | </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 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="binfo-bank-info"> | |||
<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> | </div> | ||
<span class="binfo-sepa-box">SEPA</span> | |||
</div> | </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> | </div> | ||
<span class="binfo-sepa-box" style="margin-left: 21px;">✖</span> | |||
</div> | </div> | ||
<!-- | Wikimedia Deutschland Jahresbericht 2013 | Wikimedia Deutschland e. V. | Wikimedia Foundation --> | |||
</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 type="text/javascript"> | ||
$( document ).ready( function() { | $(document).ready( function () { | ||
if ( wgAction === "view" && increaseBannerImpCount() <= parseInt( '{{{banner-max-imp}}}' ) ) { | |||
$('body').prepend($('#centralNotice')); | |||
addBannerSpace(); | |||
$('span#{{{banner}}}-close').click(function() { | |||
hideBanner(); | |||
removeBannerSpace(); | |||
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() { | function addBannerSpace() { | ||
var expandableBannerHeight = $('div#{{{banner}}}').height() | 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'); | $('#{{{banner}}}').css('display', 'block'); | ||
} | } | ||
function removeBannerSpace() { | function removeBannerSpace() { | ||
$('#mw-panel').css('top', 160); | |||
$('#mw-head').css('top', 0); | |||
$('#mw-page-base').css('padding-top', 0); | |||
} | } | ||
Zeile 501: | Zeile 255: | ||
var impCount = 0; | var impCount = 0; | ||
if($.cookie('centralnotice_single_banner_impression_count')) { | if( $.cookie('centralnotice_single_banner_impression_count') && !window.location.search.match( /bReset=1/ ) ) { | ||
var impCountCookie = $.cookie('centralnotice_single_banner_impression_count'); | var impCountCookie = $.cookie('centralnotice_single_banner_impression_count'); | ||
var bannerImpCount = impCountCookie.split("|"); | var bannerImpCount = impCountCookie.split("|"); | ||
Zeile 510: | Zeile 264: | ||
$.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' }); | $.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' }); | ||
return (impCount + 1); | return (impCount + 1); | ||
} | } | ||
</script> | </script> |