User:Toniher/baner estrategia 2019

<style type="text/css">

 @font-face {
 font-family: 'Montserrat';
 font-style: normal;
 src: local('Montserrat'), local('Montserrat'), url(https://upload.wikimedia.org/wikipedia/donate/c/cd/Montserrat.woff2) format('woff2');}

   #amical {
       padding: 0;
       width: 100%;
       margin-bottom: 1em;
       position: relative;
       border: 1px solid rgba(0, 0, 0, 0.3);
       box-shadow: 0.1em 0.1em 0.6em 0 rgba(0, 0, 0, 0.4);
       color:black;
   }

   #mw-mf-viewport #amical {
       margin-bottom: 0!important;
   }

   #amical a {
     color:black;
     text-decoration:none;
   }
   #amical a:hover {
         color:black;
         text-decoration:underline;
   }

   #amical,
   #amical * {
       box-sizing: border-box;
   }

   #amical .amical-close {
       position: absolute;
       right: 0.4em;
       top: 0.4em;
   }

   .banner-container {
       margin: 0;
       max-width: 100%;
   }

   @media screen and (max-width:719px) {
       #amical > a .amical-logo {
           position: absolute;
           background-image: url('//upload.wikimedia.org/wikipedia/commons/8/88/amical_Stockholm_logo_transparent.svg');
       }
       #amical>a {
           display: block;
           table-layout: auto;
           height: auto;
       }
       #amical>a>* {
           display: block;
           width: 100%!important;
           min-height: 88px;
           vertical-align: middle;
       }

       #amical .amical-close {
           right: 0;
           top: 0;
       }
       #amical .amical-close a {
           display: block;
           padding: 1em 1em .5em .5em;
       }
   }

   @media screen and (max-width:55.8em) {
       .amical {
           position: relative;
           top: -1px;
           margin-left: -20px!important;
           margin-right: -20px!important;
       }
       .amical .outer-box,
       .amical .inner-box {
           padding-left: 2em!important;
           padding-right: 2em!important;
       }
       .amical .inner-box {
           margin-left: -2em!important;
           margin-right: -2em!important;
       }
       .amical .amical-title {
           font-size: 5.4vw!important;
       }
   }

   @media screen and (max-width:30em) {
       .amical .amical-title {
           font-size: 7.2vw!important;
       }
   }

1. slider {

 height: 125px;
 position: relative;
 background-color: #002856;
 color: #FFF;
 width: 100%;
 overflow: hidden;

}

.slides {

 -webkit-animation: slide 15s ease infinite;

}

.slide {

 float: left;
 align-items: center;
 justify-content: center;
 height: 100%;
 width: 100%;
 color: white;
 text-align: center;
 font-size: 2em;
 vertical-align:middle;
 font-weight:bold;
     display: flex;
     flex-direction: row;
     justify-content: center;
 font-family:'Montserrat', serif;

}

@-webkit-keyframes slide {

 15% {transform: translateY(0)}
 20% {transform: translateY(-125px)}
 35% {transform: translateY(-125px)}
 40% {transform: translateY(-250px)}
 55% {transform: translateY(-250px)}
 60% {transform: translateY(-375px)}
 70% {transform: translateY(-375px)}
 80% {transform: translateY(-500px)}
 90% {transform: translateY(-500px)}

} </style> <meta charset="UTF-8">

        <a href="https://meta.wikimedia.org/wiki/Amical_Wikimedia/Pla_estrat%C3%A8gic_2019-2024"><img src="https://upload.wikimedia.org/wikipedia/commons/2/2c/Amical_estrat%C3%A8gia_logomark.svg" border=0 width=125px></a>

         <a href="https://meta.wikimedia.org/wiki/Amical_Wikimedia/Pla_estrat%C3%A8gic_2019-2024">

       
       Com t'imagines la Viquipèdia el 2024?
       

       
       Amical Wikimedia està redactant el seu pla estratègic per als propers cinc anys.
Col·labora-hi aportant els teus coneixements!
       

       </a>

Comunitat

Comunicació

Contingut

Usabilitat

Lectures

     <a href="#" title="Hide" onclick="mw.centralNotice.hideBanner();return false;">
         <img border="0" src="https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Hide" /></a>