MediaWiki:Common.css: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 581: Linha 581:
.slideshow-container {
.slideshow-container {
       display: block;
       display: block;
       width: 1000px;
       max-width: 400px;
      height: 1000px;
       position: relative;
       position: relative;
       margin: auto;
       margin: auto;
Linha 589: Linha 588:


     .slide {
     .slide {
       display: block;
       display: none;
       position: absolute;
       position: absolute;
       width: 100%;
       width: 100%;
       height: 300px; /* Altura da imagem */
       height: 300px; /* Altura da imagem */
      opacity: 0;
      transition: opacity 1s;
     }
     }


Linha 608: Linha 605:
     }
     }


     /* Setas de navegação */
     /* Animação do slideshow usando :target */
     .prev, .next {
     .slide:target {
       position: absolute;
       display: block;
      top: 50%;
       animation: fade 6s;
      transform: translateY(-50%);
      font-size: 24px;
      cursor: pointer;
       z-index: 1;
     }
     }


     .prev {
     @keyframes fade {
       left: 10px;
       0%, 20% {
        opacity: 0;
      }
      25%, 100% {
        opacity: 1;
      }
     }
     }


     .next {
    /* Timer para avançar automaticamente */
       right: 10px;
     .slideshow-container {
       animation: change-slide 18s infinite;
     }
     }


     /* Animação das setas de navegação */
     @keyframes change-slide {
    .prev:hover, .next:hover {
      0%, 33.33% {
      background-color: rgba(0, 0, 0, 0.8);
        target: #slide1;
    }
      }
 
       33.33%, 66.66% {
    @keyframes fade {
         target: #slide2;
       0%, 20% {
         opacity: 1;
       }
       }
       25%, 100% {
       66.66%, 100% {
         opacity: 0;
         target: #slide3;
       }
       }
     }
     }

Menu de navegação