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

MediaWiki:Common.css (ver código-fonte)

Edição das 21h49min de 24 de julho de 2023

659 bytes adicionados , 24 de julho de 2023

sem sumário de edição

Ybooh

Administradores da interface

8 500

edições

@@ Linha 579: / Linha 579: @@
 /* Tests */
-.slideshow-container {
+.jcarousel {
-      display: block;
+    position: relative;
-      max-width: 400px;
+    overflow: hidden;
-      height: 400px;
+}
-      position: relative;
-      margin: auto;
+.jcarousel-wrapper {
-      overflow: hidden;
+ max-width: 1125px;
-    }
+    margin: 0;
+    position: relative;
-    .slide {
+}
-      display: none;
-      position: absolute;
+.jcarousel .jcarousel-list {
-      width: 100%;
+    width: 20000em;
-      height: 300px; /* Altura da imagem */
+    position: relative;
-    }
+    margin: 0;
+    padding: 0;
-    .slide img {
+}
-      width: 100%;
-      height: 100%;
+.jcarousel .jcarousel-item {
-      object-fit: cover;
+    float: left;
-     }
+}
-     /* Efeito de transição do slideshow */
+.jcarousel-item img {
-     .slideshow-container .slide:first-child {
+    display: block;
-      display: block;
+    max-width: 100%;
-    }
+    height: auto !important;
+}
-    /* Setas de navegação */
-    .prev, .next {
+.jcarousel-control-prev,
-      position: absolute;
+.jcarousel-control-next {
-      top: 50%;
+    position: absolute;
-      font-size: 24px;
+    top: 45%;
-      cursor: pointer;
+    width: 30px;
-      z-index: 1;
+    height: 30px;
-      color: white;
+    text-align: center;
-      background-color: rgba(0, 0, 0, 0.5);
+     background: #fff;
-      padding: 10px;
+    color: #fff;
-     }
+    text-decoration: none;
+     text-shadow: 0 0 1px #000;
-     .prev {
+    font: 24px/27px Arial, sans-serif;
-      left: 10px;
+    border-radius: 30px;
-    }
+    box-shadow: 0 0 2px #999;
+}
-    .next {
-      right: 10px;
+.jcarousel-control-prev {
-     }
+     left: -15px;
+}
-     /* Navegação usando :target */
-     .slide:target {
+.jcarousel-control-next {
-      display: block;
+    right: -15px;
-    }
+}
+.jcarousel-control-prev:hover span,
+.jcarousel-control-next:hover span {
+    display: block;
+}
+.jcarousel-control-prev.inactive,
+.jcarousel-control-next.inactive {
+    opacity: .5;
+    cursor: default;
+}
+.jcarousel-pagination {
+    position: absolute;
+    bottom: 10px;
+    left: 15px;
+}
+.jcarousel-pagination a {
+    text-decoration: none;
+    display: inline-block;
+    font-size: 11px;
+    line-height: 14px;
+    min-width: 14px;
+    background: #fff;
+    color: #4E443C;
+    border-radius: 14px;
+    padding: 3px;
+     text-align: center;
+    margin-right: 2px;
+     opacity: .75;
+}
+.jcarousel-pagination a.active {
+    background: #4E443C;
+     color: #fff;
+     opacity: 1;
+     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+}