MediaWiki:Centralnotice-template-WP20NL

From Meta, a Wikimedia project coordination wiki

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

   display: none !important;

}

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

}

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

  1. siteNotice {
   z-index: auto;

}

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

   z-index: auto;

}

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

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

}

/* Inline banner styles


*/

/*Reset outlines*/ a.frb-inline-main:focus, .frb-inline-close:focus {

   outline: 0;

}

.frb {

   position: relative;
   text-align: left;
   margin-bottom: 44px;
   overflow: hidden;

}

body.rtl .frb {

   text-align:right;

}

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

   .frb {
       margin-bottom: 36px;
   }

}

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

   color: #222;

}

.frb-inline-main {

   display: table;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif;
   width: 100%;
   padding: 25px 16px 25px 25px;
   border: 1px solid #c8ccd1;
   border-radius: 2px;
   background: none;

}

  1. frb-bg-top {
   background: url(https://upload.wikimedia.org/wikipedia/donate/0/08/Wikipedia20_banner_backgroundtop2.svg);
   background-size: auto 36px;
   background-repeat: repeat-x;
   position: absolute;
   width: 100%;
   height: 36px;
   overflow: hidden;
   margin-left: 149px;
   z-index: 0;

}

.rtl .frb-inline-main {

       padding: 25px 25px 25px 16px;
   }

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

   .frb-inline-main {
       padding: 25px 20px 25px 0;
   }
   .rtl .frb-inline-main {
       padding: 25px 0 25px 20px;
   }

}

body.rtl #frb-bg-top {

   margin-right: 149px;
   margin-left: unset;

}

  1. frb-bg-bottom {
   background: url(https://upload.wikimedia.org/wikipedia/donate/c/c9/Wikipedia20_banner_backgroundbottom2.svg);
   background-size: auto 36px;
   background-repeat: repeat-x;
   position: absolute;
   width: 100%;
   height: 36px;
   overflow: hidden;
   margin-left: 149px;
   transform: translateY(-36px);

}

body.rtl #frb-bg-bottom {

   margin-right: 149px;
   margin-left: unset;

}


@media all and (max-width: 500px) {

   #frb-bg-bottom,
   body.rtl #frb-bg-bottom,
   #frb-bg-top,
   body.rtl #frb-bg-top {
       margin-right: unset;
       margin-left: unset;
   }

}

a.frb-inline-main:hover, a.frb-inline-main:focus {

   color: #222;
   border-color: #36c;
   box-shadow: inset 0 0 0 1px #36c;
   text-decoration: none;

}

.frb-inline-main--yellow {

   background-color: #fEf6e7;
   border-color: #ac6600;

}

.frb-inline-main--blue {

   background-color: #eaf3ff;
   border-color: #2a4b8d;

}

.frb-inline-main--green {

   background-color: #d5fdf4;
   border-color: #14866d;

}

.frb-inline-main--red {

   background-color: #fee7e6;
   border-color: #b32424;

}

.frb-inline-main--violet {

   background-color: #ece9f1;
   border-color: #604c8d;

}

.frb-inline-message {

   display: table-cell;
   background: #fff;
   z-index: 1;

}

.frb-inline-row{

   display: table-row;
   height:100%;

}

.frb-inline-visual {

   display: none;
   vertical-align: middle;
   text-align: center;
   height: 80px;
   width: 140px;

}

.frb-inline-visual img{

   height: 100%;

}

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

   .frb-inline-visual {
       display: table-cell;
       width: 150px;
       height: 90px;
   }

}

.skin-minerva .frb-inline-visual {

   height: 80px;

}

/*Responsive SVG’s*/ .frb-inline-visual svg {

   margin: 5px 10px 0 0;

}

.frb-inline-message {

   vertical-align: middle;
   font-size: 16px;
   line-height: 1.375; /*22px @16px*/
   z-index: 1;

}

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

   .frb-inline-message {
       font-size: 16px;
       line-height: 1.3125; /*21px @16px*/
   }

}

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

   .frb-inline-message {
       font-size: 20px;
       line-height: 1.3; /*26px @21px*/
   }

}

.frb-inline-main .frb-headline {

   font-weight: bold;
   font-size: 110%;

}

.frb-inline-main .cta {

   color: #222;
   font-weight: 600;
   text-decoration: underline;

}

.frb-inline-main img {

   color: #222;

}

.frb-inline-main .cta:focus, .frb-inline-main .cta:hover {

   color: #36c;

}

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

.frb-inline-close {

   position: absolute;
   top: 0;
   right: 0;
   padding: 8px;
   cursor: pointer;

}

body.rtl .frb-inline-close {

       left: 0;
       right: unset;

}

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

   .frb-inline-close {
       padding: 12px;
   }

}

.frb-inline-close .frb-icon-close path {

   stroke: #222;

}

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

   stroke: #36c;

}

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

   stroke: #36c;

}

.frb-icon-close {

   width: 28px;
   height: 28px;

}

.frb-inline-disclaimer {

   position: absolute;
   left: 0;
   right: 0;
   padding: 4px;
   text-align: center;
   font-size: 12px;

}

.cn-click{

   position:absolute;

}


</style>

<a href="https://www.youtube.com/watch?v=OZmGbES9aNM" class="frb-inline-container" title="Youtube: Wikipedia, een beginnetje aanvullen">
   </a>
   
       <svg class="frb-icon frb-icon-close" role="img" aria-labelledby="frb-icon-close-title" width="34" height="34" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title id="frb-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="#36C" stroke-width="3" stroke-linecap="round"></path></g></svg>
   

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


frb.insertInlineBanner = function() {

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

};

$(function() {

   var language = mw.centralNotice.data.uselang;
   var country  = mw.centralNotice.data.country;
   // Close top banner on click or return
   $('.frb-inline-close').on('click keypress', function(e) {
       if (e.which === 13 || e.type === 'click') {
           $('#frb-inline').hide();
           mw.centralNotice.hideBanner();
           e.stopPropagation();
       }
   });
   if (!mw.centralNotice.bannerData.hideResult) {
       frb.insertInlineBanner();
   }
   // Adjustments for mobile
   if ( window.location.href.indexOf('m.wikipedia') > -1 ) {
       $('.frb').addClass('frb--is-mobile');
   }

}); </script>