MediaWiki:Centralnotice-template-IWD2023
<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 */ body:not(.skin-monobook) .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: #fff;
}
- frb-bg-top {
background: url(https://upload.wikimedia.org/wikipedia/donate/0/08/Wikipedia20_banner_backgroundtop2.svg); background-size: auto 34px; background-repeat: repeat-x; position: absolute; width: 100%; height: 18px; margin-left: 19px; overflow: hidden; z-index: 0;
}
.rtl .frb-inline-main {
padding: 20px 20px 20px 12px; }
@media all and (min-width: 500px) {
.frb-inline-main {
padding: 20px 15px 20px 0;
}
.rtl .frb-inline-main {
padding: 20px 0 15px 15px;
}
}
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 44px; background-repeat: repeat-x; position: absolute; width: 100%; height: 18px; overflow: hidden; 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-wrapper {
display: none; padding: 10px 40px 10px 40px; border-radius: 10px; width: 220px;
}
.frb-inline-visual {
display: none; vertical-align: middle; text-align: center; height: 90px; width: 150px; background: rgba(152, 44, 204, 0.8); padding: 10px; border-radius: 10px;
}
.frb-inline-visual img {
height: 100%;
}
@media all and (min-width: 500px) {
.frb-inline-visual-wrapper {
display: table-cell;
}
.frb-inline-visual {
display: table-cell;
}
}
.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;
}
- cnotice-translation-link {
position: absolute; right: 65px; bottom: 0px; font-size: 0.8em; white-space: nowrap;
}
- cnotice-translation-link > a {
padding: 0 2px;
}
- cnotice-translation-link:hover {
text-decoration: underline;
}
.rtl #cnotice-translation-link {
text-align: left; left: 65px;
}
</style>
<a href="https://meta.wikimedia.org/wiki/Special:MyLanguage/Celebrate_Women" class="frb-inline-container" title="Suggested activities and resources" aria-label="Let me see how I can contribute">
</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>
[<a id="cn-translation-link" href="//meta.wikimedia.org/w/index.php?title=Special:Translate&group=Centralnotice-tgroup-IntWomensMonth2022">Help with translations!</a>]
<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');
}
});
$( document ).ready(function() {
$("a#cn-translation-link").attr("href", "//meta.wikimedia.org/wiki/Special:Translate?action=translate&group=Centralnotice-tgroup-IWD2023" + "&uselang=" + mw.config.get('wgPageContentLanguage'))
}); </script>