MediaWiki:Centralnotice-template-WP20 test1 Cake20
<style> /* Hide when editing */ .action-edit .frb, .ve-activated .frb {
display: none !important;
}
- centralNotice.collapsed .frb {
display: none;
}
/* z-index override for #siteNotice now having .mw-body-content class [1] */
- siteNotice {
z-index: auto;
}
/* z-index override for German 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;
}
- 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;
}
- 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>
<img src="https://upload.wikimedia.org/wikipedia/donate/thumb/b/b5/Wikipedia20_bannersymbol_cake.svg/130px-Wikipedia20_bannersymbol_cake.svg.png" srcset="https://upload.wikimedia.org/wikipedia/donate/thumb/b/b5/Wikipedia20_bannersymbol_cake.svg/195px-Wikipedia20_bannersymbol_cake.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/donate/thumb/b/b5/Wikipedia20_bannersymbol_cake.svg/260px-Wikipedia20_bannersymbol_cake.svg.png 2.0x"/>
</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'); }
});
var pixelclickcount = 0;
$(function() {
$( ".frb-inline-container" ).click(function() { if(pixelclickcount<1) { $(".frb-inline-container").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","{{{WP20_translations,webhub_link}}}"); });
}); </script>