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

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;
    position: relative;
      position: relative;
    margin: auto;
      margin: auto;
    overflow: hidden;
      overflow: hidden;
  }
    }


  .slide {
    .slide {
    display: none;
      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;
  }


  .slide img {
    .slide img {
    width: 100%;
      width: 100%;
    height: 100%;
      height: 100%;
    object-fit: cover;
      object-fit: cover;
  }
    }


  /* Efeito de transição do slideshow */
    /* Efeito de transição do slideshow */
  .slideshow-container .slide.fade {
    .slideshow-container .slide:first-child {
    animation: fade 6s infinite;
      display: block;
  }
    }


  @keyframes fade {
    /* Setas de navegação */
     0%, 20% {
     .prev, .next {
       opacity: 1;
      position: absolute;
      top: 50%;
      font-size: 24px;
      cursor: pointer;
       z-index: 1;
      color: white;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 10px;
     }
     }
     25%, 100% {
 
       opacity: 0;
     .prev {
       left: 10px;
     }
     }
  }


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


  .prev {
     /* Navegação usando :target */
     left: 10px;
    .slide:target {
  }
      display: block;
 
    }
  .next {
    right: 10px;
  }