MediaWiki:Centralnotice-template-App 2019 0829 enUS m template
<style> .skin-monobook #siteNotice p {
padding-left: 90px !important; padding-right: 64px !important; padding-top: 4px !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;
}
/* Font sizes and line heights */
.cbnnr-message {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: medium; font-size: 12px; line-height: 1.4; color: #222222 !important; text-align: left;
}
.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; margin-bottom: 12px;
}
/* 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; margin-top: 20px; }
}
.cbnnr-message {
display: block;
}
.rtl .cbnnr-message {
text-align:right;
}
.cbnnr-icon {
width: 57px; height: 57px; border-radius: 10px; border: 1px solid #eaecf0; overflow: hidden; top: 50%; position: absolute; float: left; transform: translateY(-50%); left: 10px; overflow: hidden; background: #fff;
}
@media all and (min-width: 720px) {
.cbnnr-icon { left: 15px; } .rtl .cbnnr-icon { right: 15px; }
}
.cbnnr-icon-border {
border: 1px solid #c8ccd1;
}
.cbnnr-icon img {
max-width: 100%; max-height: 100%; position: absolute; top: 5px; left: 4px;
}
.cbnnr-icon-border img {
max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.cbnnr-message p {
padding-left: 78px; padding-right: 54px; margin: auto;
}
.rtl .cbnnr-message p {
padding-right: 78px; padding-left: 54px; margin: auto;
}
@media all and (min-width: 720px) {
.cbnnr-message p { padding-left: 83px; padding-right: 64px; } .rtl .cbnnr-message p { padding-right: 83px; padding-left: 64px; }
}
@media all and (max-width: 500px) {
.cbnnr-message p { padding-left: 5px; }
.rtl .cbnnr-message p { padding-right: 5px; padding-left: 0; }
.cbnnr-icon { display:none; }
}
@media all and (max-width: 501px) {
.skin-minerva .cbnnr-message p { padding-left: 83px; }
.rtl .skin-minerva .cbnnr-message p { padding-left: 0; padding-right: 83px; }
.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; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1; background: #007aff; border-radius: 10px; padding: 9px 16px; height: 44px; transition: all .3s ease-in-out;
}
.cbnnr-special .cbnnr-close {
background: rgba(255,255,255,.5); opacity: 1;
}
body.rtl .cbnnr-close {
left: 10px; right: unset;
}
@media all and (min-width: 720px) {
.cbnnr-close { right: 15px; } body.rtl .cbnnr-close { left: 15px; right: unset; }
}
.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;
}
.stars-container {
color: #fe9500; font-size: 15px; padding-left: 83px;
}
.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="https://apps.apple.com/us/app/wikipedia/id324715238" 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/50px-Wikipedia%27s_W.svg.png" alt=""/> </figure>
Wikipedia Wikimedia Foundation
★★★★Available on the app store
</a>
<script> var cbnnr = cbnnr || {};
cbnnr.show = function() {
$('.cbnnr').css('display', 'block');
};
$(function() {
$( ".cbnnr-message" ).click(function() { $(".cbnnr-main").prepend("<img src='https://upload.wikimedia.org/wikipedia/donate/1/17/F8F9FA-0-Pixel.png?wprov=nojsredirect'></img>"); });
if ( !mw.centralNotice.bannerData.hideResult ) { cbnnr.show(); }
}); </script>