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 580: Linha 580:


.slideshow-container {
.slideshow-container {
      display: block;
    display: block;
      max-width: 400px;
    max-width: 400px;
      height: 400px;
    position: relative;
      position: relative;
    margin: auto;
      margin: auto;
    overflow: hidden;
      overflow: hidden;
  }
     }
 
  .slide {
    display: none;
     position: absolute;
    width: 100%;
    height: 300px; /* Altura da imagem */
    opacity: 0;
    transition: opacity 1s;
  }
 
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
 
  /* Efeito de transição do slideshow */
  .slideshow-container .slide.fade {
    animation: fade 6s infinite;
  }


    .slide {
  @keyframes fade {
      display: none;
    0%, 20% {
      position: absolute;
       opacity: 1;
      width: 100%;
       height: 300px; /* Altura da imagem */
     }
     }
 
     25%, 100% {
     .slide img {
       opacity: 0;
      width: 100%;
      height: 100%;
       object-fit: cover;
     }
     }
  }


    /* Setas de navegação */
  /* Setas de navegação */
    .prev, .next {
  .prev, .next {
      position: absolute;
    position: absolute;
      top: 50%;
    top: 50%;
      transform: translateY(-50%);
    transform: translateY(-50%);
      font-size: 24px;
    font-size: 24px;
      cursor: pointer;
    cursor: pointer;
      z-index: 1;
    z-index: 1;
    }
  }


    .prev {
  .prev {
      left: 10px;
    left: 10px;
    }
  }


    .next {
  .next {
      right: 10px;
    right: 10px;
    }
  }

Menu de navegação