MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 2: | Zeile 2: | ||
<a href="#" title="Schließen" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Schließen" /></a> | <a href="#" title="Schließen" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Schließen" /></a> | ||
<br> | <br> | ||
<br> | <br><style> | ||
<style | #{{{banner}}}-container { | ||
position: fixed; | |||
z-index: 101; | |||
width: 100%; | |||
background-color: #ffffff; | |||
text-align: center; | |||
overflow: hidden; | |||
} | height: 140px; | ||
min-width: 320px; | |||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); | |||
display: none; | |||
} | |||
.{{{banner}}}-inner { | |||
color: #69a12a; | |||
height: 100%; | |||
text-align: center; | |||
} | |||
.{{{banner}}}-title { | |||
font-size: 2.0em; | |||
display: inline-block; | |||
text-align: left; | |||
vertical-align: top; | |||
margin-top: 1em; | |||
font-weight: bold; | |||
} | |||
.{{{banner}}}-image { | |||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/b/b1/1200-WIKI-Banner-gruen-image.png" ); | |||
background-color: #ffffff; | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
vertical-align: top; | |||
width: 195px; | |||
height: 140px; | |||
margin: 0 2em; | |||
} | |||
.{{{banner}}}-button { | |||
background-color: #ffffff; | |||
padding: 2px; | |||
display: inline-block; | |||
border: 1px solid #69a12a; | |||
border-radius: 5px; | |||
vertical-align: top; | |||
margin-top: 2.4em; | |||
text-align: left; | |||
} | |||
.{{{banner}}}-button::before { | |||
content: "→"; | |||
margin-left: 0.65em; | |||
vertical-align: 100%; | |||
} | |||
.{{{banner}}}-button-inner { | |||
font-weight: bold; | |||
background-color: #ffffff; | |||
color: #69a12a; | |||
padding: 0.65em 0.65em 0.65em 0.1em; | |||
display: inline-block; | |||
} | |||
.{{{banner}}}-close { | |||
position: absolute; | |||
right: 0.5em; | |||
top: 0.5em; | |||
} | |||
#{{{banner}}}-close-tracking { | |||
display: none; | |||
} | |||
.{{{banner}}}-button-link, | |||
.{{{banner}}}-button-link:hover, | |||
.{{{banner}}}-button-link:visited { | |||
color: #ffffff; | |||
text-decoration: none; | |||
} | |||
@media (max-width: 599px) { | |||
#{{{banner}}}-container { | |||
height: 102px; | |||
} | |||
.{{{banner}}}-inner { | |||
padding-top: .3em; | |||
} | |||
.{{{banner}}}-title { | |||
font-size: 1.1em; | |||
padding-top: 0; | |||
display: block; | |||
margin: 0 0 0.1em 1em; | |||
} | |||
.{{{banner}}}-image { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/6/64/320-WIKI-Banner-gruen-image.png"); | |||
position: absolute; | |||
} | width: 98px; | ||
height: 95px; | |||
top: 7px; | |||
right: -32px; | |||
z-index: -1; | |||
} | |||
.{{{banner}}}-button { | |||
margin: 0 0 0 1.6em; | |||
float: left; | |||
font-size: .7em; | |||
} | |||
} | |||
@media (min-width: 600px) and (max-width: 699px) { | |||
#{{{banner}}}-container { | |||
height: 120px; | |||
} | |||
.{{{banner}}}-title { | |||
font-size: 1.2em; | |||
margin-top: 2.2em; | |||
} | |||
.{{{banner}}}-image { | |||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/4/4e/600-WIKI-Banner-gruen-image.png" ); | |||
width: 177px; | |||
height: 120px; | |||
margin: 0 0.1em; | |||
} | |||
.{{{banner}}}-button { | |||
font-size: 0.9em; | |||
margin-top: 2.6em; | |||
} | |||
} | |||
@media (min-width: 700px) and (max-width: 899px) { | |||
#{{{banner}}}-container { | |||
height: 120px; | |||
} | |||
.{{{banner}}}-title { | |||
font-size: 1.3em; | |||
margin-top: 1.6em; | |||
} | |||
.{{{banner}}}-image { | |||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/4/4e/600-WIKI-Banner-gruen-image.png" ); | |||
width: 177px; | |||
height: 120px; | |||
} | } | ||
.{{{banner}}}-button { | |||
margin-top: 1.8em; | |||
} | |||
} | |||
@media (max-width: 1199px) { | |||
.{{{banner}}}-inner { | |||
margin: 0 auto; | |||
width: 100%; | |||
} | } | ||
} | |||
.skin-monobook .{{{banner}}}-inner { | |||
font-size: 140%; | |||
} | |||
$( | |||
</style> | |||
<div id="{{{banner}}}-container"> | |||
<div class="{{{banner}}}-close"> | |||
<a href="#" title="Close"><div class="cn-closeButton">Close</div></a> | |||
</div> | |||
<a class="{{{banner}}}-button-link" href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/JetztMitmachen?campaign=wmde_abc2017_bt3#Belegen"> | |||
<div class="{{{banner}}}-inner"> | |||
<div class="{{{banner}}}-title">Du kannst Wikipedia<br>noch verlässlicher machen!</div> | |||
<div class="{{{banner}}}-image"></div> | |||
<div class="{{{banner}}}-button"> | |||
<div class="{{{banner}}}-button-inner"> | |||
So ergänzt du<br>Belege | |||
</div> | |||
</div> | |||
</div> | |||
</a> | |||
<img id="{{{banner}}}-close-tracking" src="" border="0" width="0" height="0" /> | |||
</div> | |||
<script> | |||
$( document ).ready( function () { | |||
if ( wgPageName !== 'Wikipedia:Wikimedia_Deutschland/JetztMitmachen' && wgPageName !== 'Wikipedia:Wikimedia_Deutschland/Mach_mit' ) { | |||
addBannerSpace(); | |||
$( 'body' ).prepend( $( '#centralNotice' ) ); | |||
$( '#{{{banner}}}-container' ).show(); | |||
} else { | |||
mw.centralNotice.setBannerLoadedButHidden(); | |||
} | |||
$( '.{{{banner}}}-close' ).click( function () { | |||
if ( Math.random() < 0.01 ) { | |||
$( '#{{{banner}}}-close-tracking' ).attr( 'src', 'https://tracking.wikimedia.de/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-closed/{{{banner}}}&rec=1' ); | |||
} | } | ||
$( '#{{{banner}}}-container' ).hide(); | |||
removeBannerSpace(); | |||
mw.centralNotice.hideBanner(); | |||
return false; | |||
} ); | |||
$( '#ca-ve-edit, .mw-editsection-visualeditor' ).click( function () { | |||
$( '#{{{banner}}}-container' ).hide(); | |||
removeBannerSpace(); | |||
} ); | |||
} ); | |||
function addBannerSpace() { | |||
var bannerHeight = $( '#{{{banner}}}-container' ).height() + 20; | |||
switch( mw.config.get( 'skin' ) ) { | |||
case 'vector': | |||
$( '#mw-panel' ).css( 'top', bannerHeight ); | |||
$( '#mw-head' ).css( 'top', bannerHeight ); | |||
$( '#mw-page-base' ).css( 'padding-top', bannerHeight ); | |||
break; | |||
case 'monobook': | |||
$( '#globalWrapper' ).css( 'position', 'relative' ); | |||
$( '#globalWrapper' ).css( 'top', bannerHeight ); | |||
$( '#{{{banner}}}' ).css( 'top', '-20px' ); | |||
$( '#{{{banner}}}' ).css( 'background', 'none' ); | |||
break; | |||
} | |||
} | |||
function removeBannerSpace() { | |||
switch ( mw.config.get( 'skin' ) ) { | |||
case 'vector': | |||
$( '#mw-panel' ).css( 'top', 0 ); | |||
$( '#mw-head' ).css( 'top', 0 ); | |||
$( '#mw-page-base' ).css( 'padding-top', 0 ); | |||
break; | |||
case 'monobook': | |||
$( '#globalWrapper' ).css( 'position', 'relative' ); | |||
$( '#globalWrapper' ).css( 'top', 0 ); | |||
break; | |||
} | |||
} | |||
</script> | </script> |