Jump to content

MediaWiki:Centralnotice-template-spatton responsive thanks hidecookie

From Meta, a Wikimedia project coordination wiki

<style> /* Hide when editing */ .action-edit .frb, .ve-activated .frb {

   display: none !important;

}

  1. centralNotice.collapsed .frb {
   display: none;

}

/* z-index override for #siteNotice now having .mw-body-content class [1] */

  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


*/

.frb {

   position: relative;
   text-align: left;
   margin-bottom: 24px;

}

/*Default style is grey*/ .frb-inline-main, .frb-inline-main:visited {

   color: #222;

}

.frb-inline-main {

   display: block;
   font-family: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   width: 100%;
   padding: 16px;
   background-color: #fee7e6;
   border: 1px solid #72777d;
   border-radius: 2px;

}

@media all and (min-width: 640px) {

   .frb-inline-main {
       display: table;
       padding: 20px 48px 20px 0;
   }

}

.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-visual, .frb-inline-message {

   display: block;

}

@media all and (min-width: 640px) {

   .frb-inline-visual,
   .frb-inline-message {
       display: table-cell;
   }

}

.frb-inline-visual {

   float: left;
   vertical-align: middle;
   text-align: center;

}

@media all and (min-width: 640px) {

   .frb-inline-visual {
       float: none;
   }

}

/*Responsive SVG’s*/ .frb-inline-visual svg {

   margin: 5px 10px 0 0;

}

@media all and (min-width: 640px) {

   .frb-inline-visual svg {
       margin: 0 16px;
   }

}

.frb-inline-message {

   vertical-align: top;
   font-size: 16px;
   line-height: 1.375; /*22px @16px*/

}

.frb-inline-message p {

   margin: .5em 0;

}

.frb-inline-message p:first-of-type {

   margin-top: 0;

}

.frb-inline-message p:last-of-type {

   margin-bottom: 0;

}

@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 .cta {

   color: #222;
   font-weight: 600;
   text-decoration: underline;

}

.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;

}

@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;

}

</style>

<img height="1" width="1" src="//en.wikipedia.org/w/index.php?title=Special:HideBanners&category=fundraising&reason=donate"/>