MediaWiki:Centralnotice-template-App 2019 1019 enUS ios 1B
<style> .skin-monobook #siteNotice p {
padding-left: 90px !important; padding-right: 64px !important; padding-top: 4px !important;
}
.header{
border:none !important;
}
- mw-mf-page-center {
background-color: #fff;
}
/* Resets */ .cbnnr * {
margin: 0; padding: 0;
}
/* Box-sizing */ .cbnnr, .cbnnr *, .cbnnr *:before, .cbnnr *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.skin-vector .cbnnr{
display:none;
}
/* 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: 57px; height: 57px; border-radius: 10px; 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: 10px; left: 8px;
}
.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: #007aff; border-radius: 10px; 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: #fe9500; 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: #f97d00;
} .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 app store
</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=App_2019_1019_enUS_ios_1B'></img>"); pixelclickcount++; } $(location).attr("href","https://apps.apple.com/app/apple-store/id324715238?pt=208305&ct=App_2019_1019_enUS_ios_1B&mt=8"); });
if ( !mw.centralNotice.bannerData.hideResult ) { cbnnr.show(); }
}); </script>