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 14: | Zeile 14: | ||
.{{{banner}}}-inner { | .{{{banner}}}-inner { | ||
color: # | color: #d60072; | ||
height: 100%; | height: 100%; | ||
text-align: center; | text-align: center; | ||
Zeile 29: | Zeile 29: | ||
.{{{banner}}}-image { | .{{{banner}}}-image { | ||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/ | background-image: url( "//upload.wikimedia.org/wikipedia/commons/0/09/1200-WIKI-Banner-pink-image.png" ); | ||
background-color: #ffffff; | background-color: #ffffff; | ||
background-position: center center; | background-position: center center; | ||
Zeile 35: | Zeile 35: | ||
display: inline-block; | display: inline-block; | ||
vertical-align: top; | vertical-align: top; | ||
width: | width: 197px; | ||
height: 140px; | height: 140px; | ||
margin: 0 2em; | margin: 0 2em; | ||
Zeile 44: | Zeile 44: | ||
padding: 2px; | padding: 2px; | ||
display: inline-block; | display: inline-block; | ||
border: 1px solid # | border: 1px solid #d60072; | ||
border-radius: 5px; | border-radius: 5px; | ||
vertical-align: top; | vertical-align: top; | ||
Zeile 60: | Zeile 60: | ||
font-weight: bold; | font-weight: bold; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
color: # | color: #d60072; | ||
padding: 0.65em 0.65em 0.65em 0.1em; | padding: 0.65em 0.65em 0.65em 0.1em; | ||
display: inline-block; | display: inline-block; | ||
Zeile 99: | Zeile 99: | ||
.{{{banner}}}-image { | .{{{banner}}}-image { | ||
background: url("//upload.wikimedia.org/wikipedia/commons/ | background: url("//upload.wikimedia.org/wikipedia/commons/3/3f/320-WIKI-Banner-pink-image.png"); | ||
position: absolute; | position: absolute; | ||
width: | width: 114px; | ||
height: | height: 102px; | ||
top: 5px; | top: 5px; | ||
right: -32px; | right: -32px; | ||
Zeile 126: | Zeile 126: | ||
.{{{banner}}}-image { | .{{{banner}}}-image { | ||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/ | background-image: url( "//upload.wikimedia.org/wikipedia/commons/8/8f/600-WIKI-Banner-pink-image.png" ); | ||
width: | width: 178px; | ||
height: 120px; | height: 120px; | ||
margin: 0 0.1em; | margin: 0 0.1em; | ||
Zeile 150: | Zeile 150: | ||
.{{{banner}}}-image { | .{{{banner}}}-image { | ||
background-image: url( "//upload.wikimedia.org/wikipedia/commons/ | background-image: url( "//upload.wikimedia.org/wikipedia/commons/8/8f/600-WIKI-Banner-pink-image.png" ); | ||
width: | width: 178px; | ||
height: 120px; | height: 120px; | ||
} | } | ||
Zeile 178: | Zeile 178: | ||
</div> | </div> | ||
<a class="{{{banner}}}-button-link" href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/JetztMitmachen?campaign= | <a class="{{{banner}}}-button-link" href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/JetztMitmachen?campaign=wmde_abc2017_bt2#Aktualisieren"> | ||
<div class="{{{banner}}}-inner"> | <div class="{{{banner}}}-inner"> | ||
<div class="{{{banner}}}-title">Du kannst Wikipedia<br> | <div class="{{{banner}}}-title">Du kannst Wikipedia<br>genauer machen!</div> | ||
<div class="{{{banner}}}-image"></div> | <div class="{{{banner}}}-image"></div> | ||
<div class="{{{banner}}}-button"> | <div class="{{{banner}}}-button"> | ||
<div class="{{{banner}}}-button-inner"> | <div class="{{{banner}}}-button-inner"> | ||
So | So überarbeitest<br>du Artikel | ||
</div> | </div> | ||
</div> | </div> |
Version vom 10. September 2018, 16:16 Uhr
<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: #d60072; 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/0/09/1200-WIKI-Banner-pink-image.png" ); background-color: #ffffff; background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: top; width: 197px; height: 140px; margin: 0 2em;
}
.{{{banner}}}-button {
background-color: #ffffff; padding: 2px; display: inline-block; border: 1px solid #d60072; 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: #d60072; 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/3/3f/320-WIKI-Banner-pink-image.png"); position: absolute; width: 114px; height: 102px; top: 5px; 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/8/8f/600-WIKI-Banner-pink-image.png" ); width: 178px; 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/8/8f/600-WIKI-Banner-pink-image.png" ); width: 178px; 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>
<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>