MediaWiki:Gadget-Carousel.css: verschil tussen versies

Versie van 16 jun 2022 20:00

/* BEGIN Main Page carousel code */

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel-wrapper {
	width: 100vw;
    margin: 0;
    position: relative;
}

.jcarousel .jcarousel-list {
    position: relative;
    margin: 0;
    padding: 0;
}

.jcarousel .jcarousel-item {
    float: left;
}

.jcarousel-item img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
/* END Main Page carousel code */

@@ Regel 7: / Regel 7: @@
 .jcarousel-wrapper {
-	max-width: 1125px;
+	width: 100vw;
      margin: 0;
      position: relative;
@@ Regel 27: / Regel 27: @@
      height: auto !important;
 }
-.jcarousel-control-prev,
-.jcarousel-control-next {
-    position: absolute;
-    top: 45%;
-    width: 30px;
-    height: 30px;
-    text-align: center;
-    background: #fff;
-    color: #fff;
-    text-decoration: none;
-    text-shadow: 0 0 1px #000;
-    font: 24px/27px Arial, sans-serif;
-    -webkit-border-radius: 30px;
-       -moz-border-radius: 30px;
-            border-radius: 30px;
-    -webkit-box-shadow: 0 0 2px #999;
-       -moz-box-shadow: 0 0 2px #999;
-            box-shadow: 0 0 2px #999;
-}
-.jcarousel-control-prev {
-    left: -15px;
-}
-.jcarousel-control-next {
-    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);
-}
 /* END Main Page carousel code */