MediaWiki:Centralnotice-template-App 2019 1019 enUS android 1A

From Meta, a Wikimedia project coordination wiki

<style> .skin-monobook #siteNotice p {

  padding-left: 90px !important;
  padding-right: 64px !important;
  padding-top: 4px !important;

}

.header{

   border:none !important;

}

  1. mw-mf-page-center {
   background-color: #fff;

}

/* Resets */ .cbnnr * {

   margin: 0;
   padding: 0;

} .skin-vector .cbnnr{

   display:none;

}

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

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

}

/* Font sizes and line heights */

.cbnnr-message {

   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif;
   font-weight: medium;
   font-size: 12px;
   line-height: 1.4;
   color: #222222 !important;
   text-align: left;
   max-width: 993.3px;
   display: block;
   margin: auto;

}

.cbnnr-special .cbnnr-message {

   color: #d9e0f5 !important;

}

.cbnnr-cta {

   font-size: 12px;
   color: #54595d;

}

.cbnnr-special .cbnnr-cta {

   color: white;

}


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

   .cbnnr-message { 
       font-size: 12px; 
       line-height: 1.5;
    }
   .cbnnr-cta { font-size: 12px; }

}

/* Styles */


.cbnnr {

   background-color: #fff;
   position: relative;
   display: none;

}

/* Hide banner when Wikipedia site search is enabled */ .overlay-enabled .cbnnr {

   display: none !important;

}


.cbnnr-main {

   position: relative;
   clear: both;
   padding: 12px;
   background-color: #f8f9fa;
   border: 1px solid #c8ccd1;
   min-height: 88px;

}

.cbnnr-special .cbnnr-main {

   background-color: #c8ccd1;
   border: none;

}

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

   .cbnnr-main {
       padding: 12px;
       min-height: 92px;
   }

}

.skin-minerva .cbnnr-main {

       border: none;
       border-bottom: 1px solid #c8ccd1;
   }

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

   .skin-minerva .cbnnr-main {
       border: 1px solid #c8ccd1;
   }

}

.cbnnr-icon {

   width: 60px;
   height: 60px;
   border-radius: 30px;
   border: 1px solid #eaecf0;
   overflow: hidden;
   position: absolute;
   float: left;
   transform: translateY(20%);
   padding-left: 25px;
   overflow: hidden;
   background: #fff;

}

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

   .cbnnr-icon {
      padding-left: 40px;
   }

}

.cbnnr-icon-border {

   border: 1px solid #c8ccd1;

}

.cbnnr-icon img {

   max-width: 100%;
   max-height: 100%;
   position: absolute;
   top: 11px;
   left: 10px;

}

.cbnnr-icon-border img {

   max-width: 80%;
   max-height: 80%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);

}

.cbnnr-appeal-container {

   font-size: 16px;
   line-height: 24px;
   color: #222;
   border-bottom: 1px solid #ebedf0;
   padding-left: 6px;
   padding-bottom: 11px;
   margin-bottom: 13px;
   padding-right: 6px;

}

.cbnnr-message p {

   padding-left: 83px;
   padding-right: 54px;
   margin: auto;

}


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

   .cbnnr-message p  {
      padding-left: 112px;
   }

}

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

   .skin-minerva .cbnnr-message p  {
      padding-left: 112px;
   }
   .skin-minerva .cbnnr-icon {
      display:block;
   }

}

.cbnnr-headline{

  font-size:16px;

}

.cbnnr-headline, .cbnnr-text {

   display: block;

}

.cbnnr-text {

   color: #54595d;

}

.cbnnr-cta {

   display: block;
   margin-top: 4px;

}

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

   .cbnnr-cta {
       margin-top: 2px;
   }

}

.cbnnr-cta:hover {

   text-decoration: underline;

}


/* --- Close Options --- */

.cbnnr-close {

   cursor: pointer;
   float: right;
   position: relative;
   display: inline-block;
   top: 50%;
   transform: translateY(-150%);
   z-index: 1;
   background: #01875f;
   border-radius: 5px;
   padding: 9px 16px;
   height: 36px;
   font-weight: bold;
   font-size: 12px;
   transition: all .3s ease-in-out;  

}

.cbnnr-special .cbnnr-close {

   background: rgba(255,255,255,.5);
   opacity: 1;

}


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

   .cbnnr-close   {
      right: 16px;
   }

}

.cbnnr-close:hover { }

.cbnnr-special .cbnnr-close:hover {

   background: rgba(255,255,255,.7);

}

.cbnnr-close-icon {

   color: #fff;
   height: 100%;
   min-width: 20px;
   min-height: 20px;
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;

}


.cbnnr-special .cbnnr-close-icon {

   opacity: 1;

}


.cbnnr-special .cbnnr-close-icon {

   /* need new svg */

}

.cbnnr-close-icon:hover {

   opacity: 1;

}

.cn-click{

   position:absolute;

}

.stars-container {

 color: #01875f;
 font-size: 15px;
 padding-left: 83px;

}

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

   .stars-container {
      padding-left: 112px;
   }

}

.half-star {

 display: inline-flex;

}

.half-star > div:first-child {

 overflow: hidden;
 width: 6px;
 z-index: 1;
 color: #01875f;

} .half-star > div:last-child {

 position: relative;
 margin-left:-6px;

}


</style>

       <a href="#" class="cbnnr-message fade" id="banner1">
           <figure class="cbnnr-icon ">
               <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Wikipedia%27s_W.svg/40px-Wikipedia%27s_W.svg.png" alt=""/>
           </figure>

Wikipedia Wikimedia Foundation

★★★★

Available on the Play store

Install
       </a>

<script> var cbnnr = cbnnr || {}; var pixelclickcount = 0;

cbnnr.show = function() {

   $('body').prepend($('#centralNotice'));
   $('.cbnnr').css('display', 'block');

};

$(function() {

   $( ".cbnnr-message" ).click(function() {
       if(pixelclickcount<1) {
           $(".cbnnr-main").prepend("<img class='cn-click' src='https://upload.wikimedia.org/wikipedia/donate/1/17/F8F9FA-0-Pixel.png?wprov={{{banner}}}'></img>");
           pixelclickcount++;
       }
       $(location).attr("href","https://play.google.com/store/apps/details?id=org.wikipedia&referrer=utm_source%3Dwmf%26utm_medium%3Dcentralnotice%26utm_campaign%3D{{{banner}}}");
   });
   if ( !mw.centralNotice.bannerData.hideResult ) {
       cbnnr.show();
   }

}); </script>