MediaWiki:Centralnotice-template-EU Full Blackout

From Meta, a Wikimedia project coordination wiki

<style> /* Hide when editing */ .action-edit .ceb, .ve-activated .ceb { 

   display: none !important;

} .heading-holder { 

   overflow: visible;

}

.noscroll { 

 position: fixed;
 overflow: scroll;
 -webkit-overflow-scrolling: touch;
 width: 100%;
 height: 100%;

}

  1. centralNotice.collapsed .ceb {
   display: none;

}

/* z-index override for #siteNotice now having .mw-body-content class [1] */

  1. siteNotice {
   z-index: auto;

}

/* z-index override for German Wikipedia */ .mw-body { 

   z-index: auto;

}

/* Box-sizing */ .ceb, .ceb *, .ceb *:before, .ceb *:after { 

   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

}

/* Inline banner styles

*/

/*Reset focus outlines*/ .ceb-inline-main:focus, .ceb-inline-close:focus, .ceb-rml-email:focus, .ceb-btn-submit:focus { 

   outline: 0;

}

.ceb { 

   position: fixed;
   margin-bottom: 24px;
   background: rgba(0,0,0,0.8);
   z-index: 9999;
   /* height: 100%; */
   top: 0;
   left: 0;
   right: 0;
   height: 100vh;
   margin: auto;
   padding: 100px 20px;
   overflow: scroll;

}

/*Default style is grey*/ .ceb-inline-main, .ceb-inline-main:visited { 

   color: #222;

}

.ceb-inline-main { 

   text-align: center;
   margin: 0px auto;
   width: 100%;
   font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Oxygen-Sans",Ubuntu,Cantarell,Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
   max-width: 900px;
   padding: 15px 10px;
   border: 3px solid #d33;
   position: relative;
   background:#fff;

}

.ceb-inline-table { 

   display: block;

}

@media all and (min-width: 640px) { 

   .ceb-inline-table {
       display: table;
   }

}

.ceb-inline-main:hover { 

   text-decoration: none;

}

.ceb-btn-submit:hover, .ceb-btn-submit:focus { 

   background-color: #B8211F;
   border: 1px solid #B8211F;

}

.ceb-btn-submit:active { 

   background-color: #951B19;
   border: 1px solid #951B19;

}

.ceb-inline-main:focus .ceb-btn-submit { 

   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #FFFFFF;

}


.ceb-inline-main, .ceb-inline-message, .ceb-inline-title, .ceb-btn-submit { 

   display: inherit;
   margin: 0px auto;

}

.ceb-inline-main, .ceb-inline-message, .ceb-inline-title { 

   width: 100%;

}

.ceb-inline-title { 

   margin-bottom: 5px;
   font-size: 18px;
   line-height: 1.125; /*27px @24px*/
   font-weight: bold;

}

@media all and (min-width: 960px) { 

   .ceb-inline-title {
       font-size: 22px;
       line-height: 1.2; /*30px @25px*/
   }

}

.ceb-inline-message { 

   margin-bottom: 10px;
   font-size: 15px;
   line-height: 1.4; /*20px @15px*/
   font-family: Georgia, Times, serif;
   text-align: left;

}

@media all and (min-width: 960px) { 

   .ceb-inline-message {
       margin-bottom: 10px;
       font-size: 17px;
       width: 80%;
       line-height: 1.5; /*25px @19px*/
   }

}

.ceb-inline-title-icon { 

   width: 1em;
   height: 1em;
   margin-bottom: -0.12em;
   margin-right: 0.08em;

}

.ceb-inline-link:hover { 

   text-decoration: none;

}

/* --- Close button --- */

.ceb-inline-close { 

   position: absolute;
   top: -20px;
   right: -20px;
   padding: 8px;
   cursor: pointer;

}

.ceb-inline-close .ceb-icon-close path { 

   stroke: #222;

}

.ceb-inline-close .ceb-icon-close circle { 

   fill: #fff;

}

.ceb-inline-close:hover .ceb-icon-close circle, .ceb-inline-close:focus .ceb-icon-close circle { 

   stroke: #d33;

}

.ceb-inline-close:hover .ceb-icon-close path, .ceb-inline-close:focus .ceb-icon-close path { 

   stroke: #d33;

}

.ceb-icon-close { 

   width: 28px;
   height: 28px;

}

.ceb-btn-submit { 

   margin: 0 auto;
   min-height: 30px;
   padding: 5px 15px 5px;
   background-color: #d33;
   border: 1px solid #d33;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   line-height: 1; /*17px @17px*/
   border-radius: 2px;
   cursor: pointer;
   color: #fff;

}

.ceb-btn-table { 

   display: table;

}

.ceb-btn-cell { 

   display: table-cell;
   vertical-align: middle;

}

.ceb-btn-icon { 

   margin-right: 8px;

}

@keyframes highlight-grow{ 

   from {background-position: 0%;}
   to {background-position: -99.99%; }

}

.ceb-inline-title .highlight { 

 background-image: linear-gradient(to right, transparent 50%, #ffff00 50%);
 background-position: 0% 0;
 background-size: 200% auto;
 text-decoration: none;
 transition: background-position 0.5s ease-out;
 animation-name: highlight-grow;
 animation-duration: 1s;
 animation-timing-function: ease-out;
 animation-delay: 2s;
 animation-fill-mode: forwards;

}

.redtitle { 

 color: #d33;

} </style> 

   <img style="filter:invert(100%);" src="https://upload.wikimedia.org/wikipedia/commons/b/bb/Wikipedia_wordmark.svg" alt="Wikipedia Logo" width="150px">
       <svg class="ceb-icon ceb-icon-close" role="img" aria-labelledby="ceb-icon-close-title" width="34" height="34" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title id="ceb-icon-close-title">Close</title><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#A2A9B1" fill="#F8F9FA" cx="16" cy="16" r="16"></circle><path d="M10 10l12 12m0-12L10 22" stroke="#d33" stroke-width="3" stroke-linecap="round"></path></g></svg>
   

       
           <svg class="ceb-inline-title-icon" role="img" aria-labelledby="ceb-inline-title-icon-title" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title id="ceb-inline-message-title-icon">Info icon</title><g fill="none" fill-rule="evenodd"><circle class="ceb-inline-message-title-icon-circle" fill="#d33" cx="16" cy="16" r="16"/><path d="M16.748 10.159c-1.494 0-2.042-.648-2.042-1.52 0-.174.025-.398.125-.995C15.005 6.598 15.678 6 17.17 6c1.495 0 2.043.647 2.043 1.519 0 .174-.025.398-.125.996-.174 1.046-.847 1.644-2.34 1.644zM15.728 25c-2.043 0-3.088-1.17-3.088-2.988 0-.548.05-.971.249-1.992l.996-5.33H10l.473-2.838h7.57l-1.917 10.21.423.124 3.486-3.56 1.993 1.767-1.52 1.743C18.84 24.03 17.447 25 15.729 25z" fill="#FFF"/></g></svg>
           An all unsere Lesenden in der Europäischen Union.  
Es braucht jetzt ein zeitgemäßes Urheberrecht.

Diese Woche brauchen wir Ihre Hilfe. Die Wikipedia wird erst durch Menschen wie Sie möglich gemacht: Indem Sie Wikipedia lesen, Artikel schreiben und verbessern, Fotos auf Wikimedia Commons hochladen und mehr.

Am 12. September stimmt das Europäische Parlament über Änderungen im EU-Urheberrecht ab. Es wird festlegen, wie wir im Digitalen Zeitalter online kommunizieren und Wissen teilen werden, ob sämtliche hochgeladenen Inhalte zuerst gefiltert werden oder wir uns weiterhin in Echtzeit verständigen können. Darum protestieren wir Autorinnen und Autoren der Wikipedia insbesondere gegen sogenannte <a href="https://de.wikipedia.org/wiki/Upload-Filter">Upload-Filter</a> und ein europaweites <a href="https://de.wikipedia.org/wiki/Leistungsschutzrecht_f%C3%BCr_Presseverleger">Leistungsschutzrecht für Presseverleger</a>. Beide könnten diese Woche verabschiedet werden und bergen Risiken für freies Wissen und Austausch im Netz.

Die Abgeordneten des Europäischen Parlaments haben die Wichtigkeit dieses Augenblicks erkannt. Wir rufen Sie als Lesende dazu auf, Ihre Abgeordneten im Europäischen Parlament zu kontaktieren, damit die Wikipedia und das Internet Orte bleiben, wo frei Information ausgetauscht und konsumiert werden kann, in der Europäischen Union genauso wie anderswo auf der Welt. Danke.

       
       <a class="ceb-inline-link" href="https://fixcopyright.wikimedia.org/?title=Fix_copyright&uselang=de" title="EU Copyright Reform" target="_blank">
       
           
               <svg class="ceb-btn-icon" role="img" aria-labelledby="ceb-btn-icon-title" width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title id="ceb-btn-icon-title">Edit Icon</title><path d="M17.521 7.83l2.156-2.222c.43-.433.43-1.133 0-1.567L15.966.375a1.111 1.111 0 0 0-1.567 0L12.222 2.53l5.3 5.3zm-6.455-4.122L0 14.774v5.278h5.278L16.344 8.986l-5.278-5.278z" fill="#FFF" fill-rule="nonzero"/></svg>
           
           
               Kontaktieren Sie Ihre Europa-Abgeordneten
           
       
   </a>

<script> var ceb = ceb || {};

// Check in user language first, then fall back to English ceb.countryNames = { 

   'en' : {
       'US' : 'the U.S.',
       'GB' : 'the UK',
       'DE' : 'Germany',
   },
   'de' : {
       'US' : 'den Vereinigten Staaten von Amerika',
       'GB' : 'Großbritannien',
       'DE' : 'Deutschland',
       'AT' : 'Österreich',
   }

};

ceb.dayNames = { 

   'en' : [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ],

};

ceb.iPadTranslations = { 

   'en' : 'iPad'

};

ceb.getCurrentDate = function() { 

   var today = new Date();
   var dd = today.getDate();
   var mm = today.getMonth()+1; //January is 0!
   var yyyy = today.getFullYear();

   if(dd<10) {
       dd='0'+dd;
   }
   if(mm<10) {
       mm='0'+mm;
   }

   today = mm+'/'+dd+'/'+yyyy;
   return today;

};

ceb.insertInlineBanner = function() { 

   var $inlineBanner = $('#ceb-inline');
   if ( window.location.href.indexOf('m.wikipedia') > -1 ) {
       $('.pre-content').prepend( $inlineBanner );
   } else {
       $('body').prepend($('#centralNotice'));
   }
   $inlineBanner.css('display', 'block');

};

$(function() { 

   var language = mw.centralNotice.data.uselang;
   var country  = mw.centralNotice.data.country;

   // Country name
   var countryName;
   if ( ceb.countryNames[language] ) {
       countryName = ceb.countryNames[language][country] || ceb.countryNames.en[country];
   } else {
       countryName = ceb.countryNames.en[country];
   }
   $('.ceb-replace-countryname').html( countryName );

   // Day of week
   var now = new Date();
   var dayNumber = now.getDay();

   if ( $('.ceb-replace-dayofweek').length > 0 ) {
       if ( ceb.dayNames[language] ) {
           $('.ceb-replace-dayofweek').html( ceb.dayNames[language][dayNumber] );
       } else {
           console.log('Warning: banner should contain a day of the week, but no translations found.');
       }
   }

   // Replace device with iPad if needed
   var ua = navigator.userAgent;
   if ( ua.match( /ipad/i ) ) {
       $('.ceb-replace-device').html( ceb.iPadTranslations[language] || ceb.iPadTranslations.en );
   }

   // Close top banner on click or return
   $('.ceb-inline-close').on('click keypress', function(e) {
       if (e.which === 13 || e.type === 'click') {
           $('#ceb-inline').hide();
           mw.centralNotice.hideBanner();
           $('body').removeClass('noscroll');
           e.stopPropagation();
       }
   });

   $('.ceb-inline-link').on('click keypress', function(e) {
       if (e.which === 13 || e.type === 'click') {
           $('#ceb-inline').hide();
           $('body').removeClass('noscroll');
           mw.centralNotice.hideBanner();
           e.stopPropagation();
       }
   });

   if (!mw.centralNotice.bannerData.hideResult) {
      $('body').addClass('noscroll');
      ceb.insertInlineBanner();
       
   }

   // Adjustments for mobile
   if ( window.location.href.indexOf('m.wikipedia') > -1 ) {
       $('.ceb').addClass('ceb--is-mobile');
   }

}); </script>

Retrieved from "https://meta.wikimedia.org/w/index.php?title=MediaWiki:Centralnotice-template-EU_Full_Blackout&oldid=18373422"