MediaWiki:Centralnotice-template-bolivia teachers

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search

<style>

  1. 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: 13px;
   line-height: 1.4;
   color: #000 !important;
   text-align: left;
   text-decoration: none;

}

.cbnnr-special .cbnnr-message {

   color: #d9e0f5 !important;

}

.cbnnr-cta {

   font-size: 16px;
   font-weight: bold;
   color: #222;

}

.cbnnr-cta:hover {

   font-size: 16px;
   font-weight: bold;
   color: #222;

}

.cbnnr-special .cbnnr-cta {

   color: white;

}

  1. bolivia_teachers:hover {
   text-decoration: unset;

}

  1. bolivia_teachers:hover .cbnnr-cta{
   text-decoration: underline;

}


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

   .cbnnr-message { 
       font-size: 15px; 
       line-height: 1.5;
    }
   .cbnnr-cta { font-size: 16px; }

}

/* Styles */


.cbnnr {

   background-color: #fff;
   position: relative;
   text-decoration: none;

}

/* Hide banner when Wikipedia site search is enabled */ .overlay-enabled .cbnnr {

   display: none !important;

}


.cbnnr-main {

   position: relative;
   clear: both;
   background-color: white;
   border: 1px solid #333;
   min-height: 88px;
   padding: 10px;

}


.cbnnr-main:hover, .cbnnr-main:focus {

   color: #222;
   border-radius: 2px;
   border-color: #F7C171;
   text-decoration: none;

}

.cbnnr-special .cbnnr-main {

   background-color: #c8ccd1;
   border: none;

}

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

   .cbnnr-main {
       padding: 15px;
   }

}

.skin-minerva .cbnnr-main {

       border: none;
       border-bottom: 1px solid #333;
   }

.skin-minerva .cbnnr-main:hover, .skin-minerva .cbnnr-main:focus {

   box-shadow: unset;
   text-decoration: none;

}

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

   .skin-minerva .cbnnr-main {
       border: 1px solid #c8ccd1;
       margin-top: 20px;
   }

}

.cbnnr-message {

   display: block;

}

.cbnnr-icon {

   width: 100px;
   height: 80px;
   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;
   }

}

.cbnnr-icon img {

   max-width: 100%;
   max-height: 100%;
   position: absolute;
   top: 0;
   left: 0;

}

.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: 100px;
   padding-right: 54px;
   padding-top: 5px;
   margin: auto;

}

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

   .cbnnr-message p  {
      padding-left: 110px;
      padding-right: 64px;
      padding-top: 4px;
   }

}

@media all and (max-width: 600px) {

   .cbnnr-message p  {
      padding-left: 5px;
   }
   .cbnnr-icon {
      display:none;
   }

}

@media all and (max-width: 501px) {

   .skin-minerva .cbnnr-message p  {
      padding-left: 83px;
   }
   .skin-minerva .cbnnr-icon {
      display:block;
   }

}

@media all and (max-width: 350px) {

   .skin-minerva .cbnnr-message p  {
      padding-left: 5px;
   }
   .skin-minerva .cbnnr-icon {
      display:none;
   }

} .cbnnr-headline, .cbnnr-text {

   display: block;

}

.cbnnr-headline:hover, .cbnnr-text:hover {

   text-decoration: unset;

}

.cbnnr-text {

   color: #555A5F;

}

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

   .cbnnr-headline,
   .cbnnr-text {
       display: inline;
   }

}

.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 --- */

.cn-close {

   cursor: pointer;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   padding: 12px;
   transition: all .3s ease-in-out;  

}

.cbnnr-special .cn-close {

   background: rgba(255,255,255,.5);
   opacity: 1;

}

.cbnnr-special .cn-close:hover {

   background: rgba(255,255,255,.7);

}

.cn-icon-close {

   width: 28px;
   height: 28px;

}

.cbnnr-special .cn-close-icon {

   background: 
      linear-gradient(transparent,transparent),
      url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 fill=%22%23ffffff%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");

}


.cbnnr-special .cn-close-icon {

   opacity: 1;

}


.cbnnr-special .cn-close-icon {

   /* need new svg */

}

.cn-close-icon:hover {

   opacity: 1;

}

.cn-close .cn-icon-close path {

   stroke: #222;

}

.cn-close:hover .cn-icon-close circle, .cn-close:focus .cn-icon-close circle {

   stroke: #36c;

}

.cn-close:hover .cn-icon-close path, .cn-close:focus .cn-icon-close path {

   stroke: #36c;

}

.cn-disclaimer {

   position: relative;
   display: block;
   width: 100%;
   left: 0;
   right: 0;
   padding: 4px;
   text-align: center;
   font-size: 12px;

}

</style>

<a href="https://wikimedia.qualtrics.com/jfe/form/SV_3POo1qRBbs7RZ1H"id="{{{banner}}}">

¿Has usado Wikipedia en tu clase con tus estudiantes? Ayúdanos a conocer tus perspectivas aceca del uso de Wikipedia en el aula.
¡No te tomará más de 10 minutos!
Responde esta encuesta

              <svg class="cn-icon cn-icon-close" role="img" aria-labelledby="cn-icon-close-title" width="34" height="34" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg">
                  <title id="cn-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>

       This survey powered by a third-party service; please see the <a class="cta" href="https://www.qualtrics.com/privacy-statement/" title="Wikipedia Survey" target="_blank">survey privacy statement</a>.