MediaWiki:Centralnotice-template-Tablet redirect notice

From Meta, a Wikimedia project coordination wiki

<style>

  1. {{{banner}}} {
 position: relative;
 overflow: hidden;
 background-color: #FCFCFC;
 border-bottom: solid 1px #aaaaaa; 
 height:60px;
 display: none;

}

  1. {{{banner}}} a.cn-full-banner-click {
 display:block;
 height:100%;
 width:100%;
 cursor: pointer;

}

  1. {{{banner}}}-logo {
 position: absolute;
 top: 0;
 left: 15px;
 background-image: url(//upload.wikimedia.org/wikipedia/commons/9/97/New_Ribbon.svg);
 background-size: 80px 47px;
 height: 47px;
 width: 80px;
 background-repeat: no-repeat;

}

  1. {{{banner}}} #main-text {
 font-size: 1.1em;
 padding: 0 30px 0 80px;
 line-height: 60px;
 text-align: center;
 font-weight: bold;

}

  1. {{{banner}}} div#cn-toggle-box {
 position: absolute;
 z-index: 98;
 top: 4px;
 right: 5px;

} </style>

 <a class="cn-full-banner-click" href="//blog.wikimedia.org/2014/06/17/wikimedia-sites-get-a-new-look-on-tablets/" title="Wikimedia sites get a new look on tablets">
{{{text}}}
 </a>
   <a href="#" style="display:inline-block; padding:3px; line-height:1;" title="Close" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/commons/4/4c/Grey_close_x.svg" width="14" height="14" alt="{{{close}}}"></a>  

<script> var isTablet = true; // Filter out Android phones if ( navigator.userAgent.match(/Android/i) && navigator.userAgent.match(/mobi/i) ) { isTablet = false; } if ( !location.hostname.match( /\bm\./i ) ) { isTablet = false; } if ( isTablet ) { $( '#{{{banner}}}' ).show(); } </script>